﻿@charset "utf-8";
/*
"QINGDAO YUMETAL HARDWARE RIGGING CO.,LTD" 样式

2015.6 for hicheng.net

Copyright (c) 2015, QINGDAO YUMETAL HARDWARE RIGGING CO.,LTD All rights reserved.
*/
a{ text-decoration:none; text-outline:none; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
html, body, .h100 {
	height: 100%
}
body {
	height: auto !important;
	width: 100%;
	padding: 0px 0 0px 0;
	color: #727272;
	font: 400 12px/150% Arial, Microsoft Yahei, Tahoma, Helvetica, sans-serif, "Times New Roman", Times, serif
}
*html body {
	font: 400 12px/150% Microsoft Yahei, Tahoma, Helvetica, Arial, sans-serif, "Times New Roman", Times, serif
}
ul {
	list-style: none
}
img, a img {
	border: 0
}
b, h1, h2, h4 {
	font-weight: normal
}
h3 {
	color: #333333;
}
body {
	min-width: 1100px;
}
.clear {
	clear: both
}
.fLeft {
	float: left
}
.fRight {
	float: right
}
.text_c {
	text-align: center
}
.f14bold {
	font-size: 14px;
	font-weight: bold
}
/*首页主体*/
.home_head {
	width: 100%;
	height: 115px;
}
.home_headbd {
	width: 1100px;
	margin: 0 auto
}
.logo {
	width: 100%;
	height: 115px;
	margin: 0 auto;
}
.logo_jpg {
	float: left
}
.logo_langugae {
	width: 670px;
	height: 80px;
	padding-top: 20px;
	margin-left: 20px;
	float: left
}
.logo_langugae h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}
.logo_langlist {
	width: 100%;
}
.logo_langlist a {
	margin-right: 20px;
	float: left;
}
.logo_langlist a img {
	vertical-align: middle;
	margin-right: 8px;
}
.logo_right {
	margin-top: 5px;
	float: right
}
.logo_right img {
	float: left
}
/*菜单栏*/
.nav {
	height: 40px;
	width: 100%;
	background: #3f95f1;
}
.nav_bg {
	height: 40px;
	width: 1100px;
	margin: 0 auto;
}
/*首页内容*/
.home_body {
	width: 100%;
	height: 533px;
	z-index: 1000;
}
.home_bodybody {
	width: 1100px;
	margin: 0 auto;
	margin-top: -48px;
}
.home_proname {
	width: 175px;
	height: 96px;
	line-height: 96px;
	position: absolute;
	padding: 0 20px;
	background: #3e90e8;
	float: left;
	background-color: rgba(63,145,233,0.95);
	filter: alpha(opacity=95); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.95; /*Firefox私有，透明度50%*/
	margin-top: -48px;
	z-index: 10000
}
.home_proname h3 {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	float: left
}
.home_proname a {
	display: block;
	height: 96px;
	width: 45px;
	float: right;
	background: url(../Images/inc_promore.png) no-repeat center;
}
/*首页选项卡*/
#outer {
	width: 1100px;
	position: absolute;
	z-index: 999;
}
#tab {
	height: 48px;
	overflow: hidden;
	zoom: 1;
}
.outer_title {
	width: 815px;
	padding-left: 70px;
	margin-left: 215px;
	background: #3e90e8;
	background-color: rgba(63,145,233,0.8);
	filter: alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.8; /*Firefox私有，透明度50%*/
}
#tab li {
	float: left;
	color: #fff;
	height: 48px;
	cursor: pointer;
	line-height: 48px;
	padding-left: 40px;
}
#tab li.current {
}
#tab li.current span {
	height: 24px;
	background: #FFF;
	padding: 4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #3f95f1
}
#content {
	height: 375px;
	margin-bottom: 75px;
	border-top-width: 0;
	-webkit-box-shadow: 0px 2px 8px #dad8d9;
	-moz-box-shadow: 0px 2px 8px #dad8d9;
	box-shadow: 0px 2px 8px #dad8d9;
	padding-top: 35px;
}
#content .propicul {
	display: none;
}
#tab a {
	color: #FFF;
	text-decoration: none
}
#tab a:hover {
	color: #3f95f1;
	text-decoration: none
}
/*--首页关于我们 联系我们--*/
.home_bodycontent {
	width: 100%;
	height: 334px;
	color: #7e7e7e;
	background: #e1ebf7
}
.home_bodyconent_text {
	width: 1100px;
	padding-top: 48px;
	margin: 0 auto
}
.home_about {
	width: 542px;
	float: left
}
.home_about h3 {
	width: 100%;
	color: #3f95f1;
	font-size: 18px;
	line-height: 30px;
	background: url(../Images/inc_about.png) no-repeat left center;
	padding-left: 36px;
	margin-bottom: 25px;
	float: left
}
.home_about .home_about_text {
	line-height: 25px;
	font-size: 13px;
	float: left
}
.home_about .home_about_text img {
	border: 3px solid #b9d1e9;
	margin-left: 18px;
	float: right
}
.home_contact {
	width: 440px;
	margin-left: 117px;
	float: left
}
.home_contact h3 {
	width: 100%;
	color: #3f95f1;
	font-size: 18px;
	line-height: 30px;
	background: url(../Images/inc_contactus.png) no-repeat left center;
	padding-left: 36px;
	margin-bottom: 25px;
	float: left
}
.home_contact .home_contact_text {
	line-height: 25px;
	font-size: 13px;
	float: left
}
/*内页*/
#inbanner {
	width: 100%;
	height: 280px;
	overflow: hidden
}
#in_banner1 {
	width: 200%;
	height: 280px;
	float: left
}
#in_banner1 div {
	height: 272px;
	width: 236px;
	margin: 4px 2px;
	position: relative;
	float: left
}
#in_banner1 span {
	width: 236px;
	height: 272px;
	display: block;
	position: absolute;
	background: url(../Images/inc_fangda.png) no-repeat center;
	background-color: rgba(0,0,0,0.7);
	filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.7; /*Firefox私有，透明度50%*/
	position: absolute;
	top: 276px
}
#in_banner1 div:hover span {
	top: 0
}
/*当前位置*/
.location {
	height: 49px;
	width: 100%;
	border-bottom: 1px solid #e0dfdf;
	background: #f4f4f4;
}
.location .location_content {
	width: 1100px;
	margin: 0 auto;
	line-height: 49px;
	vertical-align: middle;
	font-size: 13px;
}
.location .location_content .location_link {
	color: #666;
	float: right
}
.location .location_content .location_link em {
	font-style: normal;
	color: #3f95f1;
	margin-left: 4px;
}
.location .location_content .location_link a {
	color: #666;
	text-decoration: none;
	margin: 0 5px
}
.location .location_content .location_link a:hover {
	color: #3f95f1;
	text-decoration: underline;
}
.location .location_content .location_link span {
	display: block;
	line-height: 49px;
	height: 49px;
	background: url(../Images/inc_location.png) no-repeat left;
	padding-left: 20px;
	padding-right: 3px;
	float: left
}
.in_boday {
	width: 1180px;
	margin: 0 auto
}
.in_body_content {
	width: 100%;
	float: left;
	-webkit-box-shadow: 0px 2px 8px #dad8d9;
	-moz-box-shadow: 0px 2px 8px #dad8d9;
	box-shadow: 0px 2px 8px #dad8d9;
	background: url(../Images/left_bg.jpg) left repeat-y;
}
/*内页左侧*/
.in_body_left {
	width: 261px;
	margin-right: 25px;
	background: #e1ebf7;
	display: table;
	position: relative;
	float: left;
	margin-right:50px;
}
.in_left_title {
	height: 124px;
	width: 261px;
	background: url(../Images/inc_promore.png) no-repeat 150px 40px #3f95f1;
	top: -50px;
	position: absolute;
	border-bottom: 1px solid #65aaf4
}
.in_left_title h3 {
	width: 125px;
	height: 124px;
	padding-left: 24px;
	color: #FFF;
	font-size: 30px;
	font-weight: normal;
	line-height: 35px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
/*左侧产品分类列表*/
.in_left_prolist {
	width: 261px;
	margin-top: 75px;
	float: left
}
/*内页右侧*/
.in_body_right {
	width: 788px;
	float: left
}
/*搜索框*/
.in_right_search {
	width: 788px;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	float: left
}
.in_right_search input {
	height: 28px;
	width: 308px;
	padding-left: 10px;
	border: 1px solid #3f95f1;
	color: #b9b9b9;
	float: left
}
.in_right_search button {
	height: 30px;
	width: 60px;
	border: none;
	color: #FFF;
	cursor: pointer;
	background: #3f95f1;
	float: left
}
.in_right_search button:hover {
	background: #6fb5ff;
}
/*内页内容*/
.in_right_content {
	width: 100%;
	margin-top: 15px;
	float: left
}
/*产品列表*/
.in_prolist {
	width: 100%;
	float: left
}
.in_prolist ul {
	width: 812px;
}
.in_prolist li {
	height: 220px;
	width: 182px;
	margin: 0 20px 25px 0;
	text-align: center;
	display: inline;
	float: left;
	 overflow:hidden;
}
.in_prolist li img {
	border: 1px solid #dcdcdc;
}
.in_prolist li span {
	display: block;
	font-size: 14px;
	font-weight: 200;
	padding: 8px 0;
}
.in_prolist li a {
	color: #333333;
	text-decoration: none
}
.in_prolist li a:hover {
	color: #489af1
}
.in_prolist li a:hover img {
	border: 1px solid #489af1;
}
/*产品内容页*/
.in_propicfangda {
	width: 380px;
	margin-right: 40px;
	float: left
}
.in_protext {
	width: 360px;
	padding-top: 35px;
	float: left
}
.in_protext p {
	font-size: 16px;
	line-height: 30px;
	color: #333333
}
.in_protext .in_proemail {
	width: 100%;
	margin: 8px 0;
	text-align: left;
	 width:80px; height:30px; background:#09F; line-height:30px; text-align:center; border-radius:5px;
}
.in_protext .in_proemail a {
	 color:#FFF;
}
.in_protext .in_proemail a:hover {
	 color:#F00;
}
.in_procontent {
	width: 100%;
	margin-top: 12px;
	float: left
}
.in_procontent .in_procontent_title {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 20px;
}
.in_procontent h4 {
	width: 166px;
	height: 40px;
	line-height: 40px;
	background: #3f95f1;
	color: #FFF;
	text-align: center;
	font-size: 14px
}
/*质量控制*/
.in_quality {
	width: 807px !important;
	float: left
}
/*关于我们*/
.in_about {
	width: 100%;
	line-height: 25px;
	float: left
}
.in_about span{ color:#000; font-family:Arial, Helvetica, sans-serif}
.in_about p {
}
/*联系我们*/
.in_contactus {
	width: 100%;
	float: left
}
.in_contact_c {
	width: 100%;
	margin-bottom: 25px;
	line-height: 28px;
	float: left
}
.in_contact_c h4 {
	font-size: 18px;
	color: #3f95f1;
	font-weight: bold
}
.in_contact_c p {
	line-height: 28px;
}
/*----------------------------------------------------*/

	/*留言*/
.in_right_message {
	width: 100%;
	margin-bottom: 15px;
	float: left
}
.in_right_message_title {
	width: 100%;
	height: 40px;
	margin: 15px 0;
	line-height: 40px;
	background: #ebf4fe
}
.in_right_message_title h4 {
	color: #3f95f1;
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
}
.in_right_message li {
	width: 100%;
	float: left;
	margin: 10px 0;
}
.in_right_message .message1 {
	float: left
}
.in_right_message .message1 span {
	width: 130px;
	line-height: 40px;
	font-size: 14px;
	text-align: right;
	margin-right: 30px;
	float: left
}
.in_right_message .messagetext {
	border: 1px solid #e6e6e6;
	height: 40px;
	line-height: 40px;
	width: 625px;
}
.in_right_message .messagetextarea {
	border: 1px solid #e6e6e6;
	height: 165px;
	width: 622px;
}
.in_right_message .in_b_r_message_button {
	width: 100%;
	text-align: center
}
.in_right_message .in_b_r_message_button input {
	width: 64px;
	height: 27px;
	background: #0077b5;
	border: none;
	color: #fff;
	margin-right: 10px;
	cursor: pointer
}
.in_right_submit {
	width: 100%;
	margin-top: 15px;
	text-align: right;
	float: left
}
.in_right_submit input {
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer
}
.in_right_submit .message_sub {
	background: #3f95f1;
	color: #FFF;
	border: none;
	margin-right: 8px;
}
.in_right_submit .message_sub:hover {
	background: #0477f2;
}
.in_right_submit .message_reset {
	background: #f4f4f4;
	color: #666666;
	border: 1px solid #e6e6e6;
}
.in_right_submit .message_reset:hover {
	background: #e6e6e6;
}
/*------表格统一样式-----*/
.in_right_content table {
	border-collapse: collapse;/* 边框合并属性  */
}
.in_right_content th {
	border: 1px solid #666666;
}
.in_right_content td {
	border: 1px solid #666666;
}
.tablelist table {
	border-collapse: collapse;/* 边框合并属性  */
}
.tablelist th {
	border: 1px solid #666666;
}
.tablelist td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
/*页脚*/
#footer {
	width: 100%;
	height: 46px;
	line-height: 46px;
	color: #b0d4f8;
	background: #3f95f1;
	font-size: 12px;
}
.footer_content {
	width: 1100px;
	margin: 0 auto
}
.footer_copy {
	float: left
}
.footer_support {
	float: right
}
.footer_support a {
	color: #b0d4f8;
	text-decoration: none
}
.footer_support a:hover {
	text-decoration: underline
}
/* 客服QQ样式 */
#qqonline_float {
	width: 100px;
	position: fixed;
 *_position: absolute;
	right: 10px;
	top: 286px;
	z-index: 1000
}
#qqonline_float .qq-top {
	background: #3f95f1;
	color: #FFF;
	font-size: 22px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-weight: bold;
	 width:100px;
}
#qqonline_float .qq-bottom {
	background: #539dec;
	height: 26px;
	background-color: rgba(63, 145, 233, 0.7);
	filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.7; /*Firefox私有，透明度50%*/
}
#qqonline_float .qq-list {
	background: #539dec;
	background-color: rgba(63, 145, 233, 0.7);
	filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.7; /*Firefox私有，透明度50%*/
}
#qqonline_float .myqq {
	vertical-align: middle;
	height: 33px;
	line-height: 33px;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #4798ef;
	font-size: 14px;
	width:100px;
	 overflow:hidden;
}
#qqonline_float .myqq a {
	display: block;width:100px;overflow:hidden;
}
#qqonline_float .myqq a span{ color:#FFF;}
#qqonline_float .myqq img {
	vertical-align: middle;
}

