﻿body
{
	margin: 0 auto;
	padding: 0;
	height: 100%;
	/*background-color: #f4f4f4;*/
	max-width: 100%;
	font-family: Helvetica,sans-serif;
	line-height: 1.5;
	color: #666;
	font-size: 12px;
}
ol, ul, li
{
	list-style: none;
}

a, img, button, input, select
{
	-webkit-tap-highlight-color: transparent;
	outline: 0;
}

	a:hover, a
	{
		text-decoration: none;
	}

img
{
	border: 0 none;
	vertical-align: top;
}

i, em
{
	font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td
{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.hide, .h
{
	display: none !important;
}

button, input, select, textarea
{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

#headtop
{
	padding: 6px 0;
	background-color: #f6f6f6;
	border-bottom: 1px solid #eee;
	width: 100%;
	overflow: hidden;
	min-width: 1170px;
}

.container
{
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

#headtop span, #headtop a
{
	font-size: 12px;
	color: #666;
}

.f_l
{
	float: left;
}

.div_wel
{
	position: absolute;
	top: 3px;
}

#headtop .f_r i
{
	color: #0092d8;
	font-size: 16px;
	font-weight: bold;
}

.f_r
{
	float: right;
}

#headtop .lg
{
	padding: 0 10px 0 18px;
	cursor: pointer;
}

#headtop .cn
{
	border-right: 1px solid #0f89c4;
	background: url(../Image/cn.png) no-repeat 0px center;
}

#headtop .en
{
	background: url(../Image/gb.png) no-repeat 0px center;
}

#headmid
{
	padding: 15px 0;
	overflow: hidden;
}

.logo
{
	vertical-align: text-bottom;
	float: left;
	width: 200px;
	height: 70px;
    margin:5px 0 0 10px;
}

.search
{
	margin-left: 150px;
	float: left;
}

.search_top
{
	padding: 16px 0 10px;
	overflow: hidden;
}

    .search_top input[type="text"] {
        width: 435px;
        border: none;
        border: 2px solid #0092d8;
        font-size: 12px;
        padding: 7px 10px;
        padding: 9px 10px\0;
        border-radius: 0;
    }

    .search_top input[type="button"] {
        font-size: 14px;
        color: #fff;
        border: none;
        background-color: #0092d8;
        vertical-align: bottom;
        padding: 0 20px;
        line-height: 36px;
        /*line-height: 32px\0;*/
        font-size: 12px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
    }

.search_bottom span.hot_search
{
	color: #000;
}

.search_bottom span
{
	color: #8a8a8a;
	cursor: pointer;
}
.search_bottom span:hover {
    color:red;
}

#headnav
{
	width: 100%;
	height: 40px;
	min-width: 1170px;
}

#headnav, .right a
{
	background-color: #0092d8;
	color: #fff;
	display: block;
	font-size: 14px;
}

	#headnav .container
	{
		height: 40px;
	}

		#headnav .container > div
		{
			display: inline-block;
		}

	#headnav .left
	{
		position: relative;
		background-color: #0f89c4;
		padding: 10px 0 9px 10px;
	}

		#headnav .left > a
		{
			color: #fff;
		}

	#headnav i
	{
		padding: 0 10px;
	}

.left
{
	width: 22%;
	max-width: 250px;
	display: inline-block;
}

#headnav ul
{
	margin-bottom: 0;
    /*font-size:0;*/
}

.right li
{
	display: inline-block;
}

.right a
{
	padding: 10px 31px 9px;
	font-weight: bold;
}

	.right a:hover
	{
		background-color: #0f89c4;
		color: #fff;
	}

.category_nav > .dropdown-menu
{
	display: block;
	height: 426px;
}

.dropdown-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu
{
	background-color: rgba(0,0,0,.6);
	border-radius: 0;
	margin: -1px 0;
	width: 100%;
	padding: 2px 0px;
}
    #typeMenu > li:hover {
            background-color: rgba(0,0,0,.8);
    }
.category_nav .dropdown-menu > li > a
{
	padding: 6px 10px;
	color: #fff;
	display: inline-block;
}

.sub_dropdwon
{
	left: 100%;
	height: 390px;
	width: 867px;
	top: 0;
	background: #f7f7f7;
	padding: 20px;
}

	.sub_dropdwon li
	{
		margin-bottom: 10px;
	}

	.sub_dropdwon .sub_title
	{
		font-weight: bold;
		color: #000;
		padding: 10px 0;
		/* width: 80px; */
		/* float: left; */
		position: relative;
	}

	.sub_dropdwon a
	{
		color: #0695d6;
		text-decoration: none;
	}
        .sub_dropdwon .sub_list {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
}
    .sub_dropdwon .sub_list a {
    display: inline-block;
    margin-right: 15px;
    color: #000;
}
.sub_title a:hover {
    color: #0f89c4;
}
.sub_list a:hover {
    color: #0092d8;
}
.floor_tit
{
	width: 1170px;
	margin: 0 auto;
	/*text-align:center;*/
	font-size: 18px;
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #ececec;
	color: #333;
	font-weight: normal;
}

.category_container, .company,.item_container
{
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.company_left
{
	line-height: 2;
	font-size: 12px;
	text-overflow: ellipsis;
	float: left;
	display: inline-block;
	width: 242px;
	height: 280px;
	background-color: #0f89c4;
	color: #fff;
	padding: 10px 10px;
}
    .company_left a {
        color:white;
    }
        .company_left a:hover {
        text-decoration:underline;
    }
.company_mid
{
	float: left;
	width: 440px;
	overflow: hidden;
}

	.company_mid img
	{
		height: 300px;
	}

.company_right
{
	float: left;
	width: 468px;
	height: 300px;
}

.category_container ul,.item_container ul
{
	overflow: hidden;
	border-left: 1px solid #eee;
}

.category_container li
{
	float: left;
	width: 20%;
	text-align: center;
	height: 140px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.category_container p
{
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #333;
	overflow: hidden;
	font-weight: bold;
}
.category_container img
{
	display: block;
	margin: 10px auto;
}
.item_container li
{
	float: left;
	width: 20%;
	text-align: center;
	height: 250px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_container img,.floor_itemmid img
{
	display: block;
	margin: 10px auto;
	width: 183px;
    height:183px;
    border:none;
}
.item_container img, .category_container img,.floor_itemmid img
{
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	position: relative;
	top: 0;
}
.item_container img:hover,.category_container img:hover,.floor_itemmid img:hover{
    top: -6px;
}
.item_container p,.floor_itemmid p
{
	margin: 10px 5px 0 5px;
	font-size: 12px;
	color: #333;
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab_product
{
	padding-top:20px;
	color: #333;
}
.floor_item
{
	height:500px;
}
.floor_itemleft
{
	width:242px;
	padding: 10px 10px;
	float:left;
	height:480px;
    color: #fff;
	overflow:hidden;
	text-align:center;
}
.floor_itemleft_title
{
	margin: 0 5px 10px 5px;
}
.floor_itemleft_title span {
    font-size: 22px;
    margin-right: 15px;
}
.floor_itemleft_subtitle
{
	min-height: 200px;
}
.floor_itemleft_subtitle span:nth-child(odd)
{
	margin-right: 2%;
}
.floor_itemleft_subtitle span {
    width: 48%;
    font-size: 12px;
    line-height: 32px;
    border: 1px solid #fff;
    margin-bottom: 7px;
    display: inline-block;
    float: left;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.floor_itemleft_subtitle span a {
    color: #fff;
}
.floor_itemleft_img {
    width: 100%;
    overflow: hidden;
}
.floor_itemleft_img img{
   max-width: 200px;
}
.floor_itemmid
{
	width:682px;
	float:left
}
.floor_itemmid li
{
	float: left;
	width: 33.33333%;
	text-align: center;
	height: 250px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.floor_itemright
{
	width:225px;
	height:499px;
	border:1px solid #eee;
	border-top:none;
	border-left:none;
	float:left;
	overflow:hidden;
}
.floor_itemright_div
{
	overflow:hidden;
}
	.floor_itemright .floor_itemright_div li
	{
		float: left;
		width: 50%;
		text-align: center;
		height: 45px;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
		.floor_itemright .floor_itemright_div li:nth-child(even)
		{
			border-right: none;
		}
	.floor_itemright img
	{
		display: block;
		margin: 2px auto;
		max-width: 76px;
	}
.floor_itemright_subtitle
{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	height: 45px;
	line-height: 45px;
	text-align:center;
}
.floor_itemright_tj
{
	margin: 0;
    padding: 5px;
    width: 215px;
}
.floor_itemright_tj li {
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 0;
    border-bottom: 1px dashed #dcdcdc;
}
	.floor_itemright_tj a:hover
	{
	 text-decoration:underline;
	 cursor:pointer;
	}






/*foot*/
.foot_wrap {
    background-color: #fafafa;
    margin-top: 20px;
    overflow: hidden;
    min-width: 1170px;
}
.fix_footer_nav {
    padding-bottom: 20px;
}
.foot_wrap .foot_content {
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.foot_wrap .foot_content li {
    float: left;
    width: 33.3333%;
    text-align: center;
    margin: 20px auto 14px;
}
.foot_wrap .foot_content li .icon_text {
    font-size: 12px;
    color: #333;
    margin-top: 9px;
}
.foot_wrap .foot_link {
    width: 420px;
    margin: 33px auto 20px;
    text-align: center;
    color: #999;
    font-size: 12px;
}
.foot_wrap .foot_link ul {
    overflow: hidden;
    margin-bottom: 20px;
}
.foot_wrap .foot_link li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}
.foot_wrap .foot_link li a {
    display: block;
    color: #999;
}
.foot_wrap .foot_link li a:after {
    content: '';
    display: inline-block;
    height: 11px;
    width: 1px;
    top: 3px;
    right: 0;
    background-color: #e3e3e3;
    position: absolute;
}
.foot_wrap .foot_link li:last-child a:after {
    display: none;
}
#IndexSwiper a {
    display:block;
    max-height:430px;
    max-width:100%;
    height:430px;
    /*min-width:1170px;*/
}
#floorMain {
    width:100%;
}
.newsul li{
    width:100%;
    display:block;
    height:32px;
    line-height:32px;
}
    .newsul li p:hover {
    text-decoration: underline;
    cursor: pointer;
    }
    .newsul li p {
        width:380px;
    }
.newsul li p, .newsul li span {
    color: #000;
    margin-bottom: 0;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.floor_all
{
	width: 100%;
	border-bottom: 1px solid #ececec;
    min-width:1170px;
}
.floor_content {
    width: 1170px;
    margin: 11px auto 10px auto;
    font: 12px;
    height: 20px;
    position:relative;
}
    .floor_content .floor_content_ft {
        position: absolute;
    right: 0px;
    top: 0px;
    }
.btn_search {
    cursor:pointer;
}