@charset "utf-8";
/* --------------------------------------------------
整体布局样式表[适用于IE6(非标准),IE7(鬼异),Firefox(标准)]

    版本:  3.0
    作者:  name
  email:  name@xxx.com
     qq:  369491785
    msn:  name@live.cn
    博客:  booke
-------------------------------------------------- */

/* =base 基本布局样式开始
-------------------------------------------------- */
#wrapper { width:1003px;	margin:0 auto; background-color:#fff;}
#header, #content, #footer, #inner-header, #inner-content, #inner-footer {
	float:left;
	display:inline;
	height:auto;
	clear:both;
	position:relative;
}
#header {	width:100%;	text-align: center 	}
#content {	width:100%;	 overflow:hidden;   }
#column {	float: left;	height: auto;	width: 203px;	text-align: left;	padding:0;  padding-bottom:10px; background:#F0F7FF;  }
#main {	float: left;	width: 380px;	text-align: left;	height: auto; margin-left:10px; display:inline;  }
#sidebar {	clear: right;	float: right;	height: auto;	width: 380px;margin-right:20px; display:inline;
   }
#footer {	width:100%;	 height:97px;	 background:url(../images/jtd_20.jpg) no-repeat center top;  }
/* =inner-xxx 内页基本框架 */
#inner-content {	width:100%;	background: url(../images/metal_ny_bg.gif) repeat-y center top; }
#inner-column {	float: left;	height: auto;	width: 268px;	text-align: left;	padding:0 8px; }
#inner-main{	float:right;	height:auto; width:800px;	text-align:left;     }
#wrap, #header, #footer, #inner-header, #inner-content, #inner-footer, #column, #main, #sidebar, #inner-column, #inner-main {
	overflow:hidden;
}
/* 两列等高(扩展到多列等高),也可以采用Jquery达到更好的效果 */
#a, #b {	padding-bottom:32767px;	margin-bottom:-32767px; }
/* =base 基本布局样式结束
-------------------------------------------------- */
/* =s=header
-------------------------------------------------- */
#logo-bar {
	float:left;
	clear:both;
	width:100%;
}
.logo { width:100%;background-image:url(../images/logo.jpg); background-repeat:no-repeat;height:105px;}
.logo img{ vertical-align:top;}
.top-nav{ padding-right:10px; text-align:center; float:right;width:150px; }
.top-nav li{ display:inline; }
.top-nav li a{ color:#666; }
.top-nav li a:hover{ color:#F30; }
/* =nav网站主导航 */
#nav {
		clear:both;
		float:right;
	width: 640px;
	padding-top:10px;

	
	

	
}
#nav ul {	list-style-type: none;   }
#nav ul li { float:left;line-height:70px; text-align:center; display:inline;	}

.slide{
display:none;
}
.nav1 a:link, .nav1 a:visited{ display:block; background: url(../images/index_01_19.jpg) no-repeat center top; height:70px; width:80px;}
.nav1 a:hover, .nav1 a:active{ display:block; background: url(../images/index_01_19_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav2 a:link, .nav2 a:visited{ display:block; background: url(../images/index_01_21.jpg) no-repeat center top; height:70px; width:80px;}
.nav2 a:hover, .nav2 a:active{ display:block; background: url(../images/index_01_21_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav3 a:link, .nav3 a:visited{ display:block; background: url(../images/index_01_23.jpg) no-repeat center top; height:70px; width:80px;}
.nav3 a:hover, .nav3 a:active{ display:block; background: url(../images/index_01_23_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav4 a:link, .nav4 a:visited{ display:block; background: url(../images/index_01_25.jpg) no-repeat center top; height:70px; width:80px;}
.nav4 a:hover, .nav4 a:active{ display:block; background: url(../images/index_01_25_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav5 a:link, .nav5 a:visited{ display:block; background: url(../images/index_01_27.jpg) no-repeat center top; height:70px; width:80px;}
.nav5 a:hover, .nav5 a:active{ display:block; background: url(../images/index_01_27_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav6 a:link, .nav6 a:visited{ display:block; background: url(../images/index_01_29.jpg) no-repeat center top; height:70px; width:80px;}
.nav6 a:hover, .nav6 a:active{ display:block; background: url(../images/index_01_29_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav7 a:link, .nav7 a:visited{ display:block; background: url(../images/index_01_31.jpg) no-repeat center top; height:70px; width:80px;}
.nav7 a:hover, .nav7 a:active{ display:block; background: url(../images/index_01_31_by.jpg) no-repeat center top; height:70px;width:80px; }
.nav8 a:link, .nav8 a:visited{ display:block; background: url(../images/index_01_33.jpg) no-repeat center top; height:70px; width:80px;}
.nav8 a:hover, .nav8 a:active{ display:block; background: url(../images/index_01_33_by.jpg) no-repeat center top; height:70px;width:80px; }



.top_nav{
width:100%;
background:url(../images/jtd_02.jpg) no-repeat left top;
height:34px;}
.left_top{
width:200px;
float:left;
height:28px;
line-height:34px;
 margin: 0 auto ;
 _padding-top:3px;}
 .right_top{
 width:350px;
 height:30px;
 line-height:34px;
 float:right;

 }
 .right_top ul{
 list-style: none;
 }
 .right_top ul li{
 list-style:none;
 float:left;color:#FFF;}
 .right_top ul li a:link, .right_top ul li a:visited{ color:#FFF;text-decoration:none;}
  .right_top ul li a:hover,  .right_top ul li a:active{ color:#f00; text-decoration:none;}


#header-flash {	 height: 208px;	width:940px;; clear: both; margin-left:auto; margin-right:auto; }

.flash{width:800px; height:220px;}
#listimg{
width:3px;
height:31px;
margin-top:-3px;
_margin-top:2px;
display:inline;}
/* =e=header
-------------------------------------------------- */
.headermenu{
width:auto;
height:23px;
float:right;
padding-right:20px;}
.headermenu ul { list-style-type:none;
}
.headermenu ul li{
list-style-type:none;
float:left;
width:70px;

display:inline;

height:23px;
line-height:23px;
color:#000;

}
.headermenu ul li a:link,.headermenu ul li a:visited{
color:#000;}
.headermenu ul li a:hover,.headermenu ul li a:active{
color:#f00;}

/* =s=content
-------------------------------------------------- */
/* =inner */
.inner{width:800px;   height:auto;  margin-top:10px; }
.inner h3{ width:100%; height:30px; background-color:#FF0000; line-height:30px;  background: url(../images/abo.jpg) repeat left top;}
.inner-cont{ width:760px; padding:10px 20px; float:left;height:auto; font-size:12px;  }
/* =affiche网站公告 */
.affiche{ margin-bottom:10px; width:100%; background:url(../images/affiche_09.jpg) no-repeat center bottom; padding-bottom:20px; }
.affiche h2{width:100%;}
.affiche p{ padding:10px;}
.gonggao-p{margin:0 auto;}
/* =profilelist */
.profile{ width:100%; background:url(../images/index_28.jpg) no-repeat center bottom; }
.profile h2{ width:100%; height:29px; background: url(../images/main_11.jpg) no-repeat center top; }
.profilelist {	padding:20px;	text-align:center; }
.profilelist li {	list-style:square inside;	border-bottom:1px dotted #CCC;	padding:8px 2px 0 0; }
.profilelist li a{ font-size:14px; }
.profilelist li a:hover{ font-size:14px; }
/* =about首页公司简介 */
.about{width:700px;   height:auto; background-color:#FFFFFF;}
.about h2{ width:100%; height:31px; background-image:url(../images/aboutus.jpg);
background-repeat:no-repeat; }
.about-p{ width:668px; padding:10px 15px; float:left; border-left:1px solid #B6E7EB; border-right:1px solid #B6E7EB; border-bottom:1px solid #B6E7EB;height:auto; overflow:hidden;  }
/* =contact联系我们 */
.contact{ width:100%; background:url(../images/index_28.jpg) no-repeat center bottom; border-bottom:1px solid #6984b2; }
.contact h2{ width:100%; height:30px; background: url(../images/main_11.jpg) no-repeat center top; }
.contact ul{ padding:10px; }
.contact ul li{}
/* =leftimg */
.leftimg{ clear:both; background-image:url(../images/d_13.jpg); width:190px; height:259px;
background-repeat:no-repeat; margin-left:auto; margin-right:auto; }

/* =marketlist营销网络 */
.market{ width:100%; background:url(../images/proclass.gif) no-repeat center bottom; }
.market h2{ width:100%; height:29px; background: url(../images/main_11.jpg) no-repeat center top; }
.marketlist {	padding:20px;	text-align:center; }
.marketlist li {
	list-style:square inside;
	border-bottom:1px dotted #CCC;
	padding:8px 2px 0 0;
}
.marketlist li a{ font-size:14px; }
.marketlist li a:hover{ font-size:14px; }
/* =proclass树型产品分类 */
.proclass{ width:100%; background:url(../images/proclass.gif) no-repeat center bottom; }
.proclass h2{ width:100%; height:29px; background: url(../images/main_11.jpg) no-repeat center top; }
.proclass-list{ }
.proclasstree {	text-align: left; float:left; 	 }
.proclasstree li {height:32px; line-height:32px; width:197px;  background: url(../images/jtd_09.jpg) no-repeat left top; margin:0 auto; }
.proclasstree li img {vertical-align:middle;}
/* =parentstree产品折叠菜单 */
.parentstree{text-align: left; float:left;  }
.parentstree li{}
.parentstree li a{ display:block;width:187px;  background: url(../images/jtd_09_hover.jpg) no-repeat left top; margin:0 auto; padding:6px 0 6px 10px !important;padding:8px 0 8px 10px;font-size:13px; font-weight:bold;}
.parentstree li a:hover{background: url(../images/jtd_09.jpg) no-repeat left top; text-decoration:none;}
.parentstree li img { display:none;}
.substree{ list-style:none; }
.substree li{ width:177px;  background: none; margin:0 auto;border-bottom:1px solid #ccc; padding:3px 0 3px 10px !important; padding:5px 0 5px 10px;}
.substree li a{ font-size:13px; font-weight:bold;}
.substree li img {vertical-align:middle;}

/* =navtreefirst栏目一级菜单(1) */
.navtreefirst {	text-align:left; }
.navtreefirst li {	display:inline;	padding:6px 0px; }
.navtreefirst li a { color:red; }
.navtreefirst li img {	vertical-align: baseline; }
/* 推荐产品 */
.stroll{ width:700px; margin:0 auto; height:153px; overflow:hidden; }
.strolls{ width:700px; margin:0 auto; height:153px;overflow:hidden; }

.recoproduct{width:800px;   height:auto; background-color:#FFFFFF;}
.recoproduct h2{ width:100%; height:40px; background-image:url(../images/jtd_06.jpg);
background-repeat:no-repeat; background-position:left center; }
.recoproduct-p{ width:780px; padding:10px; float:left;height:250px; font-size:14px;  }

.recopro-ul {	text-align:center; padding-left:10px;}
.recopro-ul li { float:left; margin:6px; display:inline;height:195px; }
.recopro-ul li a{ display:block; padding-bottom:20px !important; padding-bottom:10px;border: 1px solid #97a6c0; zoom:1; }
.recopro-ul li a:hover{ border: 1px solid green; background:#f5f5f5; }
.recopro-ul li .boximg{ margin:3px; }
.recopro-ul .boxtxt{}
/* =newpro-ul产品列表  */
.newpro-ul {		text-align:center; padding-left:20px; }
.newpro-ul li { float:left; margin:8px; display: inline; height:185px;}
.newpro-ul li a{ display:block; margin:5px; padding-bottom:20px !important;padding-bottom:10px; border: 1px solid #97a6c0; zoom:1;  }
.newpro-ul li a:hover{ border: 1px solid green; background:#f5f5f5;  }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ line-height:22px; clear:both; }
/* =caseclasstree树型案例分类 */
.caseclasstree {	text-align: left;	padding: 0 5px; }
.caseclasstree li {height:20px; padding-top:5px; line-height:15px;  border-bottom:1px dashed #000;  }
.caseclasstree li img {vertical-align:middle;}
/* =case-ul案例列表 */
.case-ul {	width:100%;	text-align:center; padding:15px 0px 0 15px; }
.case-ul li { float:left; margin:6px; display: inline; zoom:1; }
.case-ul li a{ display:block; margin:5px;border: 1px solid #97a6c0; zoom:1; }
.case-ul li a:hover{ border: 1px solid green; background:#f5f5f5; zoom:1; }
.case-ul li .boximg{ margin:3px;}
.case-ul .boxtxt{ line-height:22px; clear:both; }
/* =newslist资讯分类列表 */
.newsclass { width:100%; background:url(../images/index_28.jpg) no-repeat center bottom; }
.newsclass h2{ width:100%; height:29px; background: url(../images/main_11.jpg) no-repeat center top; }
.newslist {	text-align: left;	padding: 0 5px; }
.newslist li {height:20px; padding-top:5px; line-height:15px;  border-bottom:1px dashed #000; list-style-type:none;
background-image:url(../images/listdian.jpg); background-repeat:no-repeat; padding-left:15px; background-position:left center;  }
.newslist li a{ font-size:12px; }
.newslist li a:hover{ font-size:12px; }
/* =topnews-ul最新资讯 */
.indexnews{ width:203px;  height:auto;  background-color:#FFFFFF;   }
.indexnews h2{ width:203px; height:30px;  background: url(../images/cp_15.jpg) no-repeat top center; }
.pro{ width:201px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  text-align:left; height:auto; padding-bottom:10px; }
.topnews-ul {
	list-style-type: square;
	list-style-position: inside;
	color:#2b497a;
	text-align:left;
	padding:10px;
}
.topnews-ul li {	padding-top: 5px;	border-bottom:dotted 1px #999;	line-height: 22px; }
.topnews-ul li span {	float:right; }
.topnews-ul li a {	color:#2b497a; }
.topnews-ul li a:hover {	text-decoration:underline;	color:#F60; }
/* =classnews资讯列表 */
.classnews { width:96%;	list-style: square inside;	color:#333;	text-align:left;  margin-left:auto;
margin-right:auto; }
.classnews li {	border-bottom:dotted 1px #999; padding-top:5px; }
.classnews li span {	float:right; color:#000;  }
.classnews li a {	color:#000; }
.classnews li a:hover {	text-decoration:underline;	color:#F60; }
/* =friendlink */
.friendlink{width:100%;}
.friendlink h2{width:100%; background:url(../images/main_15.jpg) no-repeat center top; height:27px; border-bottom:1px solid #b8c3d7;}
.links {		text-align:center; }
.links li {	margin:0 5px;	 float:left; display:inline;}
/* =focusImg焦点样式 */
.honor{width:100%;padding-bottom:10px;}
.honor h2{width:100%; background:url(../images/gonggao.jpg) no-repeat center top; height:30px; }
.honor p{ padding:10px; }

/* =focusImg焦点样式 */
.focusImg {background:#fff;width:796px;height:220px;border:#ddd 2px solid;position:relative;  }
.focusImg ul{list-style:none;margin:0;padding:0;}
.focusImg ul li{width:796px;position:absolute;}
.focusImg ul li div{width:796px;height:220px;overflow:hidden;}
.focusImg ul li img{width:796px;height:220px;}
.focusImg ul li h4{margin:0;background:#fff;padding:5px 0;height:20px;font-size:14px;text-align:center;}
.focusImg span{filter:alpha(opacity=80);opacity:0.8;position:absolute;display:block;width:786px;height:14px;bottom:0px;text-align:right;padding:5px;}
.focusImg span a:link,.focusImg span a:visited{background:#f5f5f5;padding:1px 5px;margin-left:2px;text-decoration:none;color:#000;}
.focusImg span a:hover,.focusImg span a:active, a:hover .a2{font-weight:bold;background:#000000;padding:1px 5px;margin-left:2px;text-decoration:none;color:#ffffff;}
.focusimg p{background:#fff;height:52px;overflow:hidden;line-height:18px;padding:0 10px;text-indent:25px;}

/* =downlist */
.downlist{ font-size: 14px; width:98%; }
.downlist tr td { border: solid 1px #999; }
.downlist tr td a{ font-size: 14px; }
/* =message */
.messagename {
	font-size: 12px;
	line-height: 30px;
	width: 70px;
	float: left;
	clear: both;
	height: 30px;
	text-align: right;
	padding-right: 5px;
}
.messagetitle {
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 30px;
	clear: both;
	color: #666666;
}
#messageadd {	height: auto;	width: 560px;	padding-top: 10px;	padding-bottom: 10px; }
#messageadd ul {	list-style: none; }
#messageadd ul li {  }
.messageadd1 {	float: none;	height: 30px; }
/* =joshow */
#jobshow {	color: #333333;	background-color: #FFFFFF; }
#job_book {	color: #333333;	background-color: #FFFFFF; }
#job_list {	width: 100%; }
#job_list ul {	list-style-type: decimal;	}
.joblist a {	font-size: 14px;	font-weight: bold;	color: #0000FF; }
.joblist li {	margin-top: 5px;	margin-bottom: 5px;	margin-left: 22px; }
/* =e=content
-------------------------------------------------- */
/* =s=footer
-------------------------------------------------- */
.footer-nav {	border-bottom:solid 2px #0b9beb; padding: 5px 0 3px 0;	background: #21b0ff; }
.footer-nav li {	display:inline;	padding:12px;	}
.footer-nav li a {	color:#fff;	}
.footer-nav li a:hover {	color: #F30; text-decoration:underline;	}
#copy { height: auto;	width: 100%; padding: 20px 0 0 0; text-align:center; color:#FFF;}
#copy a:link,#copy a:visited{color:#fff;}
#copy a:hover,#copy a:active{ color:#f00;}
/* =e=footer
-------------------------------------------------- */
.indexgundong{
width:244px;
height:190px;

float:right;
}

.frlink{
width:100%;
height:89px;
background-image:url(../images/frlink.jpg);
background-repeat:no-repeat;
background-position:center bottom;
padding-top:10px;}

.frlink h3{width:100%; height:20px;  overflow:hidden;}
.frlink p{ }
.textlinks{text-align:center; background-color:#0000FF; padding-left:10px;}
.textlinks li{display:inline; width:10%;float:left; height:20px;text-align:center; }

.rightnews{width:100%;padding-bottom:10px; height:210px;}
.rightnews h2{width:100%; background:url(../images/news.jpg) no-repeat center top; height:30px; }
.rightnews p{ padding:5px; }
.indexcontact{width:100%;padding-bottom:10px;}
.indexcontact h2{width:100%; background:url(../images/contact.jpg) no-repeat center top; height:30px; }
.indexcontact p{ padding:5px; text-align:left; }


.ny_infor{
width:98%;

padding:10px;
overflow:hidden;
}

.contact_bg{

float:left;
display:inline;

margin-left:20px;
width:135px;
border:1px solid #ccc;
height:102px;
background-color:#FFFFFF;
background-image:url(../images/index_16.jpg);
background-repeat:no-repeat;
background-position:center center;
padding-top:40px;
padding-left:40px;
padding-right:7px;
color:#FFFFFF;}

.ny_contact_bg{

float:left;
display:inline;
margin-top:10px;


width:135px;
border:1px solid #ccc;
height:102px;
background-color:#FFFFFF;
background-image:url(../images/index_16.jpg);
background-repeat:no-repeat;
background-position:center center;
padding-top:40px;
padding-left:40px;
padding-right:7px;
color:#FFFFFF;}
.toptitle2{
width:auto;
height:40px;
float:left;
font-size:12px;
padding-left:30px;
line-height:40px; 
color:#324DB4;
letter-spacing: 8px ;
font-size:14px;}
.toptitle{
width:auto;
height:30px;
float:left;
font-size:12px;
padding-left:15px;
line-height:30px; 
color:#324DB4;
font-size:14px;}
.progundongbg{
width:770px;
height:146px;
background-image:url(../images/index_13.jpg);
background-repeat:no-repeat;
float:right;
margin-right:20px;
display:inline;
}
.progundong{
width:730px;
padding-left:20px;
height:135px;
padding-top:5px;
}

.foootmenu{
	float:left;
	clear:both;
	width: 100%;
	
	height:25px;
	
	padding-top:5px;
	
}
.foootmenu ul {	list-style-type: none; padding-left:30px; }
.foootmenu ul li {  float:left;	 line-height:25px; padding:0 5px 0 5px; }
.foootmenu ul li.navend { background:none;}
.foootmenu ul li a {	font-size:12px;	color:#000;  }
.foootmenu ul li a:hover { color:#F60; text-decoration:none; }


.companyphoto{ width:201px;  height:auto;   margin-top:5px;border:1px solid #ccc; overflow:hidden;  }
.companyphoto h2{ width:203px; height:30px;  background: url(../images/jtd_15.jpg) no-repeat 1px top; }
.pros{ width:200px;   padding:0; text-align:left; padding-bottom:10px; background:#F0F7FF; overflow:hidden; }
.contact_us{ width:180px;   padding:0 10px; text-align:left; padding-bottom:10px; }


.indexpro{width:100%;   height:auto; background-color:#FFFFFF; }
.indexpro h2{ width:100%; height:40px; background-image:url(../images/jtd_06.jpg);
background-repeat:no-repeat; background-position:left center;  }
.indexpro-p{ width:90%; padding:10px; float:left;height:auto; font-size:12px;  }

.indexpro1{width:100%;   height:auto; background-color:#FFFFFF; }
.indexpro1 h2{ width:100%; height:40px; background-image:url(../images/jtd_061.jpg);
background-repeat:no-repeat; background-position:left center;  }
.indexpro-p1{ width:90%; padding:10px; float:left;height:auto; font-size:12px;  }

.zhaosh{
width:201px;
height:auto;
margin-top:5px;
border:1px solid #ccc;
overflow:hidden;

}
.zhaosh h2{
width:203px;
height:31px;
line-height:31px;
background:url(../images/jtd_13.jpg) no-repeat center center;}


.daili {
list-style:none;}
.daili li{
list-style:none;
width:191px;  background: none; margin:0 auto; line-height:25px; margin-bottom:2px; background: url(../images/dian.gif) no-repeat 6% 60%; border-bottom:1px solid #ccc; padding-left:10px;
 }

