@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,ins, b,kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:14px;
	vertical-align: baseline;
	font-family:Microsoft YaHei,SimHei,Arial, Helvetica, sans-serif;
	line-height:24px;



}

ul{ list-style:none;}
strong{ font-weight:bold;}
img{ border:0px;}

fieldset, img { 
 border: 0;
 }
 ol, ul {
 list-style: none;
 }
 p{
	margin: 0px;
	padding: 0px;
}
ul,dl{ margin:0px; padding:0px;}
.clear{
	clear:both;
	height:0px;
}
s, em, i{font-style: normal;text-decoration: none;}

* html .clear{
	clear:both;
	display:inline;
}
a {
	color: #000;
	text-decoration: none;


}
a:link {
	color: #000;
	text-decoration: none;


}
a:visited {
	color: #000;

	text-decoration: none;

}
a:hover {
	text-decoration: none;
	color: #d20000;

}

/*字体*/
body{font-family:Microsoft YaHei,SimHei,Arial, Helvetica, sans-serif;
}

/*定位*/



/*布局*/
.warpper{ width:1170px; margin:0px auto;
	position: relative;}



/*导航*/
.top{
	margin:0 auto;
	z-index: 99;
	width:100%;
	top:0;
	background-color: #fff;
	position:fixed;
	height:105px;
	box-shadow: 0 0 10px #b6b6b6;

	}
