@charset "utf-8";
/* CSS Document */
html {height: 100%;}
body {

	font-family: "Aller, Helvetica, Arial, sans-serif";
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg-main.png) no-repeat center top #000000;
}

div, p, span,dt,dl,dd,i,em{margin:0;padding:0; list-style:none; font-style: normal;}
h1,h2,h3,h4,h5,ul,li{list-style-type:none; margin: 0; padding: 0;}

input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select {margin:0; padding:0;}

a {color: #333;text-decoration: none;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #ff3300; text-decoration: none;}
a:active,a:focus {outline: 0;color: #ff3300; text-decoration: none;}
img {border:0; vertical-align: middle;}


.fl{ float:left;}
.fr{ float: right;}
.plr{ padding: 0 20px;}
.clear{clear: both;}

.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.map .title{ font-size: 22px; line-height: 34px;}


/*分页样式*/
.List_page{text-align:right;padding:15px 0;clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 10px;border:1px solid #cccccc;color:#333;}
.List_page span{background:#666;color:#FFF;margin:1px;padding:4px 10px;border:1px solid #cccccc;}

/*上一条，下一条*/
.news_pre{margin:15px 0;padding: 15px 0; clear:both; border-bottom: 1px solid #E7E7E7;}

/*以上是公共样式*/
.container{ width: 1180px; margin: 0 auto; overflow: hidden; background: #FFF;}

.head{height: 80px; background: #ff5a00;}
.logo{ width:476px; padding: 10px;}
.logo img{max-width: 100%;}
.right_logo{ float: right; padding: 8px;}
.right_logo span{float: left; color: #FFF; font-size: 17px; padding: 6px 0;}
.right_logo img{float: left; width: 70px; padding-left: 15px;}

/*Menu导航 */
.nav{ width:100%; background: #000000;}
.nav ul{}
.nav ul li{float: left;position: relative;font-size: 15px;text-align: center; height: 36px; line-height: 36px; font-weight: bold; border-right: 1px solid #ff5a00;}
.nav ul li a{display: block;width: 140px;color: #FFF;}


/*首页产品展示*/
.home-pro{overflow: hidden;padding: 0 20px;}
.home-pro h1{ color: #ff5a00; padding: 20px 0;}
.home-pro ul{margin: 0;overflow: hidden;}
.home-pro ul li{ float:left;text-align:center; width: 262px; background: #FFF; margin-right:30px;margin-bottom: 30px;}
.home-pro ul li:nth-of-type(4n+0){margin-right:0px;}
.home-pro ul li .list-img{ position: relative;height: 168px; overflow: hidden; background: #000; border: 1px solid #222;}
.home-pro ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-pro ul li .list-img img:hover{transform:scale(1.2);}
.home-pro ul li h2{ text-align: center;font-size: 13px;padding: 8px 0;}
.home-pro ul li h2 a{color: #222;text-transform: uppercase;}
.home-pro ul li h2 a:hover{color: #ff5a00;}


.downall{overflow: hidden; padding: 20px;}
.downall span{display: block; font-size: 24px;font-weight: bold; color: #000;}
.downall small{display: block; font-size: 15px; padding-bottom: 10px;}
.downall ul{overflow: hidden; border-bottom: 4px solid #ccc; padding-bottom: 15px;}
.downall ul li{float: left; width: 50%; padding: 5px 0;}
.downall h2{color: #ff5a00; font-size: 28px; padding: 15px 0;}




/*内页产品*/
.Product{overflow: hidden;padding: 20px;}
.Product ul{margin: 0;overflow: hidden;}
.Product ul li{ float:left;text-align:center; width: 333px; background: #FFF; margin-right:50px;border:4px solid #ccc; margin-bottom: 50px; min-height: 410px;}
.Product ul li:nth-of-type(3n+0){margin-right:0px;}
.Product ul li:hover{border:4px solid #ff5a00;}
.Product ul li .list-img{ position: relative;height: 270px; overflow: hidden; background: #FFF;}
.Product ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.Product ul li .list-img img:hover{transform:scale(1.2);}
.Product ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 18px; height: 40px; line-height: 40px; margin:10px; color: #0000ee;}
.Product ul li p{padding: 0 15px 15px 15px;text-align: left;}

/*在线留言*/
.feedback{ overflow: hidden;  float: left; margin-right: 50px;}
.feedback ul{}
.feedback ul li{ margin: 10px 0;}
.feedback ul li span{display: block;font-size: 16px; font-weight: bold;}
.feedback ul li input{ border: 1px solid #ccc;height: 40px; line-height: 40px; padding: 0 10px; color: #333; width: 600px;}
.feedback ul li textarea{ border: 1px solid #ccc;padding:10px;color: #333;width: 600px;}
.feedback button{ background: #ff5a00;color: #FFF;padding: 10px 30px;font-size: 16px;  border: 0; margin-bottom: 30px; text-transform: uppercase; cursor: pointer;}

.contacts{float: left;  padding: 50px 0;}

/*当前位置*/
.here {overflow: hidden;height: 36px; line-height: 36px;  background: #dcdcdc;}
.here span{text-transform: uppercase; font-size: 12px; padding: 0 20px;}


.Details{overflow: hidden;}
.Details h1{margin:10px 0;padding:0;text-align:center;font-size:32px;}
.Details dt{display: block; text-align:center;color:#999;border:1px solid #e1e1e1;border-left:0;border-right:0;margin:10px 0;padding:15px 0;}
.Details-contact{ line-height: 26px; padding: 20px;}
.Details-contact img{max-width: 100%;}

.cs{overflow: hidden; background:#dcdcdc; padding: 20px; padding-top: 0;}
.cs-l{float: left; width: 900px;} 
.cs-l h3{ background: #e55a00; color: #FFF; height: 58px; line-height: 58px; padding-left: 20px; font-size: 18px;}
.cs-r{float: left; background: #444444; margin-left: 20px; width: 220px;}
.cs-r .lx{ margin: 15px 0;}
.cs-r .lx h2{color: #FFF; font-size: 15px; text-transform: uppercase;padding: 10px 0; padding-left: 15px;border-top: 3px solid #FFF;border-bottom: 3px solid #FFF;}
.cs-r .lx p{ padding: 15px; color: #FFF;line-height: 24px;}

table.catno, table#assembly	{ display: table; width: 100%; border-collapse: collapse; padding: 0px; margin: 15px 0; font-size: 0.8em; background-color: #fff; box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.4); }
table.catno th	{ font-weight: bold; text-align: center; padding: 0.5em; margin: 0px; background-color: #444; color: #fff; }
table.catno td, table#assembly td	{ text-align: center; padding: 0.5em; margin: 0px; }
table.catno tr.notes td	{ font-size: 1em;padding-top: 1em;border-top:1px solid #000; }
table.catno td.aleft	{ text-align: left; }
table.catno td img	{ width: 100%; height: auto; }
.catno h6, .torque h6	{ color: #fff; margin: 0px; }

table.catno tr:nth-child(even), table#assembly tr:nth-child(even)	{ background-color: rgba(204,204,204,0.4); }
table.catno tr:hover, table#assembly tr:hover	{ background-color: rgba(229,90,0,0.5); }

div.warnLabel	{
	display: block;
	position: relative;
	padding: 2% 11%;
	border: 2px solid #000000;
	width: 78%;
	background: #e55a00 url(http://static.gearench.com/images/symbol-warning.png) top center no-repeat;
	background-size: contain;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #000;
}

footer{overflow: hidden;background: #cccccc; }

.botlogo{text-align: center; padding: 15px 0;}
.botlogo img{ max-width: 33%;}
.footmenu{overflow: hidden; padding:20px;}
.footmenu ul{margin: 0;}
.footmenu ul li{float: left; width: 339px; border-right: 1px solid #000000; padding: 0 20px; min-height: 260px;}
.footmenu ul li:last-child{ border-right: 0;}
.footmenu ul li span{display: block; color: #000; font-size: 16px; padding-bottom: 5px; font-weight: bold;}
.footmenu ul li a{color: #222; display: block; line-height: 24px; font-size: 12px;}
.footmenu ul li a:hover{color: #666;}


.copy{ overflow: hidden;padding: 20px; margin: 20px; text-align: center; color: #222;  border-top: 1px solid #666;}
.copy a{color: #222;}
.copy a:hover{color: #666;}


.link{overflow: hidden; background: #000;}
.link ul span{color: #000; font-size: 16px; font-weight: bold;}
.link ul{overflow: hidden; padding: 20px;}
.link ul li{float: left; color: #222; line-height: 30px;}
.link ul li a{color: #222;}
.link ul li a:hover{color: #999;}
.link ul li i{padding: 0 8px;}