@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
a {text-decoration:none;}
body{ width:100%; height:auto; font-size:12px; font-family:"宋体";min-width:1234px;}


/*头部*/
.top_bg{width:100%; height:181px; background:url(../images/topbg.png); margin:auto;}
.top_m{width:1024px; height:181px; margin:auto;}
#hytopbg{
height:157px;
background-color:#0c408b;}

#hytop{
height:157px;
margin-left:auto;
margin-right:auto;
width:1005px;

}

.hylogo{
position:absolute;
margin-top:20px;
float:left;
}

.hylogo img{ max-height: 160px;}

.hysz{
float:right;
padding-right:10px;
padding-top:16px;}

.hypho{
height:48px;
padding-left:730px;
padding-top:60px;}

.hyphoimg{
width:48px;
height:48px;
float:left;}

.hyphotext{
color:#FFFFFF;
position:absolute;
width:233px;
height:78px;
margin-left:60px;}

.photexttop{
height:24px;
line-height:24px;}
.photexttop ul li{
display:inline;
list-style:none;
float:left;}

.photextbottom{
width:223px;
height:24px;
line-height:24px;}
.photextbottom ul li{
}

/*导航*/
#navbg{width:100%; height:40px; background:url(../images/pdhydhbg.jpg) repeat-x;}
.navm {width:1234px; height:40px; margin:auto;}
.navm li{position: relative; float:left; width:100px; margin-left:10px; text-align: center; height:40px; line-height:40px;}
.navm li a{ float:left; width:100px; font-size: 16px; font-family: '微软雅黑'; color: #fff; line-height: 40px;}
.navm li a:hover{color:#FFF;}
.navm li:hover{width:100px; height:40px; background:url(../images/pdhydhbg.jpg)  repeat-x;}


.menu li{position:relative;float: left;width: 100px;}
.dh_main .yi{ margin-left:18px; height:40px;}
.dh_main li{height:40px; width: 100px; float:left;line-height:40px; font-size:14px; text-align:center; font-weight:bold; color:#FFF;margin-left: 10px; list-style:none; cursor:pointer;position: relative;}
.dh_main a{font-size:14px;font-weight:bold; color:#FFF; display:inline-block;}
.dh_main a:hover{color:red}

.menu1 ul li{margin:0; line-height:40px; font-weight:normal;  padding:0; cursor:pointer;}
.menu1 ul li a{ font-weight:normal; font-size:12px;display: block;overflow: hidden; height: 40px;line-height: 40px; background:url(../images/pdhydhbg.jpg)  repeat-x;}
.menu1 li a:hover{line-height: 40px;}
.menu1{ position:absolute; z-index:99999999999999; _z-index:9999999999999; width: 103px; left:0px;top: 40px;}

.menu1 ul li.er{position:relative;}
.menu2{position:absolute;left: 101px;top:0px;}

/*banner图*/
.bang{width:1005px; height:290px; margin:auto; margin-top:10px;}
.bang img{width:1023px; height:290px;}
/*banner图*/
#bnbg{width:1005px; height:290px; background:url(../images/bgtop.jpg) repeat-x; margin:auto; }
.bnm{width:1005px; height:290px; }
/*.bnm img{width:100%; height:496px;}*/
.banner_bg{width:auto; height:200px; margin:auto; background:url(../images/bgtop.jpg) no-repeat;}
.banner_bgm{width:1005px; height: 50px;margin:auto;padding-top: 350px;}
.banner_bgl{float:left; width:37px;margin-left: 460px;}
.banner_bgr{float:right; width:37px; margin-right: 470px;}


/*导航条*/
#hynavbg{
background-image:url(../images/pdhydhbg.jpg);
background-repeat:repeat-x;
width:auto;
height:44px;}

.hynav{
width:1005px;
margin-left:auto;
margin-right:auto;}

.hynav ul li{
display:inline;
float:left;
line-height:44px;
font-size:14px;
margin:0 25px;}
#hynavbg li a:visited {color: #ffffff;}
#hynavbg li a:link{
color:#FFFFFF;}
#hynavbg li a:hover{
color:#FF0000;}

/*banner*/
#bannerbg{
height:296px;
background-image:url(../images/bgtop.jpg);
background-repeat:repeat-x;
}

#banner{
width:1005px;
height:296px;
margin-left:auto;
margin-right:auto;}


/*产品展示*/
#productbg{
height:240px;
width:auto;
background-image:url(../images/bgbottom.jpg);
background-repeat:repeat-x;}

