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

*{padding:0px; margin:0px;}
a {text-decoration:none;}
a:link,a:visited,a:active{ color:#000000;}
img{ border:none;}
li{ list-style:none;}
body{ font-size:12px; font-family:"微软雅黑"; background-color:#ffffff;min-width:1254px;}

/*头部*/
.top_bg{width:100%; height:181px; background-color:#e9e7e8; margin:auto;}
.top_m{width:1024px; height:181px; margin:auto;}
#headbg{
height:181px;
width:auto;
background-color:#e9e7e8;}
.head{
width:1024px;
margin-left:auto;
margin-right:auto;}
.szsy a{
color:#fff;}
.szsy a:hover{
color:#ff0000;}
.logo{
float:left;
width:715px;
height:181px;}
.logo img{  
max-height:181px !important;}
.headright{
width:250px;
float:right; 
padding-top:15px;}
.phone{
min-height: 110px;
width: 250px;
height: auto;
color:#FF1717;
overflow: hidden;}
.phone a{
padding-top:10px;
color:#FF1717;
float:left;}
.phone p{
float:left;
color:#FF1717;
font-size:24px;
font-style:oblique;}

/*导航*/
#navbg{width:100%; height:40px; background:url(../images/navbg.jpg) repeat-x;}
.navm {width:1254px; 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/navbg.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/navbg.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;}

/*导航
#navbg{
height:48px;
width:auto;
background-image:url(../images/navbg.jpg);}
#btnavbg{
height:48px;
width:auto;
margin-top:20px;
background-image:url(../images/navbg.jpg);}

.nav{
width:1024px;
margin-left:auto;
margin-right:auto;}
.nav ul li{
float:left;
margin-left:25px;}

.nav ul li a{
color:#FFFFFF;
line-height:48px;
font-size:14px;}*/

/*banner图*/
#bnbg{width:100%; height:400px; background:url(../images/mbc.jpg) repeat-x;}
.bnm{width:100%; height:400px;}

#banner{
width:1360px;
height:399px;
margin-left:auto;
margin-right:auto;}

#mainprotect{
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:30px;}

.mainprotectleft{
float:left;
width:205px;
height:480px;
background-color:#1b61c1;
border:#c2ddf1 1px solid;}

.lefttitle{
width:205px;
font-size:14px;
color:#FFFFFF;
text-align:center;
padding-top:10px;
}
.leftbottombg{
width:199px;
height:436px;
background-color:#FFFFFF;
border:#c2ddf1 1px solid;
margin-top:5px;
margin-left:2px;
overflow:auto;
overflow-x: hidden}
.lione{
margin:10px;
background-image:url(../images/mbd_03.jpg);
background-repeat:no-repeat;
width:178px;
height:31px;
line-height:31px;
text-align:center;}
.lione a{
width:178px;
color:#FFFFFF;
}
.litwo ul li{
width:178px;
height:31px;
line-height:31px;
text-align:center;
background-image:url(../images/mb10_07.jpg);
margin-top:5px;
margin-left:10px;
}
.litwo ul li:hover{
margin-top:5px;
background-image:url(../images/mbd_03.jpg);
background-repeat:no-repeat;
width:178px;
height:31px;
line-height:31px;
color:#FFFFFF;
text-align:center;
}

.mainprotectright{
float:right;
border:#c2ddf1 1px solid;
width:790px;
height:480px;
background-image:url(../images/mbten_13.jpg);
background-repeat:no-repeat;}
.righttitle{
color:#FFFFFF;
padding-left:20px;
padding-top:6px;
font-size:14px;}
.righttitle a{
padding-left:650px;}
/*图片展示*/
.rightimg{
float:left;
width:164px;
margin-left:27px;
margin-top:20px;}
.rightimg a{
width:164px;
text-align:center;}
.rightimgtwo{
float:left;
width:164px;
margin-left:27px;
margin-top:10px;}
.rightimgtwo a{
width:164px;
text-align:center;}

/*公司简介*/
#maingsjj{
clear:both;
height:321px;
width:auto;
position:relative;
top:20px;
background-color:#cde4f2;
}
.maings{
width:1024px;
height:321px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/mb10_28.jpg);
}
.maingsj{
width:500px;
float:left;
height:321px;
margin-left:auto;
margin-right:auto;
}
.maingsp{
width:500px;
float:right;
height:321px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/mb10_282.png);}
.sps{ 
margin-left:10px;}

.maingstitle{
height:30px;
margin-top:30px;
width:400px;}
.maingstitle p{
width:100px;
float:left;
padding-left:20px;
color:#FFFFFF;
font-size:14px;}
.maingstitle a{
display:block;
float:right;

}
.maingstitle a:hover{
color:#FF0000}
.maingstext{
position:relative;
margin-left:10px;
top:10px;
width:420px;
height:224px;
line-height:20px;}
.maingstext2{
position:relative;
top:10px;
width:420px;
height:237px;
line-height:20px;}

/*案例展示*/
#anlibg{
margin-top:40px;
width:1024px;
height:248px;
margin-left:auto;
margin-right:auto;
border:#c2ddf1 1px solid;
background-image:url(../images/mbten_32.jpg);
background-repeat:no-repeat;}
.anlititle p{
float:left;
font-size:14px;
margin-left:20px;
margin-top:8px;
color:#FFFFFF;}
.anlititle a{
float:left;
margin-top:8px;
margin-left:900px;
}

.anliimg{
clear:left;
margin-top:22px;
margin-left:26px;
float:left;
width:220px;
height:150px;
border:#c2ddf1 1px solid;
}

.anliimgtwo{
margin-top:22px;
margin-left:26px;
float:left;
width:220px;
height:150px;
border:#c2ddf1 1px solid;
}

/*行业新闻*/
#mainnews{
width:1024px;
height:322px;
margin-left:auto;
margin-right:auto;
margin-top:20px;}

.newsleft{
width:259px;
height:292px;
background-image:url(../images/mb10_40.jpg);
background-repeat:no-repeat;
float:left;
border:#c2ddf1 1px solid;}
.newslefttitle p{
float:left;
color:#FFFFFF;
font-sizeo:14px;
padding-left:20px;
padding-top:8px;}
.newslefttitle a{
position:relative;
margin-left:200px;
position:relative;
top:-20px;}

.newsleftone{
width:236px;}
.newsleftonetitle a{
color:#ad2727;}
.newsleftp{
margin-top:5px;}

/*公司新闻*/
.newsmidll{
width:462px;
height:292px;
margin-left:15px;
background-image:url(../images/mb10_42.jpg);
background-repeat:no-repeat;
float:left;
border:#c2ddf1 1px solid;}
.gsnewstitle p{
color:#FFFFFF;
font-sizeo:14px;
padding-left:20px;
padding-top:8px;}
.gsnewstitle a{
position:relative;
top:-20px;
margin-left:400px;}
.newsleftone ul {margin-left:10px;}
.newsleftone ul img{ margin-top:10px;
margin-left:10px;
margin-right:5px;}
.newsleftone ul li{
border-bottom:1px solid #A7A3A3;
height:30px;
line-height:30px;
width:235px;}
.newsleftone ul li a{ color:#000000}
.newsleftone ul li a:hover{ color:#FF0000;}
.newsmidll ul {margin-left:10px;}
.newsmidll ul img{ margin-top:10px;
margin-left:10px;
margin-right:5px;}
.newsmidll ul li{
width:440px; 
height: 30px;
border-bottom:1px solid #A7A3A3;
line-height: 30px;}

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

.newsmidll ul li span{ float:right;}
.newsright{
float:right;
width:265px;
height:292px;
background-image:url(../images/mbten_44.jpg);
background-repeat:no-repeat;
border:#c2ddf1 1px solid;}

.rtnewstitle p{color:#FFFFFF;
font-sizeo:14px;
padding-left:20px;
padding-top:8px;}
.rtcontent{
padding-left:10px;
line-height:20px;
width:250px;}

#bottomggao{
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:25px;}

#youqinlink{
width:1024px;
height:auto;
overflow:hidden;
min-height:111px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../images/link_03.jpg);
}
#youqinlink a{ color:#000000}
#youqinlink a:hover{ color:#FF0000}
.linktitle p{
color:#FFFFFF;
font-sizeo:14px;
padding-left:25px;
padding-top:8px;}
.linkcontent{
width:980px;
padding-top:30px;
padding-left:20px;}
.linkcontent ul li{
margin-left:20px;
line-height:25px;
float:left;}


#buttombg{
width:auto;
height:auto;
overflow:hidden;
padding-bottom:20px;
background-color:#e9e7e8;}
.buttom{
width:1024px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
padding-top:20px;
line-height:20px;
text-align:center;}


/*产品滚动*/
.top_slider {
	width: 780px;
	height:440px;
	overflow: hidden;
	margin-top:30px;
	margin-left:15px;
*position:relative;
}
.top_slider .ts_inner {
	margin-right: -3px;
}
.top_slider .slider_list {
	position: relative;
	height: 440px;
	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: 780px;
	overflow: hidden;
}
.top_slider .slider_list {
	
	height: 420px;
}
.top_slider .slider_item {
	margin-bottom:10px;
	float: left;
	width: 780px;
	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;
	max-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 {
	height:14px;
	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;}