﻿@charset "utf-8";
/* CSS Document */
html{width:100%;}
body{margin:0; padding:0; font-size:12px; font:"宋体";  background-color:#dedede;}
ul{list-style:none; margin:0; padding:0;}
a{text-decoration:none;}
img{border:0;}

#top{width:100% !important; min-width:941px; float:left; background:transparent url(img/tu8.gif) repeat-x scroll 0 0; height:129px;}
#banner{width:100% !important; min-width:941px; float:left; background:transparent url(img/tu8.gif) repeat-x scroll 0 -129px; height:212px;}
#mid{width:100% !important; min-width:941px; float:left; background-color:#FFF; background:transparent url(img/bo60.gif) repeat-x scroll 0 0;}
#bottom{width:100% !important; min-width:941px; float:left; background-color:#FFF; height:70px;}
#mid1{width:100% !important; min-width:941px; float:left; background:url(img/tu10.gif) repeat-x scroll 0 0;}

#head{width:941px; margin:0 auto;}
.head_top{width:941px; height:119px; float:left; background:transparent url(img/tu9.gif) no-repeat scroll left bottom;}
.head_bottom{width:941px; float:left; height:10px; overflow:hidden;}
.logo{width:230px; height:41px; float:left; padding:20px 65px 10px 30px;}
/*.menu{float:left; height:25px; width:530px; padding:47px 0;}*/
/*.menu li{width:106px; height:25px; float:left; line-height:25px; display:block; overflow:hidden;}
.menu li a{display:block; width:101px; text-align:center; color:#FFF; height:25px; background-color:#000; font-weight:bold;}
.menu li a:hover{background-color:#a8030f;}*/

.baner{width:927px; height:212px; background-color:#FFF; padding:0 7px; margin:0 auto;}
.baner img{float:left;}

.content{width:941px; margin:0 auto;}
.content1{width:941px; background-color:#FFF; float:left; padding-bottom:10px;}
.content2{width:941px; height:28px; float:left; overflow:hidden;}
.news{width:486px; float:left; padding-left:24px;}
.titimg{width:486px; height:15px; float:left; padding:25px 0 30px 0;}
.nTab{float:left; width:486px;} 
.nTab .TabTitle{clear:both; height:27px; overflow: hidden; background:transparent url(img/tu5.gif) repeat-x scroll left bottom;} 
.nTab .TabTitle ul{border:0; margin:0; padding:0;} 
.nTab .TabTitle li{float: left; width:89px; cursor: pointer; line-height:27px; padding-left:30px;} 
.nTab .TabTitle .active{background:transparent url(img/tu4.gif) no-repeat scroll 0 0; padding-left:30px; color:#FFF; font-size:12px; font-weight:bold;} 
.nTab .TabTitle .normal{ font-weight:bold; color:#666; font-size:12px;} 
.nTab .TabContent{width:446px; float:left; height:200px; padding:0 20px;}
.nTab .TabContent ul{width:446px; float:left; padding:20px 0;}
.nTab .TabContent li{width:426px; line-height:25px; display:block; color:#434343;}
.nTab .TabContent span{float:right; width:60px;}
.nTab .TabContent strong{padding-right:5px;}
.nTab .TabContent a{color:#434343;}
.nTab .TabContent a:hover{color:#ff0000;}
.nTab .TabContent .more{width:100%; float:left; text-align:right; line-height:20px;}
.nTab .TabContent .more a{color:#CC0000;}
.videotel{width:400px; float:right;}
.video{width:393px; float:left; margin-top:10px;}
.videoleft{width:151px; float:left; padding-left:20px;}
.videoright{width:177px; float:right; height:134px; background:transparent url(img/tu6.gif) no-repeat scroll 0 0; padding:5px;}
.videobox{width:151px; float:left; height:72px;}
.videoimg1{width:76px; height:35px; float:left; margin-top:20px;} 
.videopc1{width:65px; height:34px; float:right; margin-top:20px;}
.tel{
	width:400px;
	float:left;
	height:135px;
	margin-top:8px;
	background-image: url(img/tel.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:0px;
}
.gobutton{
	margin-top:15px;
	margin-left:25px;
}

#footer{width:941px; margin:0 auto;}
.footlogo{width:65px; height:19px; padding-left:20px; float:left; padding-top:10px;}
.footxt{width:580px; float:left; padding-top:13px; line-height:20px; padding-left:25px;}
.footxt a{color:#000;}
.footxt a:hover{color:#ff0000;}
.footbd{width:160px; height:24px; float:right;}
.bd{float:left; width:150px; height:22px; text-align:center; color:#888888; display:block; font-size:12px; margin-top:10px; line-height:22px;}

.contleft{width:193px; float:left; padding-left:7px;}
.contright{width:668px; float:right; padding-right:30px;}
.htmltit{width:158px; float:left; height:39px; line-height:39px; font-size:14px; font-weight:bold; color:#000; padding-left:35px; border-bottom:#c4cedf dashed 1px; margin-top:10px;}
.tit158{width:193px; float:left; line-height:29px; font-size:12px; font-weight:bold; color:#000; border-bottom:#c4cedf dashed 1px;}
.tit1{width:158px; float:left; line-height:29px; font-size:12px; font-weight:bold; padding-left:35px; color:#000;}
.tit1 a,.tit4 a{color:#000;}
.tit1 a:hover{color:#F00;}
.tit2{width:143px; padding-left:50px; float:left; line-height:29px;}
.tit2 a,.tit3 a{font-size:12px; font-weight:normal; color:#535353;}
.tit2 a:hover{color:#F00;}
.tit3{width:143px; line-height:29px; float:left; background:transparent url(img/tu22.gif) no-repeat scroll 0 0; padding-left:50px;}
.tit4{width:158px; line-height:29px; float:left; background:transparent url(img/tu22.gif) no-repeat scroll 0 0; padding-left:35px;}
.lefta{width:193px; float:left; margin-top:35px;}
.leftb{width:193px; float:left; margin-top:2px;}
.lefttj{width:193px; float:left; margin-top:2px; background-color:#eeeeee; padding:20px 0; }
.tjtit{width:173px; float:left; padding-left:15px; background:transparent url(img/tu13.gif) no-repeat right top; font-size:14px; font-weight:bold;}
.lefttj ul{width:163px; float:left; margin-top:20px; padding-left:30px;}
.lefttj li{width:143px; height:20px; line-height:20px; float:left; background:transparent url(img/tu12.gif) no-repeat scroll 0 6px; padding-left:18px; display:block;}
.lefttj li a{color:#000;}
.lefttj li a:hover{color:#F00;} 
.location{width:668px; float:left; height:40px; line-height:40px; color:#888888;}
.location a{color:#888888;}
.taitou{width:513px; height:30px; line-height:30px; padding:22px 0 22px 155px; font-size:16px; font-weight:bold; float:left; background:transparent url(img/tu11.gif) no-repeat scroll 0 0;}
.taitou_product{width:513px; height:30px; line-height:30px; padding:22px 0 22px 155px; font-size:16px; font-weight:bold; float:left; background:transparent url(img/tu16.gif) no-repeat scroll 0 0;}
.taitou_product a{font-weight:bold; font-size:16px; color:#000;}
.taitou_product a:hover{color:#F00;}
.taitou_video{width:513px; height:30px; line-height:30px; padding:22px 0 22px 155px; font-size:16px; font-weight:bold; float:left; background:transparent url(img/tu19.gif) no-repeat scroll 0 0;}
.pcbox{width:668px; height:105px; float:left; margin-top:30px;}
.pcimg{width:127px; height:97px; float:left; padding:4px; background:transparent url(img/tu15.gif) no-repeat scroll 0 0;}
.pcright{width:480px; float:right;}
.pctit{width:100%; float:left; height:26px; line-height:26px; color:#a8030f; font-size:13px; font-weight:bold;}
.pctxt{width:100%; float:left; line-height:26px; height:52px; overflow:hidden; font-size:12px; color:#535353;}
.pcxh{width:100%; float:left; height:26px; line-height:26px;}
.pcxh a{color:#535353; text-decoration:underline; margin-right:15px;}
.pcxh a:hover{
	text-decoration:none;
	color: #990000;
}
.pctit a{color:#a8030f;}
.pctit a:hover{text-decoration:underline;} 
.product_box{width:668px; float:left; margin-top:10px; height:199px;}
.product_left{width:260px; height:169px; float:left; padding-right:20px; padding-top:30px;}
.product_right{width:352px; height:199px; float:right;}
.product_name{width:100%; height:24px; line-height:24px; font-size:16px; color:#a8030f; font-weight:bold; text-align:right; float:left;}
.product_xinhao{width:220px; height:42px; line-height:42px; float:right; background-color:#a8030f; color:#FFF; margin-top:20px; text-align:right; font-weight:bold; font-size:24px; font-family:"Arial Black", Gadget, sans-serif; padding-right:10px;}
.nTab1{float:left; width:668px; margin-top:15px;} 
.nTab1 .TabTitle1{clear:both; height:45px; overflow: hidden; background:transparent url(img/tu17.gif) repeat-x scroll 0 0;} 
.nTab1 .TabTitle1 ul{border:0; margin:0; padding:0 0 0 80px; height:35px; margin-top:10px;} 
.nTab1 .TabTitle1 li{float: left; width:110px; cursor: pointer; line-height:35px; text-align:center;} 
.nTab1 .TabTitle1 .active{background:transparent url(img/tu18.gif) no-repeat scroll 0 0; color:#000; font-size:14px; font-weight:bold; text-align:center;} 
.nTab1 .TabTitle1 .normal{ font-weight:bold; color:#666; font-size:14px; text-align:center;} 
.nTab1 .TabContent1{width:608px; float:left; padding:15px 30px; color:#585858; font-size:12px; line-height:24px;}
.work_tit{
	width:648px;
	float:left;
	padding-left:30px;
	height:29px;
	line-height:29px;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	margin-top:10px;
	background-image: url(img/bg_k_1.gif);
	background-repeat: no-repeat;
}
.work_box{width:566px; float:left; margin-top:10px; padding:0 51px;}
.case_tit{
	width:542px;
	float:left;
	height:30px;
	line-height:30px;
	color:#434343;
	font-weight: bold;
}
.case_tit .titleft{width:80%; float:left;}
.case_tit .titleft strong{padding-right:5px;}
.case_tit .titright{
	width:20%;
	float:right;
	text-align:right;
	font-weight: normal;
}
.case_txt{width:542px; float:left; padding:0 16px 0 8px; color:#888888; line-height:20px; height:40px; overflow:hidden;}
.case_more{width:535px; float:left; text-align:right; line-height:30px; padding-bottom:20px;}
.case_more a{color:#a8030f;}
.case_more a:hover{color:#888888;}
.video_box{width:668px; float:left; margin-top:10px;}
.video1{width:135px; float:left; padding:0 43px;}
.videoimg{width:127px; height:97px; float:left; background:transparent url(img/tu15.gif) no-repeat scroll 0 0; padding:4px;}
.videotit{width:100%; line-height:16px; float:left; text-align:center; margin-top:5px;}
.videobutton{width:100%; text-align:center; float:left; margin-top:5px; padding-bottom:20px;}
.pagelist{width:500px; height:19px; float:left; line-height:19px; text-align:center; padding-left:168px;}
.pagelist a{color:#000;}
.article{
	width:668px;
	float:left;
	margin-top:20px;
	line-height: 22px;
	font-size: 13px;
}

.mydiv {
background-color: #E8E8EC;
border: 1px solid #CCCCCC;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 550px;
height: 520px;
left:50%;
top:50%;
margin-left:-275px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-260px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.close{float:right; width:17px; height:17px; padding:5px;}
.shipi{width:540px; height:440px; background-color:#FFF; padding:20px 0; margin:0 auto;}



/* 导航 */
#menu {
	float:left; height:25px; width:530px; padding:47px 0;
}
#innermenu {
	width: 530px;
	margin-left:auto;
	margin-right:auto;
}
#mainnav {
	float:left;
}
#class1 {
	float:left;
	list-style:none;
	text-align: center;
	position:relative;
	width:106px;
}
#class1 a:link {
	float:left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 101px;
	height:25px;
	text-decoration: none;
	line-height:25px;
	background-color:#000;
}
#class1 a:visited {
	float:left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 101px;
	height:25px;
	text-decoration: none;
	line-height:25px;
	background-color:#000;
}
#class1 a:hover {
	float:left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 101px;
	height:25px;
	text-decoration: none;
	background-color:#a8030f;
	line-height:25px;
}
#class1 a:active {
	float:left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 101px;
	height:25px;
	text-decoration: none;
	line-height:25px;
	background-color:#000;
}
.imcm ul, .imcm li, .imcm div, .imcm span, .imcm a {
	text-align:left;
	padding:0px;
	margin:0;
	list-style:none outside none;
	border-style:none;
	background-image:none;
	clear:none;
	float:none;
	display:block;
	position:static;
	overflow:visible;
	line-height:normal;
}
.imcm li a img {
	display:inline;
	border-width:0px;
}
.imcm span {
	display:inline;
}
.imcm .imclear, .imclear {
	clear:both;
	height:0px;
	visibility:hidden;
	line-height:0px;
	font-size:1px;
}
.imcm .imsc {
	position:relative;
}
.imcm .imsubc {
	position:absolute;
	visibility:hidden;
}
.imcm li {
	list-style:none;
	font-size:1px;
	float:left;
}
.imcm ul ul li {
	width:100%;
	float:none !important;
}
.imcm a {
	display:block;
	position:relative;
}
.imcm ul .imsc, .imcm ul .imsubc {
	z-index:10;
}
.imcm ul ul .imsc, .imcm ul ul .imsubc {
	z-index:20;
}
.imcm ul ul ul .imsc, .imcm ul ul ul .imsubc {
	z-index:30;
}
.imde ul li:hover .imsubc {
	visibility:visible;
}
.imde ul ul li:hover .imsubc {
	visibility:visible;
}
.imde ul ul ul li:hover .imsubc {
	visibility:visible;
}
.imde li:hover ul .imsubc {
	visibility:hidden;
}
.imde li:hover ul ul .imsubc {
	visibility:hidden;
}
.imde li:hover ul ul ul .imsubc {
	visibility:hidden;
}
.imcm .imea {
	display:block;
	position:relative;
	left:0px;
	font-size:1px;
	line-height:1px;
	height:0px;
	width:1px;
	float:right;
}
.imcm .imea span {
	display:block;
	position:relative;
	font-size:1px;
	line-height:0px;
}
.dvs, .dvm {
	border-width:0px;
}
/*以上是调浏览器兼容的*/
#imenus0 .imeam span, #imenus0 .imeamj span {
	width:9px;
	height:6px;
	left:-9px;
	top:0px;
}
#imenus0 li:hover .imeam span, #imenus0 li a.iactive .imeamj span {
}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span, #imenus0 ul .imeasj span {
	background-image:url(medium_purple_right.gif);
	width:6px;
	height:9px;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:top left;
}
#imenus0 ul li:hover .imeas span, #imenus0 ul li a.iactive .imeasj span {
	background-image:url(medium_purple_right.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
/* --[[ Main Container ]]-- */
#imouter0 {
	border-style:none;
	border-color:#6a6a6a;
	border-width:0px;
	padding:0px;
	margin:0px;
}
/* --[[ Sub Container ]]-- */
#imenus0 li ul {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* [Underlayment (Drop Shadow)] */
#imenus0 .imunder {
	top:0px;
	left:0px;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
}
/* --导航栏目字体以及边框样式-- */
#imenus0 li a, #imenus0 .imctitle {
	color:#333;
	/*
	background-image:url(menu/button4.png);
	background-repeat:no-repeat;/*一级菜单背景*/
	text-align:center;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	height:25px;
}
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {
	text-decoration:none;
}
#imenus0 li a.ihover, .imde imenus0 a:hover { /* 一级菜单获焦背景 */
	text-decoration:none;
	/* background-image:url(menu/button3.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#666;
	*/
}
/* [active] */
#imenus0 li a.iactive { /*一级菜单选定背景 */
/* background-image:url(menu/button4.png);
	*/
}
/* -下拉列表样式 */
#imenus0 ul a:link,#imenus0 ul a:visited,#imenus0 ul a:active, #imenus0 .imsubc li .imctitle {
	color:#000;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	height:25px;   /*二三级菜单高度*/
	line-height:25px;
	background-color:#f2f2f2;
}
*html #imenus0 ul a, #imenus0 .imsubc li .imctitle { /* 二三级菜单项上下间距 for ie6 */
	margin-top:0px;
}
*+html #imenus0 ul a, #imenus0 .imsubc li .imctitle { /* for ie7, ie8 */
	margin-top:0px;
}
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li a:hover {
	text-decoration:none;
	background-color:#a8030f;
	color:#fff;
}
#imenus0 ul li a.ihover {
	/*二级菜单鼠标获焦背景*/
	color:#fff;
	text-decoration:none;
	padding:0px;
	line-height:25px;
	background-color:#a8030f;
}
/* [active] */
#imenus0 ul li a.iactive {
/*background-image:url(menu/button2.png);
	background-repeat:no-repeat;
 	/*二级菜单选定背景*/ 
}
#class1 {
	width: 106px; /*一级菜单*/
	cursor:pointer;
}
#class2 {	/*二级菜单*/
	width:150px;
	top:0px;
	left:0px;
}
#class3 ul li a {
	background-color:#f2f2f2;
}
#class3 ul li a.ihover {
	background-color:#a8030f;
}
#whole {
	height:25px;
	z-index:999999;
	position:relative;
	top:0px;
	left:0px; /*整个菜单离左边框距离*/
}
.imatm{width:106px; float:left;}
.imatm .imsc{float:left;}

