/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li{ margin:0; padding:0;}
input,select{ border:none; margin:0;outline:none; padding:0;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ text-decoration:none;}
body{ font-size:12px; font-family:"Microsoft YaHei",Arial; min-width:1200px;}
li{ list-style-type:none;}

/*header*/
.top_bg{ background-color:#fff; min-height:110px;}
.top_main{ width:1200px; height:90px; margin:0 auto;}
.top_logo{ width:1000px;  height:110px; }
.top_logo img{ max-width:1000px;  max-height:110px; }
.top_tel{ float:right; margin-top:-90px; font-size:16px; color:#666; position:relative; z-index:2;}
.top_tel h1{ font-size:16px; padding-left:36px; line-height:26px;    font-weight: 600;    text-align: right;	background:url(../images/telicon.png) no-repeat left center; 
	}

.dh_main{ width:1200px; margin:0 auto; position:relative;}
.dh_main ul{ overflow:auto; position:absolute; right:0; top:-90px; }
.dh_main ul li{ float:left; margin-top:50px;}
.dh_main ul li a{ font-size:14px; color:#666666; padding:0 20px;}
.dh_main ul .current a{ color:#be1d21;}
.dh_main ul li:hover a{ color:#be1d21;}

/*导航*/
.dh_bg{ width:100%; height:54px;position: absolute;    z-index: 9999; top: 55px;  }
#navbg{width:100%; height:54px;  }
.navm {width:1200px; height:54px; margin:auto;}
.navm li{position: relative; float:left; width:100px;   text-align: center; height:54px; line-height:54px;}
.navm li a{ float:left; width:80px; font-size: 14px; font-family: '微软雅黑'; color:#666666; line-height: 54px;}
.navm li a:hover{color:red;}
.navm li:hover{width:100px; height:54px;  }


.menu li{position:relative;float: left;width: 100px;}
.navm .yi{  height:54px; float:right;}
.dh_main li{height:54px; width: 100px; float:left;line-height:54px; 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:54px; font-weight:normal;  padding:0; cursor:pointer;}
.menu1 ul li a{ font-weight:normal; font-size:12px;display: block;overflow: hidden; height: 54px;line-height: 54px;  background-color:#fff;}
.menu1 li a:hover{line-height: 54px; background-color:#DFE1E2;}
.menu1{ position:absolute; z-index:99999999999999; _z-index:9999999999999; width: 103px; left:0px;top: 54px;}

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



/*最新产品*/
.zxcp_con_box{ width:1210px; margin:0 auto;}
.title{ position:relative; margin-bottom:36px;}
.title h1{ width:210px; text-align:center; border:#333333 solid 1px; margin:0 auto; padding:10px 0; margin-top:50px;}
.title h1:hover{background-color:#D0DFF4;}
.title h1 span{ color:#333333; font-size:20px; font-family:arial;}
.title h1 p{ font-size:24px; color:#be1d21;}
.title .tit_a{ font-size:24px; color:#be1d21; width:212px; height:77px; display:block;    margin: auto;}
.title h2{ position:absolute; right:0; bottom:0; border-left:3px solid #be1d21; padding-left:10px;}
.title h2 a{ font-size:14px; color:#666666;}
.title h2 a:hover{ text-decoration:underline;}

.cp_picbox{}
.cp_picbox ul{ overflow:hidden;}
.cp_picbox ul li{ float:left; text-align:center; width:300px; height:240px; position:relative; margin:0 1px 10px 1px;}
.cp_picbox ul li img{ display:block; width:300px; height:200px;}
.cp_picbox ul li span{ font-size:14px; color:#333333; line-height:40px; 
	position:absolute; bottom:0; left:0; width:100%; z-index:2;
	}
.cp_picbox ul li p{ background-color:rgba(0,0,0,.6); position:absolute; left:0; top:0; 
	width:100%; height:100%; display:none;
	}
.cp_picbox ul li:hover p{ display:block; animation: myanimation .5s forwards;}
.cp_picbox ul li:hover span{ color:white;}
@keyframes myanimation{
	0% { height:0;}
	100 { height:240px;}
	}
	
/*案例和视频*/	
.al_sp_box{ background-color:#eeeeee; min-height:580px;}
.al_sp_con_box{ width:1200px; margin:0 auto; overflow:hidden;}
.al_box{ float:left; width:600px;}


.sp_box{ float:right; width:600px;}	
.sp_picbox { margin-left:30px; width:560px; height:374px;}
.sp_picbox ul li{ width:560px; height:374px; position:relative;}
.sp_picbox ul li p{ background-color:rgba(0,0,0,.5); line-height:50px; position:absolute; 
	bottom:0; width:100%; text-align:center;font-size:20px; color:white;
	}
.sp_picbox ul li span{ position:absolute; left:45%; top:40%;}	
.sps{cursor:pointer;}

/*热点新闻*/
.hot_news_con{ width:1200px; margin:0 auto;}
.hot_news_con ul{ background-color:#333333; height:280px; padding:10px 0; overflow:hidden;}
.hot_news_con ul li{ width:280px; height:280px;margin:0px 10px; overflow:hidden; float:left;}
.hot_news_con ul li img{ width:280px; height:280px;}
.hot_news_con ul li h1{ margin-top:10px;}
.hot_news_con ul li h1 a{ font-size:16px; color:white; display:block; line-height:30px;}
.hot_news_con ul li h1 p{ line-height:20px; color:#bbbbbb; font-size:14px;}
.hot_news_con ul li h1 a:hover{ text-decoration:underline;}
.hot_news_con ul li:hover img{animation: newshot 1s forwards;}
@keyframes newshot{
	0% { width:280px; height:280px;}
	100% { width:140px; height:140px;}
	}
	
/*友情链接*/
.linkbox{ background-color:#eeeeee; min-height:250px; padding-top:1px; margin-top:40px;}
.link_con{ width:1200px; margin:0 auto;}	
.link_pic{ margin-top:20px; padding-bottom:20px;}
.scroll_horizontal{position:relative;width:1200px;min-height:30px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;min-height:30px;
	margin:0 auto; border-top:none;
	}
.scroll_horizontal .lists{overflow:hidden;width:9999px;}
.scroll_horizontal ul li{    width: auto;   float: left; padding:0 10px;height: 50px;	line-height: 50px;}
.scroll_horizontal ul li a{ color:#333333;}
.scroll_horizontal ul li a:hover{ color:red;}
.scroll_horizontal .lists li img{width:200px; height:120px; border:#dddddd solid 1px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:8%;width:40px;height:100px;cursor:pointer;}
.scroll_horizontal .prev{left:0; background:url(../images/link_leftjt.png) no-repeat center center; background-size:80%;}
.scroll_horizontal .next{right:0;background:url(../images/link_rightjt.png) no-repeat center center; background-size:80%;}

/*底部*/
.endbg{ background-color:#333333; min-height:240px;}
.endmain{ width:1200px; margin:0 auto; overflow:auto; padding-top:36px;}
.footbox{ width:790px; float:left;}
.endfoot{ overflow:hidden; }
.endfoot dl{ float:left; margin-right:80px;}
.endfoot dl dt{ font-size:18px; color:white; line-height:36px;}
.endfoot dl dd a{ font-size:14px; color:#bbbbbb; line-height:24px;}
.endfoot dl dd a:hover{ text-decoration:underline; color:white;}
.footbox h1{ font-size:14px; color:white; margin-top:30px;}

.foot_box2{ border-left:#dddddd solid 1px; float:right;  width:408px;}
.footpicbox{ overflow:auto;}
.foot_box2 .ewm{ float:left; margin-left:40px;}
.foot_box2 .ewm span{ display:block; font-size:14px; color:white; text-align:center; line-height:30px;}
.foot_box2 .share{ float:left; width:248px;}
.foot_box2 .share h1{ font-size:24px; color:white; font-style:italic; line-height:24px; margin-top:24px; margin-left:50px;}
.foot_box2 .share h1 span{ font-size:14px; font-style:normal; line-height:30px; display:block;}
.foot_box2 .share ul{ overflow:hidden; margin-left:50px; margin-top:20px;}
.foot_box2 .share ul li{ float:left; margin-right:20px;}
.foot_box2 h2{ font-size:14px; color:white; margin-left:40px; margin-top:30px;}








/**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;}