@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; color:#545454; }
a:hover{ text-decoration:none; color:#000;} 
a:focus{ outline:none;}
img{ border: 0;}
img, input, textarea { outline:none;/*border: 0;*/}
.clear{ clear:both; }
body{ font:14px/23px Verdana, Geneva, sans-serif; background-color:#FFF; color:#545454;}

.header_bg{ min-width:1140px; width:100%;  margin:10px auto 0;  border-bottom:1px solid #dcdcdc;}
.header{ width:1140px;  margin:0 auto; height:100px;  }
.logo{ float:left; }
.logo img{ width:476px; height:85px;}
.seacher_bg{ float:right; width:330px; margin-top:30px; overflow:hidden; }
.seacher{ border:1px solid #d4d4d4; margin-right:20px; display:inline;  float:left;}
.seacher input{ border:none; }
.seacher .txt{ width:180px; background:none; height:30px; line-height:30px;  padding-left:5px; padding-right:5px; color:#999;  }
.seacher .btn{ background:url(../images/seacher.jpg) no-repeat; text-indent:-999; width:17px; height:16px;  cursor:pointer; margin-right:10px; }
.seacher_bg span{ line-height:30px; font-size:12px;}
.seacher_bg span a{ color:#585858;}
.seacher_bg span a:hover{ color:#e95147;}

.daohang{ width:600px;  margin:0 auto; float:left; padding-top:25px; margin-left:55px;}
#nav li{ /*width:145px;*/ text-align:center; position:relative; display:inline-block;}
#nav li a{  height:50px; /*width:85px;*/ text-align:center; float:left;   font:14px/50px "Microsoft Yahei"; text-transform:uppercase;  }
#nav li span{ color:#dcdcdc;  height:50px; line-height:50px; float:left; margin:0 24px;}
#nav li a:hover{ color:#e95147; }

#nav, #nav ul{ margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;z-index:9999;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block;}
#nav ul li{ float:left; width:220px;  }
#nav ul li a{ display:block; width:185px;  font-weight:normal; border-bottom:1px solid #e3e3e3; padding-left:20px; padding-right:20px; }
#nav ul li a:hover{ background-color:#edeeed;}

#nav ul{ position:absolute; display:none;  top:50px; background-color:#fff; border-top:2px solid #e94433; }
#nav ul:hover{ box-shadow:#CCC;}

/*#nav ul.pic1{ margin-left:93px; }
#nav ul.pic2{ margin-left:220px; }
#nav ul.pic3{ margin-left:370px; }
#nav ul.pic4{ margin-left:496px; }
#nav ul.pic5{ margin-left:590px; }
#nav ul.pic6{ margin-left:770px; }
#nav ul.pic7{ margin-left:840px; }
#nav ul.pic8{ margin-left:990px; }*/



.banner{ margin:0 auto; width:100%;}
.main{ width:1140px;  margin:35px auto; overflow:hidden;}
.main h2{ text-align:center; color:#333; font:24px/40px Verdana, Geneva, sans-serif; font-weight:normal;}
.main .line{ margin:10px auto 20px; width:40px; height:2px; background-color:#999;  display:block;}
.main .text1{margin:0 auto; width:600px; text-align:center; color:#676767;}

.pro_cate dl{ float:left; text-align:center; width:235px; margin:25px 25px 0; }
.pro_cate dl dt{}
.pro_cate dl dd.more a{ display:block; background-color:#c1c1c1; color:#fff; width:90px; height:25px; font-size:12px; margin:15px auto 0; }
.pro_cate dl dd.more a:hover{ background-color:#7d7d7d;}

.pro_hot{ overflow:hidden;}
.pro_hot dl{ float:left;  width:252px;  margin:25px 16px;}
.pro_hot dl dt{ width:250px; height:250px; overflow:hidden; border:1px solid #CCC;}
.pro_hot dl dt img{ width:250px; height:250px;}
.pro_hot dl dd{ font:16px/55px Verdana, Geneva, sans-serif; height:55px; border-bottom:1px solid #e3e3e3; padding-left:10px; padding-right:10px; color:#333;}
.pro_hot dl dd span{ float:right; color:#333;}
.pro_hot dl dd:hover,.pro_hot dl dd span:hover{ background-color:#ec5b4c; color:#fff;}
.pro_more a{ display:block; background-color:#c1c1c1; color:#fff; width:90px; height:25px; text-align:center; font-size:12px; margin:15px auto 0; }
.pro_more a:hover{ background-color:#7d7d7d;}

.main_bg{ min-width:1140px; max-width:1600px; margin:0 auto; background-color:#f6f6f6; overflow:hidden;}
.conpany{ width:1140px;  float:left; line-height:28px; }
.conpany h3,.hot_news h3{ color:#333; font:20px/55px Verdana, Geneva, sans-serif; font-weight:normal; background:url(../images/index_03.png) no-repeat 0 20px; padding-left:35px;}
.hot_news{ width:450px; float:left; margin-left:140px;}
.hot_news ul li{ width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-bottom:10px;}
.hot_news ul li span{ display:block; color:#ec5b4c;}

.link a{ border:1px solid #e3e3e3; width:164px; height:70px; float:left; margin:0 12px;}
.link a img{ width:164px; height:70px;}

.nav_bg{ min-width:1140px; max-width:1600px; margin:0 auto; height:60px; background-color:#0a97df;}
.nav{ width:1140px; margin:0 auto; font:14px/60px Verdana, Geneva, sans-serif; color:#fff; text-transform:uppercase;}
.nav img{ margin-right:8px;}

.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	font-size:.8125em;
}
/*===== gallery =====*/
.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}


.menu_nav{ overflow:hidden; margin-bottom:10px;}
.menu_nav span{ float:left; font:16px/35px Verdana, Geneva, sans-serif; font-weight:bold; }
.menu_nav a{ display:block; line-height:28px; height:28px; border:1px solid #dcdcdc; background-color:#eeeeee; float:left; margin:10px; padding-left:5px; padding-right:5px;}
.menu_nav a:hover{ background-color:#0a97df; border:1px solid #33ba18; color:#fff; padding-left:5px; padding-right:5px;}


.product{ overflow:hidden;}
.product ul li{ text-align:center;  float:left; margin:25px 21px; width:242px; }
.product ul li span{ display:block; border:1px solid #e9e9e9;}
.product ul li span:hover{ display:block; border:1px solid #e9e9e9; box-shadow: 0px 0px 5px #c4c2c2;}
.product ul li span img{ width:240px; height:240px;}

.product_detail_demo{ overflow:hidden;}
.product_detail_left{ float:left;}
.product_detail_right{ float:left; margin-left:45px; width:413px; line-height:35px;}
.product_detail_right h2{ text-align:left; color:#e41500; }
.product_detail_right span a{ display:block; width:75px; height:24px; line-height:24px; color:#fff; text-align:center; background-color:#33ba18; margin-top:50px; padding-left:5px; padding-right:5px;}

#viewPic{ width:536px; height:536px; padding-left:35px; padding-right:35px; overflow:hidden; text-align:center;    vertical-align:middle; display:table-cell;  border:1px solid #e3e3e3;}
#viewPic img{ margin:auto; width:450px; height:450px;}
.spic a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}
.spic a:hover{font-size:9px;}
.spic a:hover img{-moz-opacity:0.5; filter:alpha(opacity=100);cursor:hand;}
.spic{ border:1px solid #e3e3e3; margin:15px 15px 15px 0; display:block; float:left;}

.news_top{ overflow:hidden;}
.news_top img{ width:390px; height:250px; float:left; border:1px solid #e9e9e9;}
.news_top_text{ width:723px; margin-left:25px; float:left;}
.news_top_text h2{ font:16px/35px Verdana, Geneva, sans-serif; color:#e94433; text-align:left; margin-bottom:15px; font-weight:bold;}
.news_top_text h2 span{ display:block; font-weight:normal; color:#b8b8b8; font-size:12px;}
.reader a{ display:block; background-color:#c1c1c1; color:#fff; width:102px; height:25px; font-size:12px; margin:15px auto 0; float:left; margin-left:25px; margin-top:25px; padding-left:5px; padding-right:5px;}
.reader a:hover{ background-color:#7d7d7d;}

.news{ overflow:hidden; margin-bottom:25px; border-bottom:1px dashed #d2d1d0; padding-bottom:25px; }
.news img{ width:167px; height:106px; float:left;}
.news_text{ width:947px; margin-left:25px; float:left; }
.news_text h2{   text-align:left; margin-bottom:10px;font:14px/25px Verdana, Geneva, sans-serif; font-weight:bold; color:#545454;}
.news_text h2 span{ display:block; font-weight:normal; color:#b8b8b8; font-size:12px;}
.news_text h2:hover{ color:#e94433;}

.title{font:24px/60px Verdana, Geneva, sans-serif; font-weight:bold; color:#e94433;  line-height:60px; background:url(../images/OEM_line.jpg) no-repeat bottom; padding-bottom:25px; margin-bottom:25px;}
.title img{ margin-right:10px; vertical-align:middle;}
.oem{ margin-bottom:25px; border-bottom:1px dashed #d2d1d0;}

.content_demo{ overflow:hidden; margin-top:25px;}
.content_left{ float:left; width:510px;}
.content_left h2,.content_right h2{ background:url(../images/Contact_line.jpg) no-repeat bottom; font:18px/35px Verdana, Geneva, sans-serif; text-align:left; padding-bottom:10px; margin-bottom:25px;}
.content_right{ float:left; margin-left:122px; width:508px;} 

.footer_bg{ min-width:1250px; max-width:100%; margin:0 auto; background-color:#171717; overflow:hidden; }
.footer{ width:1250px;  margin:0 auto; font-size:12px;  color:#6a6a6a; padding-top:15px; padding-bottom:15px; height:200px; font-family:Microsoft Yahei; }
.footerTitle{ font-size:14px; font-weight:bold; color:#FFFFFF; line-height:30px;font-family:Microsoft Yahei; text-align:left}
.footer p{ color:#848484; font-size:12px;float:left; text-align:left; line-height:25px;font-family:Microsoft Yahei;}
.footer a{ color:#848484;}
.footer a img{ margin:10px 5px;}
.footer a:hover{ color:#fff;}
.FootBottm{ width:100%; height:45px; background-color:#111111; }
.FootBottmText{ width:1000px; text-align:center; font-size:12px; color:#FFFFFF; margin:0 auto; padding-top:15px;}