/* 在线客服 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*/
.search{position:relative; text-align:left; background:url(../images/search.jpg) left top no-repeat; height:30px; width:231px;}
.search .key{ position:absolute; top:6px; left:0px; border:none; line-height:12px; background:none; color:#999; width:185px;}
.search .search_submit{ position:absolute; top:0px; right:0px; cursor:pointer; border:none; background:none; width:40px; height:30px;}

/* 全局定义 */
*{margin:0; padding:0;}
html{ min-width:1000px;}
body{text-align:center; font:normal 14px/24px "microsoft yahei"; color:#666;-webkit-text-size-adjust:none;}
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:#666; text-decoration:none;}
a:hover{color:#6b0101; }
.white{color:white;}
.green{color:#14ae67;}
.yellow{color:#E57441;}
.blue{color:#00ABEB;}
.text{margin:20px 40px;}
.text2{margin:40px 60px; color:#666666}
.text3{margin:40px 0px; color:#666666;}
.text4{margin:0px 0px; color:#fff; line-height:36px; text-align:left}
.text3 img{ width:980px;}
td{padding:0 5px;}



/* 头部 */
.header_out{width:100%; margin: 0 auto;}
#header{ height:110px; width:1000px; overflow:visible; position:relative; margin: 0 auto;  background-color:#fff; }
#header .tel{ position:absolute; right:0px; top:30px; color:#666; font-size:15px;}
#header .language{position:absolute; right:0px; top:7px; 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; }
#header .logo{ position:absolute; left:0px; top:30px; font:bolder 36px/36px "微软雅黑"; color:#666;}

/* 菜单 */
#menu_out{ width:100%; height:50px; background-color:#eb6100; position:relative;z-index:999;}
#nav{height:50px; position:relative; z-index:9; width:1000px; margin: 0 auto; font:bold 15px/50px "microsoft yahei";}
#nav a{color:#fff; display:block; margin:0; padding:0;}
#nav a:hover{ color:#ffcc00;background-color:#c51230; }
#nav ul li{float:left;width:125px;text-align:center;position:relative;height:50px;}
#nav ul li ul{position:absolute;top:50px;left:0px;display:none;z-index:9;background:#c51230;border-top:none;border-radius:0 0 4px 4px;box-shadow:0px 0px 0px 0px #aaa; padding-bottom:6px;}
#nav ul li ul li{line-height:30px; background:none; height:31px;}
#nav ul li ul a{background:#eb6100; border-bottom:1px solid #c51230;color:#fff; height:30px; font:normal 14px/30px "microsoft yahei";}
#nav ul li ul a:hover{background:#c51230; border-bottom:1px solid #c51230;color:#fff; height:30px; }
#nav ul li.pcls{background:#c51230;}
#nav ul li ul li ul{top:0px;left:160x;}



/* 主要内容 */
.cnt1{width:100%;}
.cnt2{width:100%; background:url(../images/infor.png) center top no-repeat; height:364px; overflow:hidden;}
.cnt3{width:100%; background-color:#ebebeb;}
.cnt_index{margin:0px auto;text-align:left; width:1000px; padding:10px 0px; }
.cnt_in{margin:0px auto;text-align:left; width:1000px; padding:10px 0px; }






.box{ height:150px; width:1000px; margin:0 auto; text-align:center;}
.box_in{background:url(../images/box_in.jpg) right bottom no-repeat; margin:2px 0 0px 2px; padding:0 0 4px 0;}
.box_in .links{width:200px; height:180px; float:left; border-left:1px solid #ddd; overflow:hidden; padding:30px 10px 30px 30px;}
.box_in .links a{display:block;}
h3{ font:12px/40px normal "微软雅黑", "宋体"; font-weight:bold; color:#999;}

.about_index{width:313px; padding:40px 0 0 20px; float:left; font-size:14px;}
.about_index .line2{width:120px; height:3px; background-color:#004183; }

.contacts_index{width:340px; padding:10px 20px 0 20px; float:right; font-size:14px; border-left:1px solid #004183; margin-top:30px;}

.title_index{text-align:center; padding:30px 0;}
.more{ margin:30px auto; display:block;}


#products{ text-align:center; background:url(../images/bg3.png) repeat; height:210px; padding:20px 0 40px;}
#products .title li{width:125px; margin:0 10px 0 0px; display:inline-block; _float:left; height:37px; text-indent:0;  background:#ddd; line-height:37px;font-size:18px; cursor:pointer; color:#333; font-weight:normal;}
#products .title li.active{background:url(../images/current.jpg) no-repeat; height:43px; color:#fff; }
#products .content li{ float:left; margin:20px 0;}


#probox1{width:1000px;overflow:hidden;padding:20px 0 40px;position:relative;}
#prolist1{width:24000px;}
#prolist1 li{float:left; width:290px; overflow:hidden; margin:0 13px 0 0; text-align:center;}
#probox1 #left1{position:absolute; left:0; top:70px; width:57px; height:62px; z-index:999; }        
#probox1 #right1{position:absolute; right:0px; top:70px; width:57px; height:62px; z-index:999; }  
#probox1 #left1,#probox1 #right1{cursor:pointer;}

#probox2{width:1000px;overflow:hidden;padding:20px 0 40px;position:relative;}
#prolist2{width:24000px;}
#prolist2 li{float:left; width:290px; overflow:hidden; margin:0 13px 0 0; text-align:center;}
#probox2 #left2{position:absolute; left:0; top:80px; width:57px; height:62px; z-index:999; }        
#probox2 #right2{position:absolute; right:0px; top:80px; width:57px; height:62px; z-index:999; }  
#probox2 #left2,#probox2 #right2{cursor:pointer;} 
     
#probox3{width:1000px;overflow:hidden;position:relative; margin:0px auto;}
#prolist3{width:24000px;}
#prolist3 li{float:left; width:220px; height:250px; overflow:hidden; margin:0 40px 0 0; text-align:center;}
#probox3 #left3{position:absolute; left:0; top:95px; width:57px; height:62px; z-index:999; }        
#probox3 #right3{position:absolute; right:0px; top:95px; width:57px; height:62px; z-index:999; }  
#probox3 #left3,#probox3 #right3{cursor:pointer;}


.pro_class{margin:40px auto;width:980px;}
.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 #14ae67 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 14px/28px "microsoft yahei"; color:#555; text-indent:15px; background:url(../images/baohe_06.jpg) left bottom no-repeat; position:relative; height:28px; margin-bottom:10px;}
.title span{ position:absolute; right:0; top:0; font:normal 12px/28px "microsoft yahei"; }
.title span a{ color:#14ae67;}

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






/* 左边 */
#left { float:left; width:200px; margin:40px 0; }


.menuTree{background:#c51230;border-top:none;border-radius:6px;box-shadow:0px 3px 6px 1px #aaa; padding-bottom:10px;}
.menuTree .title_list{font:bold 24px/80px "microsoft yahei"; color:#fff; text-align:center;height:80px; background:url(../images/bg.jpg) left top repeat; text-indent:-0px;/* border-top:1px #384f8b solid;*/}
.menuTree UL LI UL {	/*DISPLAY: none*/}
.menuTree UL.left_box {}

.menuTree UL LI { overflow:hidden;}
.menuTree UL LI A {
	font:bold 14px/36px "microsoft yahei"; border-top:1px #c51230 solid; text-align:center; color:#fff; display:block;  background:#eb6100; }
.menuTree UL LI A:hover {
	 color:#fff; background:#c51230 url(../images/bg.jpg) repeat; 
}
.menuTree UL LI UL { margin:0 auto;}
.menuTree UL LI UL LI {}
.menuTree UL LI UL LI A {
	  display:block; font-weight:normal; font-size:15px; color:#fff; height:23px; line-height:23px; border:none;;
}
.menuTree UL LI UL LI A:hover { 
}
.menuTree UL LI UL LI UL {
}
.menuTree UL LI UL LI UL LI a{
	color:#fff; font-size:12px
}
.menuTree UL LI UL LI UL LI a:hover{
	
}
.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; text-decoration:underline;
}
.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; text-decoration:underline;
}
.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:710px; overflow:hidden margin-bottom:20px;}

#right_index .title_right{font:bold 15px/32px "microsoft yahei"; color:#fff; text-indent:20px; background:url(../images/bg.jpg) left top repeat-x; position:relative; height:32px; margin-bottom:15px;}
#right_index .title_right span{ position:absolute; right:10px; top:0px; font:normal 12px/30px "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:680px;}

#right .title_right{font:bold 18px/50px  "microsoft yahei"; color:#fff; text-indent:20px; background:#135f0b url(../images/title_bg.jpg) left top repeat-x; position:relative; height:50px; margin-bottom:15px;border-radius:35px 0px 35px 0px;box-shadow:0px 3px 6px 1px #ccc;}
#right .title_right span{ position:absolute; right:20px; 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:750px; margin-top:40px;}

#right2 .title_right{font:bold 18px/50px  "microsoft yahei"; color:#fff; text-indent:20px; background:#c51230 url(../images/title_bg.jpg) left top repeat-x; position:relative; height:50px; margin-bottom:15px;border-radius:35px 0px 35px 0px;box-shadow:0px 3px 6px 1px #ccc;}
#right2 .title_right span{ position:absolute; right:20px; 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}


/* 
#right2 { float:right; width:780px; overflow:hidden;margin-top:10px; margin-bottom:20px;}
#right2 .title_right{font:normal 24px/50px "microsoft yahei"; color:#004183; text-indent:35px; background:url(../images/shadow.png) left bottom no-repeat; position:relative; height:60px; margin-bottom:10px;}
#right2 .title_right span{ position:absolute; right:10px; top:15px; font:normal 12px/30px "microsoft yahei"; color:#004183 }
#right2 .title_right span a{color:#004183;}
#right2 .title_right span.more{ position:absolute; right:0px; top:0px; color:#004183  }
#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:#eb6100 ; height:120px; border-top:5px solid #c51230;}
#footer{ position:relative; width:1050px; height:105px; text-align:center; color:#fff; margin:0px auto 0; padding-top:15px; overflow:hidden;}
#footer a{color:#fff;}
.footer_text{float:right; width:930px; border-left:1px solid #dab96b; height:95px; padding:0 10px; overflow:hidden;}
.footer_text h3{ color:#dab96b; font:normal 24px/46px "微软雅黑";}
.footer_text .line{  background:#dab96b; height:1px; width:930px; overflow:hidden;}
.footer_text .footer_text2{float:left; border-left:1px solid #dab96b; height:32px; color:#dab96b; font:normal 18px/32px "微软雅黑"; padding:0 40px 0 20px; margin-left:-20px; margin-top:8px;}


#footer .logo{ position:absolute; top:30px; left:0px;}
#footer .links{ position:absolute; top:3px; right:5px;}
#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:8px; bottom:15px; color:#dab96b; font-size:10px;}
#footer a{ padding:0 2px;}



/* 页码 */
#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: #14ae67; color: #fff; text-decoration:none; border:1px #14ae67 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 */

#right2 .img_left{margin:15px;}
a.img_left{ display:block; width:220px; height:250px; overflow:hidden; float:left; text-align:center; }
a:hover.img_left{  }
a.img_left img {width:220px; height:220px; border:0px #004183 solid; padding:0px; margin-bottom:0px;}
a:hover.img_left img {border:0px #c51230 solid; }

a.img_left p{ padding:0px;line-height:30px; width:220px; height:30px; overflow:hidden;text-align:center;overflow:hidden; color:#fff; background-color:#eb6100 ;}
a:hover.img_left p{ color:#fff; background-color:#c51230;}



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 #14ae67 solid;}
a.img_left2 img {width:296px; }
a.img_left2 p{ padding:0px;overflow:hidden;text-align:center;overflow:hidden; color:#14ae67; 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{}

a.img_left3{ display:block; width:222px; border:0px #6a0201 solid; height:200px; overflow:hidden; float:left; text-align:center; margin:20px 0 30px 30px;  _margin:20px 40px 30px; background:url(../images/shadow2.png) center 157px no-repeat;}
a:hover.img_left3{ }
a.img_left3 img {width:222px; height:148px; }
a.img_left3 p{ padding:0px;overflow:hidden;text-align:center;overflow:hidden; color:#004183; font-size:15px; font-weight:normal; font-family:"microsoft yahei"; padding-top:15px; height:30px; background:url(../images/cnxkm_38.jpg) center 60px no-repeat; }
a:hover.img_left3 p{ color:#c51230; }


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

.pro_img{text-align:center;}
.pro_img img{max-width:650px;}
.pro_img span{ display:block; width:100%; padding-bottom:40px; font-size:24px; text-align:center;}

/* news */
.news2 .title{font:bold 18px/40px "microsoft yahei"; text-align:center; background:none; border:none; padding-top:30px; margin:0 20px; color:#222; height:auto;}
.news2 .time{ text-align:center; color:#666666; border-top:1px #ccc solid;border-bottom:1px #ccc solid; line-height:28px; margin:10px 40px 30px;}
.back{text-align:right; margin:20px 50px 30px 0;}
.back a{ color:#000000}
.news2 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news2 ul li{ color:#6b0101; 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:#14ae67; 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; }