@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.7 SimSun;text-align:left; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol,li{list-style:none; padding:0; margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:link,a:visited{color: #000;}
a:hover{color:#000; text-decoration:none}
fieldset,img{border:0;}
input{ border:0;}
body{ background:url(dt_02.jpg) repeat-x top;}


.head{ width:1003px; margin:0 auto; height:150px;}
.nav{ padding-left:30px; overflow:hidden; float:left}
.nav li{ float:left;   text-align:center; line-height:150px;}
.nav li a{ padding:0px 40px; font-size:14px; color:#000; font-weight:bold}
.head .logo{ width:300px; float:left; padding-top:40px; }
.home_banner{ height:490px; background: #000; width:100%}
.nav2 { line-height:50px;width:100%;overflow:hidden; border-bottom:#a2a2a2 1px solid; border-top:#a2a2a2 1px solid;font-size:13px;}
.nav2 ul{ width:1003px; margin:0 auto; padding-left:80px}
.nav2 li{float:left; width:50px;}
.nav2  a{ padding:0px 10px; font-size:13px; }
.pic{ width: 1003px; margin:10px auto; text-align:center; }
.content{ width:1003px; line-height:40px; text-align:left; margin:0 auto; padding-left:30px; font-size:13px;}
.content li{ border-bottom:#d9d9d9 1px dotted;}
.content .blue{ color:#137bb6; font-weight:bold}
.del_all{width:1003px; line-height:40px; text-align:left; margin:0 auto 40px;  overflow:hidden }
.movie li{ float:left; width:40px; height:40px; text-align:center; line-height:40px; background-color:#137bb6; color:#fff; margin-right:10px; margin-bottom:10px}	
.movie ul{ float:left; padding-top:10px; width:900px;}
.movie span{ display:inline-block; width:65px; float:left; padding-left:30px; margin:10px auto}
.movie a{ display:block; width:100px; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif;background-color:#137bb6; text-align:center; margin:30px 0px 0px 30px}


.banner{width:100%; background:url(product_02.jpg) center no-repeat ; height:305px;}
.product-list-nav{ width:1003px; margin:0 auto; padding-top:30px;}
.product-list-nav li{ float:left; width:100px; text-align: center; }
.product-list-nav ul{ width:500px; margin:0 auto; }	
.product-list{width:1003px; margin:0 auto; padding-top:30px;}
.product-list li{ width:300px; float:left; padding-top:20px; margin:0px 15px}
.product-list span{ width:100%; text-align:center; display:block; padding-top:5px}
.product-list ul{}


.team-nav { width:100%; margin:0 auto; padding-top:30px;border-top:#a2a2a2 1px solid; text-align:center; padding-bottom:30px}
.team-all{ width:1003px; margin:0px auto 40px; color:#FFF; overflow:hidden}
.team-1{ width:250px; float:left; background:#000;}
.team-all h2{ font-size:20px; font-weight:normal; padding:12px;}
.team-all span{ font-size:32px; font-weight:normal; padding-right:25px;}
.team-all p{ padding:20px; font-size:14px; line-height:26px;}
.team-2{ width:250px; float:left; background:#e11010; margin-left:1px;}
.team-3{ width:250px; float:left; background:#ffc000; margin-left:1px; color:#212121;}
.team-4{ width:250px; float:left; background:#137bb6; margin-left:1px; color:#212121;}

.home_content{ width:1003px; margin:40px auto; overflow:hidden}
.home_content .left{ width:456px; float:left; background-color:#000}
.home_content .left li{ float:left; height:228px;}


.home_content .right{ width:547px; float:left}
.home_content .right li{ float:left}
.home_content .right .home_about{ width:269px; height:178px; background-color:#a5a5a5; font-size:13px; color:#fff; padding:25px; line-height:30px}
.home_content .right ul{  overflow:hidden; clear:both}
.home_content .home_news h2{ font-size:16px; font-weight:normal;}
.home_content .home_news { padding:20px;}
.home_content .home_news  .blue{ color:#137bb6; padding-left:10px}
.home_content .home_news  .more{ float:right;color:#137bb6;}
.home_content .home_news  .date{ background-color:#137bb6; padding:0px 30px; font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif}
.home_content .home_news  .image{ width:58px; float:left}
.home_content .home_news  li{ line-height:36px; margin-top:9px; }
.home_content .home_news  span{ display:inline-block; line-height:58px; float:left}
.home_content .home_news .news_c{ background-color:#a5a5a5; padding:0px 20px; width:265px; float:left; font-size:13px;}
.home_content .home_news a{ color:#ffffff}

.footer{ width:100%; background-color:#000; height:140px;}
.footer ul{ width:1003px; margin:0 auto; color:#dedede; padding:30px; line-height:40px; position:relative}
.footer a{ padding:0px 30px; color:#dedede}
.footer .top{ position:absolute; right:0; top:50px;}
.about{ width:950px; line-height:30px; margin:20px auto;  font-size:13px;}
.partners{ width:950px; margin:20px auto; text-align:center}
.partners h2{ text-align:center; width:100%;}
.menu {
	height: 148px;
	padding: 0px;
	line-height:150px;
	width: 640px;
	float:left; margin-top:2px; margin-left:60px;

}

.menu ul li {
	/* width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
line-height:148px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 100px;
			height: 148px;
			font-family: "微软雅黑", "宋体";
			font-size: 13px;
			text-decoration: none;
			cursor: pointer; 

}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 100px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -148px;
}

		/** 1st example **/

		/** 2nd example **/

#menu2 {
			background: #fff;		
}
		
#menu2 ul li a {
			color: #000;
}

#menu2 ul li a span.over {
	color: #fff;
	background-color: #000;
}

.contact_banner{ background:url(contact.jpg) no-repeat center; height:364px; overflow:hidden}
.contact_con{ width:1003px; margin:30px auto; line-height:38px; font-size:13px; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* =============================================================================
   Fix the clear issue
   ========================================================================== */
.hide {
	display: none;
}
.clear {
	clear: both !important;
	display: block !important;
	font-size:0 !important;
	height:0 !important;
	line-height: 0 !important;
	width: 100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hide from IE Mac \*/
.clearfix {
	display: block;
} /* End hide from IE Mac */
.clear-fixed {
	height: 100%;
	overflow: hidden;
}



/* =============================================================================
   Typography
   ========================================================================== */
::-moz-selection {
background: #F78118;
color: #FFFFFF;
text-shadow: none;
}
::selection {
	background: #F78118;
	color: #FFFFFF;
	text-shadow: none;
}
body {
	line-height: 1;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
em, i, dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #CCCCCC;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #FFFF99;
	color: #000000;
	text-decoration: none;
}
mark {
	background: #FFFF00;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 85%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
   Button, input, textarea
   ========================================================================== */
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
button, input {
	line-height: normal;
*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}



/* leftsead */
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#137cb6;height:47px;margin-left:47px;border:1px solid #137cb6;text-align:center;line-height:47px}
#p3{width:112px;background-color:#ffc001;height:47px;margin-left:47px;border:1px solid #ffc001;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
#p1{width:47px;height:49px;float:left}
#p4{width:112px;background-color:#e21011;height:47px;margin-left:47px;border:1px solid #e21011;text-align:center;line-height:47px}

.news{ width:1003px; margin:30px auto; overflow:hidden}
.news .left{ width:200px; float:left}
.news .left li{ line-height:40px; margin-bottom:10px }
.news .left li a{ border:1px solid #ccc; display:block; padding:3px 10px; font-size:13px;}
.news .left li a:hover{ border:1px solid #137cb6; display:block; padding:3px 10px; background-color:#137cb6; color:#fff}
.news .right{ border-left:1px solid #d6d6d6; float:left;  margin-left:30px; min-height:500px; width:740px; font-size:13px;}
.news .right li{ line-height:45px;border-bottom:1px solid #ccc; width:95%; margin:0 auto; }
.news .right  span{ float:right}
.news .right a{ display:block;padding:0px 10px;}
.news .right a:hover{ display:block; background-color:#eee;padding:0px 10px; color:#137cb6}
.right_del{  margin-left:30px; min-height:500px; width:740px; font-size:14px; border-left:1px solid #d6d6d6; float:left; padding-left:30px; line-height:36px; }
.right_del p{ text-align:center}
.right_del h2{ text-align:center; font-size:24px; font-weight: normal; border-bottom:1px solid #333; line-height:60px;}
.right_del span{ display:block; text-align:center; margin-bottom:10px; font-size:13px;}


/* box */
#box{position:relative;width:754px;height:292px;margin:0px auto 0; padding-top:100px}
#box ul{position:relative;width:754px;height:292px;}
#box li{position:absolute;border:2px solid #000;list-style:none;background:#000;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:0px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(../images/btn.png) no-repeat;}
#box .prev{left:-100px;}
#box .next{right:-100px;background-position:-39px 0;}