/* 在线客服 QQ*/
#QQFloatDiv { width:118px; margin:0 auto; }
#QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");}
#QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; }
#QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif");}
/* 在线客服 QQ*/

/* 全局定义 */
*{margin:0; padding:0;}
body{text-align:center; font:normal 12px/24px "microsoft yahei"; color:#fff;-webkit-text-size-adjust:none; background-color:#181677;}
img{ vertical-align:middle; _behavior: url("../js/png.htc"); border:none;}
.clear{clear:both; height:0; overflow:hidden;}
.clear_r{clear:right; height:0; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}
.blank40{height:40px; overflow:hidden;}
ul{list-style:none;}
a{color:#ddd; text-decoration:none;}
a:hover{color:#f25824; }
.white{color:white;}
.green{color:#f25824;}
.yellow{color:#E57441;}
.blue{color:#00ABEB;}
.text{margin:20px 40px;}
.text2{margin:40px 60px; color:#ddd}
.text3{margin:40px 0px; color:#ddd;}
.text3 img{ }
td{padding:0 5px;}



/* 头部 */
.header_out{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto"); background:url(../images/top.jpg) center top repeat-x;margin: 0 auto;}
#header{ height:177px; width:1000px; overflow:visible; position:relative; margin: 0 auto; z-index:999;}
#header .logo{ position:absolute; left:0px; top:0px;}
#header .welcome{ position:absolute; right:0; top:20px; color:#bbb; font-weight:bold;}
#header .language{position:absolute; right:92px; top:0px; height:12px; text-align:right; font:bold 12px/14px "microsoft yahei";color:#bbb; }
#header .language a{ color:#ccc; padding-left:5px }
#header .language a:hover{ color:#fff; }
.search{position:absolute; text-align:left; background:url(../images/search.jpg) left top no-repeat; height:28px; width:201px; right:0; top:71px; }
.search .key{ position:absolute; top:6px; left:2px; border:none; line-height:12px; background:none; color:#999; width:170px;}
.search .search_submit{ position:absolute; top:0px; right:0px; cursor:pointer; border:none; background:none; width:30px; height:30px;}

#header .menu{ position:absolute; right:0px; top:111px; height:66px; }
#header .menu li{ float:left; display:block;}
#header .menu li img{float:left;}
#header .menu li a{display:block; float:left; padding:0 5px; color:#fff; font:normal 18px/62px "microsoft yahei"; text-align:center; height:66px;}
#header .menu li a:hover{background:#f25824; color:#fff;}


/* 下拉菜单 */
#header #nav li ul { text-align:left; left: -999em; position: absolute; width:172px; background:url(../images/menu_bg_slide.png) left top repeat; margin-top:66px; padding-bottom:10px; } 
#header #nav li ul li{ } 
#header #nav li ul a{ float: left; width:172px; height:35px; line-height:35px; display:block; background:none; margin:0px; padding:0; color:#ccc; font-weight:normal; font-size:14px; border-bottom:1px #f25824 solid; } 
#header #nav li ul a img{}
#header #nav li ul a:link { } 
#header #nav li ul a:visited { } 
#header #nav li ul a:hover { color:#fff; background-color:#f25824;} 
#header #nav li:hover ul { left: auto; margin-left:-23px; } 
#header #nav li.sfhover ul { left: auto; } 
#header #nav li ul li ul{ display:none;} 



/* 下拉菜单
#header #nav li ul { text-align:left; left: -999em; position: absolute; width:100%; background:url(../images/menu_bg_slide.png) left top repeat; margin-top:35px; } 
#header #nav li ul li{ } 
#header #nav li ul a{ float: left; display:block;background:none; margin:18px; padding:0;  border:2px #fff solid;} 
#header #nav li ul a img{width:285px; height:140px;}
#header #nav li ul a:link { } 
#header #nav li ul a:visited { } 
#header #nav li ul a:hover { border:2px #f25824 solid; } 
#header #nav li:hover ul { left: 0; } 
#header #nav li.sfhover ul { left: 0; } 
#header #nav li ul li ul{ display:none;} 
 */


/* 主要内容 */
.cnt{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto"); margin: 40px auto; }
.cnt2{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto");  margin: 0px auto; clear:both; padding:20px 0 40px;}
.cnt_in{margin:0px auto;text-align:left; width:1200px; padding:0px 0; }
.title_index{margin:10px 0;}


.index_box{width:1030px; margin:0 auto;}
.index_box .about{width:700px; margin:0 auto; border-bottom:1px solid #eb6100; border-top:2px solid #eb6100; height:260px; float:left;}
.index_box .about .title{font:bold 15px/30px "microsoft yahei"; color:#fff; text-indent:0px;  position:relative; height:30px; margin-bottom:15px;border-bottom:1px solid #eb6100; }
.index_box .about .title span{ position:absolute; right:10px; top:0px; font:normal 12px/30px "microsoft yahei"; color:#fff }
.index_box .about .title span a{color:#fff;}
.index_box .about .title span.more{ position:absolute; right:0px; top:0px; color:#fff  }


.index_box .news{width:310px; margin:0 auto; border-top:2px solid #181677; height:260px; float:right;}
.index_box .news .title{border-bottom:1px solid #fff; }



.pro_class{margin:40px auto;width:1000px;}
.pro_class a{display:block; width:291px; height:230px; overflow:hidden; float:left; margin:0 17px; _margin:0 15px; border-top:4px #e6e6e3 solid;}
.pro_class a.a{ background: url(../images/pro_list0.jpg) left top no-repeat;}
.pro_class a.b{ background: url(../images/pro_list1.jpg) left top no-repeat;}
.pro_class a.c{ background: url(../images/pro_list2.jpg) left top no-repeat;}
.pro_class a.d{ background: url(../images/pro_list3.jpg) left top no-repeat;}
.pro_class a.e{ background: url(../images/pro_list4.jpg) left top no-repeat;}
.pro_class a:hover{  border-top:4px #f25824 solid;}



.pro .pro_list{height:65px; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:8px;}
.pro .pro_list img{ float:left; margin-right:10px; display:inline;}
.pro .pro_list a{font-weight:bold;}
.pro .pro_list div{ height:48px; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.pro .pro_list domain() {
	div { text-overflow:clip; position:relative; white-space:normal; padding-right:1.2em; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	div:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}



.title{font:bold 18px/38px "microsoft yahei"; color:#fff;  background:url(../images/baohe_06.jpg) left bottom no-repeat; position:relative; height:38px; margin-bottom:10px;}
.title span{ position:absolute; right:0; top:0; font:normal 12px/28px "microsoft yahei"; }
.title span a{ color:#f25824;}

.contacts{float:right; width:206px}






/* 左边 */
#left { float:left; width:250px;  }

#left2 { float:left; width:200px; overflow:hidden;  }



.menuTree{}
.menuTree .title_list{font:bold 18px/50px "microsoft yahei"; color:#fff; text-align:center;height:50px; background:#f25824; text-indent:-0px;/* border-top:1px #009241 solid;*/}
.menuTree UL LI UL {
	DISPLAY: none
}
.menuTree div.left_box {	}

.menuTree UL LI {width:250px;}
.menuTree UL LI A {
	font:bold 15px/50px "microsoft yahei"; border-bottom:1px #f25824 dashed;  text-indent:35px; color:#28cae3; display:block;background:#1658ae  }
.menuTree UL LI A:hover {
	 color:#f25824; 
}
.menuTree UL LI UL { background-color:#1658ae; width:200px; margin:0 auto;}
.menuTree UL LI UL LI {width:200px;}
.menuTree UL LI UL LI A {
	 background:url(../images/icon4.gif) 25px 10px no-repeat; text-indent:35px; display:block; font-weight:normal; color:#666; height:24px; line-height:24px; border:none;
}
.menuTree UL LI UL LI A:hover {  border:none;  background:#1658ae url(../images/icon4.png) 25px 10px no-repeat;
}
.menuTree UL LI UL LI UL {
}
.menuTree UL LI UL LI UL LI a{
	background:url(../images/icon58.gif) 20px 11px no-repeat; color:#999;
}
.menuTree UL LI UL LI UL LI a:hover{
	background:url(../images/icon58.gif) 20px 11px no-repeat; 
}
.menuTree UL LI UL LI UL LI UL LI a{
	color:#666; background:none;
}
.menuTree UL LI UL LI UL LI UL LI a:hover{
	color:#666; background:none; 
}
.menuTree UL LI UL LI UL LI UL LI UL LI a{
	color:#999; background:none;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a:hover{
	color:#999; background:none;
}
.menuTree a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-decoration:none; line-height:1.5;}
.menuTree @-moz-document domain() {
	li { overflow:hidden; height:1.5em;}
	a { text-overflow:clip; position:relative; white-space:normal;  display:block; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	a:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}



/* 右边 */
#right_index { float:right; width:1200px; overflow:hidden}

#right_index .title_right{font:bold 15px/50px "microsoft yahei"; color:#fff; text-indent:20px; background:#f25824; position:relative; height:50px; margin-bottom:15px;}
#right_index .title_right span{ position:absolute; right:10px; top:0px; font:normal 12px/50px "microsoft yahei"; color:#fff }
#right_index .title_right span a{color:#fff;}
#right_index .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }



#right { float:right; width:1200px; overflow:hidden}

#right .title_right{font:bold 15px/50px "microsoft yahei"; color:#fff; text-indent:20px; background:#f25824; position:relative; height:50px; margin-bottom:15px;}
#right .title_right span{ position:absolute; right:10px; top:0px; font:normal 12px/50px "microsoft yahei"; color:#fff }
#right .title_right span a{color:#fff;}
#right .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}




#right2 { float:right; width:900px; overflow:hidden}
#right2 .title_right{font:bold 15px/50px "microsoft yahei"; color:#fff; text-indent:20px; background:#f25824; position:relative; height:50px; margin-bottom:15px;}
#right2 .title_right span{ position:absolute; right:10px; top:0px; font:normal 12px/50px "microsoft yahei"; color:#fff }
#right2 .title_right span a{color:#fff;}
#right2 .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right2 ul{ text-align:center; list-style:none;}
#right2 .right_text{margin:10px; line-height:24px; color:#333}


/* 脚部 */
#footer_out{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto"); margin:0px auto 0; background:
#3c74a5; height:220px; border-top:4px #f25824 solid;  color:#fff;}
#footer{ position:relative; width:1000px; height:220px; margin:0px auto 0; overflow:hidden; }
#footer .logo{ position:absolute; top:30px; left:0px;}
#footer .f_links{ line-height:20px; margin:40px 0 5px 10px; }
#footer .f_links span{color:#000000; font-weight:bold; font-family:Tahoma;}
#footer .f_links a{ padding:0 5px;}
#footer .copyright{ position:absolute; top:20px; right:0px;}
#footer  a.support{  position:absolute; right:90px; bottom:10px; color:#5ae2a4; font-size:10px;}
#footer a{ padding:0 2px;}

#footer .box_in .links{width:160px; height:180px; float:left; border-left:1px solid #fff; overflow:hidden; padding:0px 70px 0px 70px; margin:30px 0 0 -1px; text-align:center;}
#footer .box_in .links2{ text-align:left;width:240px;}
#footer .box_in .links a{display:block; color:#fff;}
#footer .box_in .links a:hover{display:block; color:#f25824;}
#footer h3{ font:14px/40px normal "微软雅黑", "宋体"; font-weight:bold; color:#fff; border-bottom:1px #fff solid; margin-bottom:9px;}


/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:20px;  padding-bottom:15px;}
#page div.pages span.pagecount a { color:#4C4C4C; border: 1px #ccc solid; padding: 3px 6px 3px 6px;}
#page div.pages span.pagecount a:hover {background-color: #f25824; color: #fff; text-decoration:none; border:1px #f25824 solid;}

/* show */
#case_show{float:left;clear:both;width:734px;height:144px; background:url(../images/pro-show-bg.jpg) no-repeat;}
#show{height:1%;}
#demo {margin:18px 0 0 62px;overflow:hidden;width:610px;}
#indemo {float: left;width:80000%;}
#demo1 {float: left;}
#demo2 {float: left;}
/* pro */
a.img_left{ display:block; width:156px; height:180px; overflow:hidden; float:left; text-align:center; margin:20px 10px 30px;  _margin:20px 25px 30px;  }
a.img_left img {width:150px; height:150px; padding:2px; border:1px #000 solid;}
a:hover.img_left  img {   border:1px #eb6100 solid; }
a.img_left p{ padding:0px;line-height:28px; width:156px; height:28px; overflow:hidden;text-align:center;overflow:hidden; color:#fff; }
a:hover.img_left p{ color:#f25824; }

#right2 a.img_left{margin:20px 10px 30px;  _margin:20px 30px 30px;}


a.img_left2{ display:block; width:296px; border:2px #eee solid; height:320px; overflow:hidden; float:left; text-align:center; margin:20px 12px 30px;  _margin:20px 10px 30px;  background:#fff; }
a:hover.img_left2{ border:2px #f25824 solid;}
a.img_left2 img {width:296px; }
a.img_left2 p{ padding:0px;overflow:hidden;text-align:center;overflow:hidden; color:#f25824; font-size:16px; font-weight:bolder; font-family:"microsoft yahei"; padding-top:30px; height:120px; background:url(../images/cnxkm_38.jpg) center 60px no-repeat; }
a:hover.img_left2 p{}


/*******************************************************************************************************************************************
				<div id="case_show">
					<div id="show">
						<div id="demo">
							<div id="indemo">
								<div id="demo1">
									<div class="img_left"><a href="productDetail.html" title=""><img src="images/pro.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
								</div>
								<div id="demo2"></div>
							</div>
						</div>
				
				
						<script>							
						var speed=10; //数字越大速度越慢
						var tab=document.getElementById("demo");
						var tab1=document.getElementById("demo1");
						var tab2=document.getElementById("demo2");
						tab2.innerHTML=tab1.innerHTML;
						function Marquee(){
						if(tab2.offsetWidth-tab.scrollLeft<=0)
						tab.scrollLeft-=tab1.offsetWidth
						else{
						tab.scrollLeft++;
						}
						}
						var MyMar=setInterval(Marquee,speed);
						tab.onmouseover=function() {clearInterval(MyMar)};
						tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};							
					</script>
					</div>
				</div>
*******************************************************************************************************************************************/

.product{text-align:center; margin:0 50px;}
.product .proImg{max-width:580px;margin:30px auto; border:1px #ddd solid; padding:5px;}
.product .proName{font:bold 14px/24px "microsoft yahei"; color:#333;}
.product .discribtion{text-align:center; padding:10px;}
.product .discribtion img{ width:40%; display:block; margin:0 auto;}
.product .discribtion .title2{font:bold 14px/24px "microsoft yahei";  background:none; border-bottom:1px solid #ddd; text-align:left; margin:0 0 10px 0; padding:0; color:#333; }
.Inquiry a{ display:block; height:99px; width:178px; background:url(../images/inquiry_bg.jpg) left top no-repeat; color:#FFFFFF; text-align:center; line-height:60px; font-size:28px; margin:0 auto;}
.Inquiry a:hover{ color:#FFFF00; line-height:62px;}


/* news */
.news2 .title{font:bold 18px/40px "microsoft yahei"; text-align:center; background:none; border:none; padding-top:30px; margin:0 20px; color:#eee; height:auto;}
.news2 .time{ text-align:center; color:#ddd; border-top:1px #3a387b solid;border-bottom:1px #3a387b solid; line-height:28px; margin:10px 40px 30px;}
.back{text-align:right; margin:20px 50px 30px 0;}
.back a{ color:#fff}
.news2 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news2 ul li{ color:#f25824; margin:0 auto; text-align:right; padding-right:5px; height:30px;line-height:30px; border-bottom:1px dashed #999999}
.news2 ul li.hr{height:30px;  overflow:hidden;}
.news2 ul li a{float:left; padding-left:15px; background:url(../images/icon2.gif) left center no-repeat; line-height:30px;}
.news2 .content{text-align:left; line-height:24px}
.news2 .content p{text-indent:2em; padding:0 40px; }

.news3 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news3 ul li{ color:#f25824; margin:0 auto; text-align:right; width:320px; padding-right:2px; height:30px;line-height:30px; border-bottom:1px dashed #ddd}
.news3 ul li.hr{height:30px;  overflow:hidden;}
.news3 ul li a{float:left; padding-left:10px; background:url(../images/icon2.gif) left center no-repeat; line-height:30px;}
.news3 .content{text-align:left; line-height:24px}
.news3 .content p{text-indent:2em; padding:0 40px; }