.huadong1{ display:none;}
.huadong a:hover .huadong1{ display:block; width:150px; height:60px; position:absolute; z-index:1000; right:150px;color:#FFF; background:#09F; text-align:center; line-height:60px; font-size:20px;}
/*分页*/
#pages {
	width: 100%;
	margin-top: 22px;
	float: left
}
div.green-black {
	padding: 3px;
	margin: 3px;
	text-align: center
}
div.green-black a {
	border: #d1d1d1 1px solid;
	padding: 9px 13px;
	background: url(../Images/image1.gif) #fff;
	color: #727272;
	margin-right: 5px;
	text-decoration: none
}
div.green-black a:hover, div.green-black a.current_page {
	border: #d1d1d1 1px solid;
	background: #389cfa;
	text-decoration: none;
	color: #fff
}
div.green-black a:active {
	border: #d1d1d1 1px solid;
	background: #025991;
	text-decoration: none;
	color: #fff
}
div.green-black span.current {
	border: #e6e6e6 1px solid;
	padding: 9px 13px;
	font-weight: bold;
	background: #389cfa;
	color: #fff;
	margin-right: 5px
}
div.green-black span.disabled {
	border: #d1d1d1 1px solid;
	padding: 2px 5px;
	color: #ccc;
	background: #f6fdff;
	margin-right: 2px
}
/* 链接 */
.aGray, .aGray a:link, .aGray a:visited {
	color: #666666;
	text-decoration: none
}
.aGray a:hover, .aGray a:active {
	color: #666666;
	text-decoration: underline
}
.aBlank, .aBlank a:link, .aBlank a:visited {
	color: #FFF;
	text-decoration: none
}
.aBlank a:hover, .aBlank a:active {
	color: #FFF;
	text-decoration: underline
}
.aBlue, .aBlue a:link, .aBlue a:visited {
	color: #3f95f1;
	text-decoration: none
}
.aBlue a:hover, .aBlue a:active {
	color: #3f95f1;
	text-decoration: underline
}
.fy{ width:800px; height:21px; margin-bottom:2px;}
.fy li{float:left; list-style:none; display:block; min-width:30px; border:#d7d7d7 1px solid; margin-left:5px; text-align:center;height:19px; line-height:19px;}
.fy li a{height:19px; line-height:19px; margin-left:2px; color:#333;  padding:0 10px;}
.fy li a:hover{ color:#F00;}
.fy li span a{ color:#00C;}
.thisclass{height:19px; line-height:19px; margin-left:2px; padding:0 10px; color:#00F;}

.fy a{height:19px; line-height:19px; margin-left:2px; color:#333;  padding:0 5px;}
.fy a:hover{ color:#09F}
.in_right_content p{ line-height:30px; color:#000; font-size:14px;}
.in_right_content p a:hover{ color:#06F}
a{ text-decoration:none; text-outline:none; }