#product
{
margin-left:auto;
margin-right:auto;
height:240px;
width:1005px;
border:1px #CCCCCC solid;}
#productbottom
{
margin-left:auto;
margin-right:auto;
height:460px;
width:1005px;
border:1px #CCCCCC solid;}

.producttitle{
height:36px;
vertical-align:middle;
width:auto;}
.producttitleimg{
width:41px;
height:36px;
float:left;}
.producttitletext{
background-image:url(../images/pdhyttbg.jpg);
background-repeat:repeat-x;
height:36px;
width:auto;
line-height:36px;
text-align:left;
font-size:14px;
}

.produccontent{
float:left;
margin-left:18px;
margin-top:10px;
width:212px;
height:147px;
padding:5px 5px 5px 10px;
border:1px #CCCCCC solid;}
.produccontentbottom{
float:left;
margin-left:18px;
margin-top:25px;
width:212px;
height:147px;
padding:5px 5px 5px 10px;
border:1px #CCCCCC solid;}

.produccontenttext{
width:212px;
height:15px;
padding:15px 10px 5px 10px;
text-align:center;
}


/*公司简介行*/
#hygs{
width:1005px;
margin-left:auto;
margin-right:auto;
margin-top:10px;}

#hygsjj{
height:247px;
float:left;
width:530px;
border:1px #CCCCCC solid;}

.hygsjjcontent{
width:510px;
height:190px;
padding:10px;}
.hygsjjcontent ul li{
width:500px;
list-style:none;
vertical-align:middle;
height:25px;
line-height:25px;
border-bottom:#666666 dashed 1px;
}
.hygsjjcontent ul li p{ 
float:right;}
.hygsjjcontent ul li a{ color:#000000}
.hygsjjcontent ul li a:hover{ color:#FF0000}

.hygsjjimg{
margin-left:10px;
margin-top:15px;
float:left;
width:226px;
}
.hygsjjtext{
line-height:20px;
float:right;
margin-top:15px;
width:250px;
margin-left:14px;
padding-right:10px;}
.hygsjjtext p{
text-indent:2em;}
#hygsjj p a:visited {color: #000000;}

#hygsnew{
float:right;
height:247px;
width:450px;
margin-left:20px;
border:1px #CCCCCC solid;}

.hygsnewcontent{
margin-left:10px;
margin-top:15px;}

.hygsnewcontent ul li{
width:420px;
list-style:none;
vertical-align:middle;
height:25px;
line-height:25px;
border-bottom:#666666 dashed 1px;
}
.hygsnewcontent ul li p{ 
float:right;}

.hygsnewcontent ul li a{ color:#000000}
.hygsnewcontent ul li a:hover{ color:#FF0000}

.liimg{
float:left;
width:13px;
height:25px;
line-height:25px;}
.liimg img{ 
margin-top:8px;}
.litext{
margin-left:10px;}

#hygsnew li a:visited {color: #000000;}

.hyhyzxtext{
padding:10px;
width:500px;
height:170px;
line-height:20px;}
.hyhyzxtext p{
text-indent:2em;}


/*广告*/
#hygg{
width:1005px;
height:150px;
margin-left:auto;
margin-right:auto;}

/*友情链接*/
#yqlink{
position:relative;
clear:left;
margin-left:auto;
margin-right:auto;
width:1005px;
height:auto;
overflow:hidden;
border:1px #CCCCCC solid;
}
#yqlink a{ color:#000000}
#yqlink a:hover{ color:#FF0000}

.yqlinktext{
padding:15px;
width:970px;
height:auto;
overflow:hidden;
}
.yqlinktext ul li{
height:25px;
line-height:25px;
float:left;
list-style:none;
margin:0 30px;
}

#bottombg{
position:relative;
clear:left;
top:10px;
width:100%;
height:auto;
overflow:hidden;
padding-bottom:10px;
background-color:#eeeeee;}
#bottombg a{ color:#000000}
#bottombg a:hover{ color:#FF0000}
.bottom{
padding-top:10px;
line-height:20px;
margin-left:auto;
margin-right:auto;
width:1005px;
text-align:center;}

/*产品滚动*/
.top_slider {
	width: 980px;
	height:420px;
	overflow: hidden;
	margin-top:10px;
*position:relative;
}
.top_slider .ts_inner {
	margin-right: -3px;
}
.top_slider .slider_list {
	position: relative;
	height: 420px;
	overflow: hidden;
	z-index: 2;
}
.top_slider .slider_list ul {
	-webkit-transition: margin .5s ease-out 0s;
	-moz-transition: margin .5s ease-out 0s;
	transition: margin .5s ease-out 0s;
}
.top_slider .ts_column {
	float: left;
}
.top_slider .slider_box {
	position: relative;
	margin: 0 3px 3px 0;
	width: 195px;
	height: 120px;
	overflow: hidden;
}
.top_slider .slider_box .app_link {
	display: block;
	overflow: hidden;
}
.top_slider .slider_box .app_link img {
	width: 280px;
	height: 210px;
}
.top_slider .slider_intro {
	position: absolute;
	display: inline-block;
	background: url(../images/cover.png) repeat;
	background: rgba(0,0,0,.5);
	font-size: 14px;
	color: #fff;
	left: 0;
	top: 72px;
	padding: 7px 10px 0;
	height: 22px;
	width: inherit;
	overflow: hidden;
}
.top_slider .slider_intro em {
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
	white-space: nowrap;
}
.top_slider .more_apps a .goback {
	margin-top: 44px;
}
.top_slider .slider_intro .more {
	font-size: 12px;
	display: none;
	white-space: nowrap;
}
.top_slider .slider_intro .allstar {
	vertical-align: top;
	margin-right: 5px;
}
.top_slider .app_link:hover {
	text-decoration: none;
	zoom: 1;
}
.top_slider .app_link:hover .slider_intro {
	width: 175px;
	height: 41px;
	padding: 7px 10px 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.top_slider .app_link:hover .slider_intro .more {
	display: block;
}
.top_slider .more_apps a {
	display: block;
	background: #d4eefb;
	width: 195px;
	height: 120px;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 20px;
	overflow: hidden;
	text-shadow: 0 1px 0 #fff;
}
.top_slider .more_apps .txt_con {
	display: block;
	margin: 32px 0 0 44px;
}
.top_slider .more_apps a em {
	display: block;
	margin-bottom: 8px;
}
.top_slider .ts_inner {
	position: relative;
	width: 1024px;
	overflow: hidden;
}
.top_slider .slider_list {
	
	height: 420px;
}
.top_slider .slider_item {
	float: left;
	width: 1024px;
	list-style:none;
}
.top_slider .middle_column {
	margin: 0 3px;
}
.top_slider .slider_btn_left, .top_slider .slider_btn_right {
	background: url(../images/detail_slide_btn.png) no-repeat;
	_background: url(../images/detail_slide_btn.gif) no-repeat;
	display: block;
	width: 29px;
	height: 30px;
	position: absolute;
	top: 0px;
	z-index: 5;
	opacity: .7;
	filter: alpha(opacity=70);
}
.top_slider .slider_btn_left {
	background-position: 0 0;
	left: 478px;
}
.top_slider .slider_btn_right {
	background-position: 0 -61px;
	right: 485px;
}
.top_slider .slider_btn_left:hover, .top_slider .slider_btn_right:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.top_slider .column_large {
	float: left;
	width: 390px;
}
.top_slider .column_large_one {
	position: relative;
	width: 390px;
	height: 420px;
	overflow: hidden;
}
.top_slider .column_large .column_img_container {
	width: 390px;
	height: 420px;
	overflow: hidden;
}
.top_slider .column_large_img {
	width: 390px;
	height: 420px;
}
.top_slider .column_small {
	float: left;
	width: 196px;
	margin-left: 38px;
	margin-bottom: 13px;
	padding: 3px;
	background: #fff;
}
.top_slider .column_small_first, .top_slider .column_small_second {
	position: relative;
	overflow: hidden;
	float:left;
}
.top_slider .column_small_first {
	height: 186px;
}
.top_slider .column_small_second {
	height: 210px;
}
.top_slider .column_small .column_img_container {
	width: 195px;  height: 165px;
}
.top_slider .column_small_first .column_img_container {
}
.top_slider .column_small_second .column_img_container {
	height: 129px;
}
.top_slider .column_small_img {
	width: 195px;
	height: 165px;
}
.top_slider .column_select_layer {
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 5;
}
.top_slider .column_select_layer {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.top_slider .layer_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	left: 0;
	top: 0;
	z-index: 5;
}
.top_slider .layer_content {
	position: relative;
	width: 195px;
	height: 25px;
	left: 0;
	bottom: 3px;
	z-index: 10;
}
.top_slider .column_title {
	padding: 7px 0 0 0;
	color: #333;
	font-size: 13px;
	text-align: center;
}
.top_slider .column_info {
	height: 14px;
	padding: 5px 0 0 0;
}
.top_slider .column_info .allstar {
	float: left;
}
.top_slider .column_play_count {
	float: left;
	margin-left: 5px;
	color: #ccc;
}
.top_slider .column_large .column_select_layer {
	width: 390px;
	height: 35px;
	bottom: -35px;
}
.top_slider .column_small .column_select_layer {
	width: 195px;
}
.top_slider .column_small .layer_content {
	width: 195px;
	background: #fff;
}
.top_slider .column_selected .layer_content {
	display: block;
	background: #fff;
}
.top_slider .column_selected .column_select_layer {
	bottom: -3px;
}
.top_slider {
	display: inline-block;
	vertical-align: middle;
}
.top_slider {
}
.top_slider .tab_awards {
	width: 16px;
	height: 16px;
	background-position: 0 0;
}
.top_slider .tab_processing {
	width: 39px;
	height: 16px;
	background-position: 0 -20px;
}
.top_slider .column_item_link {
	position: absolute;
	background: #fafafa;
	top: 0;
	left: 0;
	z-index: 99;
}
.top_slider .column_large_one .column_item_link {
	width: 390px;
	height: 260px;
}
.top_slider .column_small_first .column_item_link {
}
.top_slider .column_small_second .column_item_link {
	width: 280px;
	height: 210px;
}
.B_index .top_slider {
	padding: 20px 0 20px 20px;
}
/**top*/




/**top*/
*html{background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:125px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px; z-index:9999999;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px; z-index:9999999;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px; z-index:9999999;} 

#code_img{ width:260px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:165px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:9999999;}



/******************/
#shangfan{ line-height: 23px; height: 18px; width:400px;overflow:hidden;} 
#shangfan ul{margin: 0px 10px;padding: 0px;list-style-type: none;} 
#shangfan ul li{/*文字超出本行，自动省略*/overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:0;padding: 0px;}