.headleft{
	float:left; 
}
.logo{
	float:left; margin-top:20px;
}
.logo img{   margin-bottom:10px;}
.logo p{ font-size:14px; color:#797979;}
.logo p span{letter-spacing:2.3px}
.topmenu{ float:left; margin-top:50px; margin-left:100px;}


.menu{  height:50px; line-height:50px;}
.menu a{
	margin-right:40px;
	}
.headright{
	float:right;
	margin-top: 60px;
	}
.search{ width:292px; height:30px;
	line-height:30px;
	color: #666;
	text-indent:20px;
	background:url("../images/search_bc.png")/*tpa=http://www.geman-bearing.com/images/search_bc.png*/ no-repeat left center; float:left; margin-right:10px;}
.ver{ height:30px; line-height:30px; padding-right:10px; float:left; background:url("../images/ver_line.jpg")/*tpa=http://www.geman-bearing.com/images/ver_line.jpg*/ no-repeat right center;}
.weixin{ width:24px; height:30px; margin-left:10px; background:url("../images/weixin.jpg")/*tpa=http://www.geman-bearing.com/images/weixin.jpg*/ no-repeat center center; float:left;}

.banner{ height:568px; background:url("../images/banner.jpg")/*tpa=http://www.geman-bearing.com/images/banner.jpg*/ no-repeat center bottom;
	padding-top: 105px;}
.banner p{
	color: #ffffff;
	font-size:38px;
	font-weight:bold;
	padding-top:200px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;}

.yewu{ margin-bottom: 50px;
overflow:hidden;
}
.yewu img{ width:1170px; height:465px;}
.yewu p{ text-align:center; height:70px;
font-size:18px;}



.hometitle{
	font-size:36px;
	text-align: center;
	font-weight:bold;
	color: #ff9800;
	margin-top: 50px;
	margin-bottom: 40px;

}
.hometitle1{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #666;
    margin-bottom: 40px;
    line-height: 40px;

}



.ywtext{
display:block;
	padding:0px 150px 0px 150px;
	height:60px;
	line-height: 24px;
	text-align: center;}
.ywmore{ text-align:center;
margin-bottom:20px;}
.ywmore span{ 
	width:116px;
	background:#ff9800;
	padding-top:12px;
	padding-bottom:12px;
	color:#fff;
	display:block;}
.ywmore span a{ color:#fff;font-size:16px;}

.anli{
	margin-bottom:10px;
	overflow:hidden;
}
.al_img1{
	float: left;
	position:relative;}
.al_img1 img{
	width: 1170px;
	height: 400px;
}
.al_img1 div{
	width:403px;
	height:234px;
	position:absolute;
	right:0;
	top:0;
	background:url("../images/al_textbc.png")/*tpa=http://www.geman-bearing.com/images/al_textbc.png*/ no-repeat;
	color:#808080;}
.al_img1 div p{ padding:0px 25px 0 40px;
text-align:left;
line-height:24px;
font-size:16px;}	
.al_img1 div h3{
color:#ff9800;
font-size:26px;
margin-bottom:15px;
line-height:30px;

margin:25px 0 10px 40px;}
.al_img2{
	width: 585px;
	height: 400px;
	position: relative;
	float: left;}
.al_img2 img{
	width: 585px;
	height: 400px;}
.al_img2 div{
	width:309px;
	height:203px;
	position:absolute;
	right:0;
	bottom:0;
	background:url("../images/al_textbc1.png")/*tpa=http://www.geman-bearing.com/images/al_textbc1.png*/ no-repeat;
	color:#808080;}
.al_img2 div p{ padding:30px 25px 0 40px;
line-height:24px;
text-align:left;
font-size:16px;}	

.al_img3{
	float: left;
}.al_img3 img{
	 width: 585px;
	 height: 400px;
 }
.al_more{
float:left;
margin-left:527px;
margin-top:50px;
margin-bottom:50px;}




.al_select { 
	width: 280px;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	height:70px;
	margin-left:445px;
	padding-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	border: solid 1px #eeeeee;

	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("../../ourjs.github.io/static/2015/arrow.png")/*tpa=http://ourjs.github.io/static/2015/arrow.png*/ no-repeat scroll right center transparent;


	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}



/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }




.m_about{ 
 height:273px;
 background:#f2efeb url("../images/m_aboutbc.jpg")/*tpa=http://www.geman-bearing.com/images/m_aboutbc.jpg*/ no-repeat center top;
}
.m_about h2{
font-size:20px; color:#ff9800; border-bottom:1px dotted #000; padding-top:30px; padding-bottom:10px;}
.about_nr{ 
width:700px;
float:left;
padding-top:20px;}
.about_pic{ 
float:right;
margin-top:10px;}
.about_pic img{
margin-left:15px;}

.m-job{
height:78px;
background:url("../images/m_zpbc.jpg")/*tpa=http://www.geman-bearing.com/images/m_zpbc.jpg*/ no-repeat center center;
}

.m-job p{
font-size:20px;
color:#fff;
line-height:70px;
padding-left:20px;}
.m-job p span{
font-size:14px; color:#000;
float:right;
padding-right:30px;
padding-top:25px;}
.m-job p span a{ color:#000;}

.footer{ background:#dededd;
padding-bottom:40px;
overflow:hidden;}
.footer h2{ font-size:20px;
border-bottom:1px dotted #000;
margin-bottom:15px;
padding-top:30px;
height:30px;
line-height:30px;}
.footer-1{
width:300px;
margin-right:44px;
float:left;}
.footer-2{ 
width:400px;
float:left}
.footer-2 ul li{ width:50%; float:left;}
.footer-3{
float:right;}
.footer-3-1 img{ float:left; margin-right:10px;}
.footer-3-1 span{ height:112px; width:50px; float:left; margin-right:10px;}


/**
 * Component: Dropdown
 * --------------------------------------------------
 */
.c-dropdown {
	position: relative;
	display: inline-block;
	text-align: left;
	margin-top:50px;
}

.c-dropdown__list {
	margin: 5px 0 0 0;
	padding: 6px 0;
	list-style: none;
	position: absolute;
	top: 125%;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	border-radius: 3px;
	background: #fff;
	-webkit-transition: opacity .25s linear, top .25s linear;
	transition: opacity .25s linear, top .25s linear;
}
.c-dropdown.is-open .c-dropdown__list {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.c-dropdown__item {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	color: #434A54;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: background-color .25s linear;
	transition: background-color .25s linear;
}
.c-dropdown__item:hover {
	background-color: #E6E9ED;
}

/**
 * Component: Button
 * --------------------------------------------------
 */
.c-button {
	-webkit-appearance: none;
	margin: 0;
	border: 0;
	overflow: visible;
	font: inherit;
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.c-button:hover, .c-button:focus {
	outline: none;
	text-decoration: none;
}
.c-button:not(:disabled) {
	cursor: pointer;
}

/**
 * Component: Button
 * Modifier: Dropdown
 * --------------------------------------------------
 */
.c-button--dropdown {
	padding: 6px 34px 6px 12px;
	background-color: #967ADC;
	color: #E6E9ED;
	font-size: 14px;
	line-height: 20px;
	min-height: 32px;
	border-radius: 3px;
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.c-button--dropdown:hover {
	background-color: #AC92EC;
}
.c-button--dropdown:after {
	content: "";
	position: absolute;
	top: 14px;
	right: 11px;
	width: 0;
	height: 0;
	border: 0px solid transparent;
	border-top-color: #E6E9ED;
}



.nei_banner{
	color: #cccccc;
	padding-top:104px;
}
.ban-out{
	background: #f2efeb;
}
.ban-con{
	position: relative;
	height:444px;
	width:1170px;
	overflow:hidden;
}
.ban-con img{
	width: 1170px;
	height:444px;
}
.ban-text{
	width: 600px;
	height: 444px;
	position: absolute;
	top:0;
	left:0;
	background: url("../images/black.png")/*tpa=http://www.geman-bearing.com/images/black.png*/;
}
.ban-text p{
	padding:150px 60px 0 60px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 18px;
	line-height:30px;
}

.content h2{
	height:100px;
	line-height: 100px;
	font-size:35px;
	font-weight:700;
}
.con-left{
	float: left;
	width: 665px;
	padding-bottom: 40px;
	padding-top:15px;
	

}
.con-left p{font-size:16px;
	line-height:1.8em;}
.con-right{
	float: right;
	width:370px;
	margin-bottom:20px;
}
.con-r-contact{
	height: 365px;
	background: #f2efeb url("../images/contact.jpg")/*tpa=http://www.geman-bearing.com/images/contact.jpg*/ no-repeat ;
	background-position: 20px 35px;
}
.con-r-contact h3{
	padding:122px 0 20px 30px;
	font-weight:bold;
	font-size:18px;
}
.con-r-contact p{
	padding:0 30px 0 30px;
	line-height:30px;
}