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

*{padding:0px; margin:0px;}
a {text-decoration:none;}
img { border:none;}
a:link,a:visited,a:active{ color:#000000;}
li{ list-style:none;}
body{ font-size:12px; font-family:"宋体"; background-color:#ebebeb;min-width:1234px;}

/*头部*/
.top_bg{width:100%; height:181px; background:url(../images/topbg.png) repeat-x; margin:auto;}
.top_m{width:1024px; height:181px; margin:auto;}
.top_m img{ max-height:181px;}
#headbg{
background-image:url(../images/bg_01.png);
height:150px;
margin-left:auto;
margin-right:auto;}

.head{
width:1024px;
margin-left:auto;
margin-right:auto;}

.tjsc{
width:140px;
height:13px;
float:right;
margin-top:20px;
}
.tjsc a{
float:left;
margin-left:5px;
color:#FFFFFF;}
.tjsc img{
float:left;
margin-left:5px;}

.logo{
float:left;
width: 725px;
height: 181px;}

 


.phone{
width:260px;
height:63px;
float:right;
margin-top:20px;
}
.phone img{
float:left;}
.phone a{
float:left;
margin-left:5px;
font-size:14px;
color:#FFFFFF;}

.phone p{
float:left;
margin-left:5px;
font-size:24px;
font-family:"微软雅黑";
color:#FFFFFF;}

/*导航*/
#navbg{width:100%; height:40px; background:url(../images/bg_02.png) repeat-x; margin:auto; text-align:center}
.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: 14px; font-family: '微软雅黑'; color: #fff; line-height: 40px;}
.navm li a:hover{color:#FFF;background-img:url(../images/bg_02.png) repeat-x;}
.navm li:hover{width:100px; height:40px;  background:url(../images/bg_02.png)  repeat-x;}


.navm li{position:relative;float: left;width: 100px;}
.navm .yi{ height:40px; float:left; line-height:40px; width:auto; z-index:99999999999999;}
.navm 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;}
.navm a{font-size:14px;font-weight:bold; color:#FFF; display:inline-block;}
.navm 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; width:100px; height: 40px;line-height: 40px; background:url(../images/bg_22.png)  repeat-x;}
.menu1 ul li a:hover{line-height: 40px; background-color:#00FF00;background:url(../images/bg_22.png) repeat-x;width:100px; height: 40px;display: block;}
.menu1{ position:absolute; z-index:99999999999999; _z-index:9999999999999; width: 103px; left:0px;top: 40px;}

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


/*banner*/
.bannerbg{
margin-top: 0px;
background-image:url(../images/bg_03.png);
height:311px;
margin-left:auto;
margin-right:auto;
}
.bannerbg1{
width:1024px;
background-image:url(../images/bg_13.png);
margin:auto;}
#bannerbg{
height:311px;
margin:auto;
}
/*banner图*/
.bang{width:1024px; height:300px; margin:auto; }
.bang img{width:1023px; height:300px;}
/*banner图*/
#bnbg{width:978px; height:300px;  margin:auto; z-index:-10}
.bnm{width:978px; height:300px; border:#e89aa0 5px solid; border-radius: 10px;  }
/*.bnm img{width:100%; height:496px;}*/
.banner_bg{width:auto; height:300px; margin:auto; background:url(../images/banner.png) no-repeat;border-radius: 10px;}
.banner_bgm{width:978px; 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;}

/*广告切换图*/
.bannerbutton{
position:relative;
z-index:1;}
.bannertop{
position:relative;
top:-314px;

width:990px;
height:314px;
z-index:2;}

#bannerlunbo{
height:48px;
background-image:url(../images/bg_04.png);
margin-left:auto;
margin-right:auto;}

#bannerlunbo ul{
position:relative;
top:15px;
width:140px;
margin-left:auto;
margin-right:auto;}

#bannerlunbo ul li{
float:left;
margin-left:8px;
}

/*视频展示区*/
#shipbg{
background-image:url(../images/contonebg_07.jpg);
width:1024px;
height:302px;
margin-left:auto;
margin-right:auto;}

.shipleft{
float:left;
width:248px;
height:302px;}

.shiprighttitle{
padding-left:100px;
padding-top:25px;
font-size:14px;
color:#FFFFFF;
}
.shipcpzs{
width:206px;
padding-left:24px;
padding-top:20px;}
.shipcpzs ul li{

background-image:url(../images/mb9_27.jpg);
background-repeat:no-repeat;
width:206px;
height:45px;
text-align:center;}
.shipcpzs ul li a{
position:relative;
top:8px;
font-size:14px;
color:#7d4e51;}

.shipmidill{
float:left;
margin-left:20px;
width:450px;
height:302px;}

.midilltop{
height:33px;
width:450px;
}
.topgsjj{
float:left;
margin-top:15px;
width:82px;
height:33px;
text-align:center;
background-image:url(../images/mb9_12.jpg);
}
.topgsjj a{
position:relative;
top:7px;
font-size:14px;
color:#FFFFFF;}

.czjl{
float:left;
margin-left:5px;
margin-top:15px;
width:82px;
height:33px;
background-image:url(../images/mb9_14.jpg);
text-align:center;}
.czjl a{
position:relative;
top:7px;
font-size:14px;
color:#FFFFFF;}
.topmore{
float:left;
margin-left:220px;
margin-top:20px;}
.midillp{
clear:both;
display:block;
height:203px;
width:450px;
margin-top:20px;
line-height:20px;}

.shipright{
float:left;
}
.righttile{
padding-left:20px;
padding-top:20px;
font-size:14px;
}
.righttile a{color:#8e1412;}
.rightship{
margin-left:10px;
width:277px;
height:243px;
background:url(../images/mb9_23.jpg);}
.rightship .sps{ margin-left: 13px;
padding-top: 15px;}


/*产品展示区*/
#cpzstwotitlebg{
clear:left;
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:10px;}
.cpzstwotitle{
float:left;
font-size:14px;
color:#8e1412;
}
.cpzstwomore{
float:left;
margin-left:880px;}

.cpzsdivone{
float:left;
margin-top:10px;
width:1024px;
height:412px;
background-color:#FFFFFF;
border:1px #999999 solid;}

.cpzsdiv{

margin-top:8px;
margin-left:8px;}

.divtext{
margin-top:15px;
height:10px;
width:246px;
text-align:center;
}
.divtext a{
position:relative;
top:-5px;}

.cpzsdivtwo{
float:left;
margin-left:10px;
margin-top:10px;
width:246px;
height:412px;
background-color:#FFFFFF;
border:1px #999999 solid;}


/*广告*/
#mainggao{
clear:both;
width:1024px;
height:150px;
margin-left:auto;
margin-right:auto;
position:relative;
top:15px;}


/*案例展示*/
#anlibg{
width:1024px;
height:246px;
margin-left:auto;
margin-right:auto;
margin-top:30px;}
.anlititle{
width:687px;
float:left;
font-size:14px;
color:#8e1412;
height: 23px;
margin-bottom: 10px;}
.anlititle b{
float:left;}
.anlimore{
float:right;
margin-left:550px;}
.gsggtitle{
width:325px;
float:right;
font-size:14px;
color:#8e1412;
height: 23px;
margin-bottom: 10px;}
.gsggtitle b{
float:left;}
.gsggmore{
float:right;
position:relative;
top:-17px;
margin-left:250px;}

.anlicontentleft{
clear:left;
float:left;
width:685px;
height:220px;
border:1px #999999 solid;
background-color:#FFFFFF;}


.anliimg{
float:left;
margin-left:5px;
width:220px;}
.anliimg img{
padding-top:10px;
padding-left:3px;}
.anlitext{
width:224px;
margin-top:7px;
text-align:center;}

.anlicontentright{
float:right;
margin-left:12px;
width:323px;
height:220px;
border:1px #999999 solid;
background-color:#FFFFFF;}
.anlicontentright ul{ margin-top:5px}
.anlicontentright ul li{ border-bottom:1px #666 dashed;
height:30px;
line-height:30px}
.anlicontentright a{ color:#000000}
.anlicontentright a:hover{ color:#FF0000}

.anlicontentright p{
padding:10px;
width:300px;
line-height:20px;}

/*首页新闻*/
#mainnewbg{
height:230px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../images/bg_06.png);}

.mainnew{
width:1024px;
height:230px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/bg_66.png);}
.mainnewleft{
float:left;
width:502px;}
.mainewtitle{
padding-top:18px;
padding-left:3px;
font-size:14px;
color:#FFFFFF;}
.mainnewcont{
width:460px;
margin-left:10px;
margin-top:20px;
margin-bottom:20px;}
.mainnewcont ul li{border-bottom:1px #fff dashed;
height:30px;
line-height:30px}
.mainnewcont a{ color:#000000}
.mainnewcont a:hover{ color:#FFFFFF} 

.mainnewright{
float:left;
margin-left:20px;
}
.mainewrighttitle{padding-top:18px;
padding-left:10px;
font-size:14px;
color:#FFFFFF;}

#youqlj{
width:1024px;
background-image:url(../images/mb9_47.jpg);
height:73px;
margin-left:auto;
margin-right:auto;
margin-top:15px;}
#youqlj ul{
width:950px;
height:auto;
overflow:hidden;
padding-left:80px;
padding-top:10px;}
#youqlj ul li{
float:left;
margin-left:20px;
margin-top:10px;}
#youqlj a{ color:#000000}
#youqlj a:hover{ color:#FF0000}

#botom{
height: auto;
overflow: hidden;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
margin-top:30px;}
#botom p{
width:1024px;
margin-left:auto;
margin-right:auto;
padding:20px;
text-align:center;
line-height:30px;}

#botomtwo{
height:32px;
margin-left:auto;
margin-right:auto;
background-color:#000000;}
#botomtwo p{
width:1024px;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:32px;
color:#FFFFFF;
}


/*产品滚动*/
.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: 230px;
	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: 230px;
	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: 230px;
	margin-left: 10px;
	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: 230px;  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: 230px;
	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: 230px;
	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_title a:hover{ 
color:#FF0000}
.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: 230px;
}
.top_slider .column_small .layer_content {
	width: 230px;
	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: 230px;
	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;}