*{margin:0px; padding:0px}
body{font-size:12px; color:#333;background:#828282;}
ul {list-style-type: none;}
img {border:0px;}

.f_black{color:#000;}
.f_red{color:#C00;}
.f_white{color:#FFF;}
.f_gray {color:#999;}
.f_orange {color:#DD9A31;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_mblue {color:#3B97D6;}
.f_dblue {color:#1B4C7A;}
.f_gold{color:#F60;}
.f_Arial {font-family:Arial, Helvetica, sans-serif;}
.blod{ font-weight:bold;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px13 { font-size:13px;}
.px14 { font-size:14px;}
.px15 { font-size:15px;}
.px16 { font-size:16px;}
.px20 { font-size:20px;}
.input{height:16px; border:solid 1px #CCCCCC; background:#F7F7F7;}
.input2{border:#666 solid 1px; background-color:#FFF; }
.fleft{float:left}
.fright{float:right}
.nbold{font-weight:normal}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #C00;
}
a:active {
	text-decoration: none;
}
a.wl:link,a.wl:visited,a.wl:active {color:#FFF;text-decoration:none;}
a.wl:hover {color:#333;}

a.rd:link,a.rd:visited,a.rd:active {color:#C00;text-decoration:none;}
a.rd:hover {color:#333;}


#body{width:982px; margin:0 auto; background:#FFF;}
#top,#mid,#btm{
	width:982px;
	float:left;
}
#logo {
	background: url(../images/top.jpg) no-repeat;
	height: 109px;
}
#top_tel {
	float: right;
	margin-top: 75px;
	padding-right: 30px;
	font-family: "΢ÈíÑźÚ";
}
#menu {
	background-image: url(../images/menu_ct.jpg);
	background-repeat: repeat-x;
	height: 42px;
}
#menu_lt {
	float: left;
	height: 42px;
	width: 5px;
	background: url(../images/menu_lt.jpg) no-repeat;
}
#menu_rt {
	float: left;
	height: 42px;
	width: 5px;
	background: url(../images/menu_rt.jpg) no-repeat;
}
#menu_ct {
	float: left;
	height: 42px;
	width: 972px;
}
#menu_ct li {
	float: left;
	height: 42px;
	width: 138px;
	background:url(../images/menu_od.jpg) no-repeat right center;
}
#menu_ct li.nobg {
    background:none;
}
#menu_ct li a{
    display:block;
	width:138px;
	height:42px;
	line-height:42px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	font-family:"΢ÈíÑźÚ";
}
#menu_ct li a:hover{
    background:url(../images/menu_ov.jpg) no-repeat center center;
	color:#FFCC00;
	height:42x;
	font-weight:bold;
}
#home #menu_ct li#m1 a,#about #menu_ct li#m2 a,#media #menu_ct li#m3 a,#filming #menu_ct li#m4 a,#process #menu_ct li#m5 a,#product #menu_ct li#m6 a,#project #menu_ct li#m7 a{
    background:url(../images/menu_ov.jpg) no-repeat center center;
	color:#FFCC00;
	height:42x;
	font-weight:bold;
}
#bn {
	height: 305px;
	border: 4px solid #464646;
	margin-top: 10px;
}
.home_slide{position:relative;width:974px; height:305px; z-index:1;}
.home_slide .list{display:none;}
.home_slide .btn{overflow:hidden;position:absolute;bottom:8px;right:8px;}
.home_slide .btn li{float:left;width:15px;height:15px;margin:0 0 0 8px;cursor:pointer;line-height:15px;font-size:12px;background:#464646;color:#FFF;text-align:center; font-family:Arial, Helvetica, sans-serif}
.home_slide .btn .selected{background:#F30; color:#FFF;}
.home_slide .new{display:none;position:absolute;top:0;left:0;}

#mid {
	background: url(../images/ltbg.jpg) repeat-y left top;
}
#mid_lt {
	padding: 10px;
	float: left;
	width: 270px;
}
#hmvideo {
	height: 210px;
	width: 264px;
	border: 1px solid #B5B5B5;
	background-color: #FFF;
	padding: 2px;
}
.tit {
	background-image: url(../images/lttit.jpg);
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
	padding-left: 15px;
    padding-right: 10px;
}
.tit a{
	color: #FFF;
}
.con {
	padding: 10px;
	border: 1px solid #BFBFBF;
	background-color: #F1F1F1;
	line-height: 22px;
}
.news_li {
	height: 27px;
	background: url(../images/line2.jpg) repeat-x left bottom;
	line-height:27px;
}
.news_li a{
    background:url(../images/td.gif) no-repeat left center;
	padding-left:13px;
}
#mid_rt {
	background-color: #FFF;
	padding:10px 10px 0px 10px;
	width: 672px;
	float: left;
}
.tit2 {
	background-image: url(../images/rttit.jpg);
	background-repeat: no-repeat;
	height: 37px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 37px;
	padding-left: 15px;
	padding-right: 10px;
}
.con2 {
	padding: 10px;
	border: 1px solid #E0E0E0;
	border-top:none;
	line-height: 22px;
}
.con3 {
	padding: 10px;
	border: 1px solid #E0E0E0;
	border-top:none;
	line-height: 25px;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#hmabout {
	line-height: 24px;
	height:160px;
	overflow: hidden;
}
#hmabout img{
    width:150px;
	float:left;
	padding:1px; 
	margin-right:10px; 
	border:solid 1px #EEE;
}
#hmpro {
	width: 650px;
	overflow: hidden;
}
#hmpro li {
	float: left;
	width: 162px;
}
#hmpro2 {
	width: 650px;
	overflow: hidden;
}
#hmpro2 li {
	float: left;
	width: 162px;
	height:170px;
}
.hmpro_img{
	padding:1px;
	width: 140px;
	height: 120px;
	margin:0 auto;
	text-align: center;
	border:solid 3px #000;
	background:#F1F1F1;
	position:relative;
}
.hmpro_img img {vertical-align: middle;margin-right: -1px;}
.hmpro_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.hmpro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.tb{
    position:absolute;
	width: 140px;
	height: 120px;
	display:block;
	left:0;
	top:0;
    background:url(../images/feedvideoplay.gif) center center no-repeat;
	z-index:9999;
	cursor:pointer;
}
.hmpro_tit {
	line-height:25px;
	text-align:center;
	overflow: hidden;
	height:25px;
	width: 140px;
	margin:0 auto;
}
#btm {
	line-height: 24px;
	color: #C4C4C4;
	background-color: #3A3A3A;
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #171717;
	text-align: center;
}
#btm a{
	color: #C4C4C4;
}
.type {
	height: 32px;
	width: 220px;
	margin: 5px auto 0 auto;
	line-height: 31px;
}
.type a{
    display:block;
	background-image: url(../images/type_1.jpg);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 30px;
	height: 31px;
}
.type a:hover{
	background-image: url(../images/type_2.jpg);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 30px;
	color:#FFF;
	font-weight:bold;
}
.type a.on{
	background-image: url(../images/type_2.jpg);
	background-repeat: no-repeat;
	width: 190px;
	padding-left: 30px;
	color:#FFF;
	font-weight:bold;
}
.ny_list {
	padding: 5px;
}
.ny_list li {
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 26px;
	padding-top: 4px;
}
.ny_list2 {
	margin-top: 10px;
	overflow: hidden;
}
.ny_list2 li {
	float: left;
	height: 160px;
	width: 162px;
	overflow: hidden;
}
.pro_img {
	width: 140px;
	height: 120px;
	padding: 1px;
	border: 1px solid #e4e4e4;
	text-align: center;
	background:#FFF;
	margin:0 auto;
}
.pro_img img {vertical-align: middle;margin-right: -1px;}
.pro_img span {display: -moz-inline-box;/*Õë¶Ô»ðºü*/}
.pro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.pro_tit {
	line-height:25px;
	text-align:center;
	overflow: hidden;
	height:25px;
}
.showinf {
	padding: 10px;
}
.showinf li {
	line-height: 25px;
}