﻿@charset "utf-8"; /* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Microsoft YaHei";color: #666;
}
img { display: block;}
em,i { font-style: normal;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}




/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0 -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0 -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;
}

.header, .content, .footer { width: 1200px; margin: 0 auto; position: relative;}
.head { height: 150px; background: #4b392b; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.head em, .head i { font-style: normal;}
.head h1 { float: left; margin-top: 17px;}
.head h1 img { width: 107px; height: 109px;}
.head h2 { float: left; font-size: 22px; color: #eee0c4; font-weight: normal; margin: 45px 0 0 42px;}
.head h2 img { margin-top: 15px;}
.head .menu { width: 700px; height: 150px; float: right; padding-left: 2px; background: url("../images/tox.jpg") no-repeat left center;}
.head .menu li { float: left; height: 150px; background: url("../images/tox.jpg") no-repeat right center;}
.head .menu li a { display: block; padding-top: 25px; width: 98px; height: 125px;}
.head .menu li a p { font-size: 16px; color: #e4d9c2; width: 16px; margin-left: 33px; float: left; line-height: 16px;}
.head .menu li a span { display: block; width: 6px; height: 53px; margin-left: 10px; float: left;}
.head .menu li a:hover { height: 121px; background: #e4d9c2; border-bottom: 4px solid #bbb09a;}
.head .menu li a:hover p { color: #5a514a;}
.head .menu li:nth-child(1) a { height: 130px; padding-top: 20px;}
.head .menu li:nth-child(1) a p { line-height: 30px; padding-bottom: 25px; background: url("../images/tot2.png") no-repeat 0 bottom;}
.head .menu li:nth-child(1) a:hover p { background: url("../images/tot2.jpg") no-repeat 0 bottom;}
.head .menu li:nth-child(1) a span { background: url("../images/toy1.png") no-repeat; margin-top: 10px;}
.head .menu li:nth-child(1) a:hover span { background: url("../images/tob1.png") no-repeat;}
.head .menu li:nth-child(2) a span { background: url("../images/toy2.png") no-repeat;}
.head .menu li:nth-child(2) a:hover span { background: url("../images/tob2.png") no-repeat;}
.head .menu li:nth-child(3) a span { background: url("../images/toy3.png") no-repeat;}
.head .menu li:nth-child(3) a:hover span { background: url("../images/tob3.png") no-repeat;}
.head .menu li:nth-child(4) a span { background: url("../images/toy4.png") no-repeat;}
.head .menu li:nth-child(4) a:hover span { background: url("../images/tob4.png") no-repeat;}
.head .menu li:nth-child(5) a span { background: url("../images/toy5.png") no-repeat;}
.head .menu li:nth-child(5) a:hover span { background: url("../images/tob5.png") no-repeat;}
.head .menu li:nth-child(6) a span { background: url("../images/toy6.png") no-repeat;}
.head .menu li:nth-child(6) a:hover span { background: url("../images/tob6.png") no-repeat;}
.head .menu li:nth-child(7) a span { background: url("../images/toy7.png") no-repeat;}
.head .menu li:nth-child(7) a:hover span { background: url("../images/tob7.png") no-repeat;}

.foot { height: 442px; background: url("../images/dbb.jpg") repeat-x; font-family: "Microsoft YaHei", serif;}
.foot em, .foot i { font-style: normal;}
.f-k { height: 150px; position: relative;}
.f-w { float: left; margin-top: 25px;}
.f-w p { float: left; width: 110px; height: 98px; background: url("../images/db_03.jpg") no-repeat; margin-right: 40px;}
.f-w p img { display: block; width: 82px; height: 82px; float: left; margin: 8px 0 0 8px;}
.f-w p span { display: block; float: left; width: 12px; font-size: 12px; color: #9e947e; line-height: 14px; margin: 12px 0 0 6px;}
.f-w p:last-child span { margin-top: 18px;}
.f-k .dbi { position: absolute; left: 306px; top: -24px;}
.f-k .f-menu { width: 784px; height: 150px; float: right; padding-left: 2px; background: url("../images/tox.jpg") no-repeat left center;}
.f-k .f-menu li { float: left; height: 150px; background: url("../images/tox.jpg") no-repeat right center;}
.f-k .f-menu li a { display: block; padding-top: 25px; width: 98px; height: 125px;}
.f-k .f-menu li a p { font-size: 16px; color: #e4d9c2; width: 16px; margin-left: 33px; float: left; line-height: 16px;}
.f-k .f-menu li a span { display: block; width: 6px; height: 53px; margin-left: 10px; float: left;}
.f-k .f-menu li a:hover { height: 121px; background: #e4d9c2; border-bottom: 4px solid #bbb09a;}
.f-k .f-menu li a:hover p { color: #5a514a;}
.f-k .f-menu li:nth-child(1) a { height: 126px; padding-top: 20px;}
.f-k .f-menu li:nth-child(1) a p { line-height: 30px; padding-bottom: 25px; background: url("../images/tot2.png") no-repeat 0 bottom;}
.f-k .f-menu li:nth-child(1) a:hover p { background: url("../images/tot2.jpg") no-repeat 0 bottom;}
.f-k .f-menu li:nth-child(1) a span { background: url("../images/toy1.png") no-repeat; margin-top: 10px;}
.f-k .f-menu li:nth-child(1) a:hover span { background: url("../images/tob1.png") no-repeat;}
.f-k .f-menu li:nth-child(2) a span { background: url("../images/toy2.png") no-repeat;}
.f-k .f-menu li:nth-child(2) a:hover span { background: url("../images/tob2.png") no-repeat;}
.f-k .f-menu li:nth-child(3) a span { background: url("../images/toy3.png") no-repeat;}
.f-k .f-menu li:nth-child(3) a:hover span { background: url("../images/tob3.png") no-repeat;}
.f-k .f-menu li:nth-child(4) a span { background: url("../images/toy4.png") no-repeat;}
.f-k .f-menu li:nth-child(4) a:hover span { background: url("../images/tob4.png") no-repeat;}
.f-k .f-menu li:nth-child(5) a span { background: url("../images/toy5.png") no-repeat;}
.f-k .f-menu li:nth-child(5) a:hover span { background: url("../images/tob5.png") no-repeat;}
.f-k .f-menu li:nth-child(6) a span { background: url("../images/toy6.png") no-repeat;}
.f-k .f-menu li:nth-child(6) a:hover span { background: url("../images/tob6.png") no-repeat;}
.f-k .f-menu li:nth-child(7) a span { background: url("../images/toy7.png") no-repeat;}
.f-k .f-menu li:nth-child(7) a:hover span { background: url("../images/tob7.png") no-repeat;}
.f-k .f-menu li:nth-child(8) a span { background: url("../images/toy8.png") no-repeat;}
.f-k .f-menu li:nth-child(8) a:hover span { background: url("../images/tob8.png") no-repeat;}
.f-o h1 { width: 177px; height: 252px; background: url("../images/dbk.jpg") no-repeat; float: left; margin-top: 40px;}
.f-o h1 img { padding: 38px 0 0 18px;}
.f-z { float: left; font-size: 14px; color: #7e6958; line-height: 35px; margin: 80px 0 0 45px;}
.f-z span { margin: 0 20px;}
.f-z em { color: #4b392b;}
.yq { float: right; width: 453px; margin-top: 70px;}
.yq h3 { font-size: 14px; color: #4b392b; height: 30px;}
.yq p { height: 113px; border-top: 1px solid #d9d5cc; border-bottom: 1px solid #d9d5cc; padding-top: 5px;}
.yq p a { font-size: 14px; color: #8f7e71; line-height: 36px; margin-right: 43px;}
.yq p a:nth-child(5),.yq p a:nth-child(10),.yq p a:nth-child(15) { margin-right: 0;}










