html {
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
form,
th,
td {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif, '微软雅黑';
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal
}

code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", monospace, serif
}

small {
	font-size: 80%
}

ul,
ol {
	list-style: none outside none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none;
	outline: 0
}

a:active {
	text-decoration: none;
	outline: 0
}

a:focus {
	outline: 0
}

img {
	border: 0 none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input[type=button],
input[type=submit],
input[type="reset"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],
input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
button::-moz-focus-outer,
input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0 none;
	padding: 0;
	margin: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

strong {
	font-weight: normal
}


/* fn */

.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
	line-height: 0
}

.clearfix:after {
	clear: both
}

.auto-x {
	width: 1200px;
	margin: 0 auto;
}

.title-big {
	font-size: 24px;
	font-family: '微软雅黑';
	border-bottom: 1px solid #d4d4d4;
	position: relative;
	margin-bottom: 20px;
	height: 37px;
}

.title-big span,
.title-big li {
	color: #282828;
	border-bottom: 2px solid #282828;
	position: absolute;
	bottom: -1px;
	padding-right: 20px;
}

.title-big strong {
	float: right;
	color: #666666;
	font-size: 12px;
	margin-top: 16px;
}

.title-big li {
	position: static;
	float: left;
	margin-right: 10px;
	border-bottom: none;
}

.title-big li.active {
	border-bottom: 2px solid #282828;
}

.title-big li a {
	color: #666;
}

.title-big li.active a {
	color: #282828;
}

.title-big li a:hover {
	text-decoration: none;
}


/* 鏍峰紡 Strat */

body {
	font: 12px/1.5 Tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1", sans-serif;
}

.footer {
	border-top: 1px solid #dcdcdc
}

.container {
	width: 100%;
	background: #fff;
	position: relative;
}

.bg {
	background: #d9eddf;
	padding-bottom: 30px
}


/*动画*/

.small {
	font-size: 14px!important;
	line-height: 46px;
}

.floor {
	padding-top: 20px;
	position: relative;
	padding-bottom: 30px
}

.floor .title {
	width: 332px;
	height: 100px;
	margin: 40px auto;
	background: url(../img/titlebg.png) center no-repeat;
	text-align: center;
	line-height: 90px;
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	font-family: '微软雅黑'
}

.dwzb {
	background: url(../img/bg01.png) bottom center no-repeat;
}

.dwgn {
	background: url(../img/bg02.png) bottom center no-repeat;
}

.dwsy {
	background: url(../img/bg03.png) top right no-repeat;
}

.dwqzy,
.dwqz {
	background: url(../img/bg05.png) right 200px no-repeat;
}

.dwqz:before,
.dwqzy:before {
	content: "";
	background: url(../img/bg04.png) left no-repeat;
	display: block;
	width: 253px;
	height: 127px;
	position: absolute;
	left: 0;
	top: 100px;
}


/* S banner */

.titab {
	text-align: center;
	margin: 0px auto 50px
}

.titab ul li {
	background: #7ead6d;
	font-size: 18px;
	color: #fff;
	padding: 0 20px;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	margin: 0 7px 0 7px;
	text-align: center;
	border-radius: 14px;
	cursor: pointer
}

.floor .titab ul li.active {
	background: #d6ce3a;
	color: #fff
}

.look {
	margin-left: 10px;
	color: #ff8500;
	background: url(../img/look.png) no-repeat right;
	line-height: 30px;
	background-position: 55px 9px;
	display: inline-block;
	padding-right: 20px;
	cursor: pointer
}

.tabox ul li a {
	text-decoration: none
}

.tabox ul li.headline {
	width: 588px;
	height: 330px;
	margin-right: 24px;
	float: left;
	position: relative;
	margin-bottom: 24px;
}

.tabox ul li.headline img {
	width: 100%;
}

.tabox ul li.headline .text {
	padding: 0;
	width: 588px;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #e99605;
	background: url("../img/titbg.png") repeat;
}

.tabox ul li.headline .text a {
	color: #e99605;
}

.tabox ul li.headline .text h3 {
	color: #e99605;
	display: inline-block;
	font-size: 16px;
	padding-left: 12px;
	padding-right: 12px;
	letter-spacing: 1px;
	margin-top: 7px;
	height: 48px;
	overflow: hidden
}

.tabox ul li.headline .text .price {
	display: inline-block;
	float: left;
	margin-left: 10px;
	color: #e99605;
	font-size: 14px;
}

.tabox ul li.headline .text .price span {
	font-size: 25px;
}

.tabox ul li.headline .text .apply {
	display: inline-block;
	float: right;
	margin-right: 15px;
	color: #fff;
	font-size: 14px;
	margin-top: 12px;
}

.tabox ul li:hover {
	box-shadow: 1px 1px 5px #ddddd9
}

.tabox ul li.headline:hover {
	box-shadow: 1px 1px 5px #acacab
}

.tabox ul {
	margin-right: -25px;
}

.tabox ul li.headline:hover .text h3 {
	color: #e99605;
}

.tabox ul li {
	width: /*282px*/384px;
	height: 330px;
	background: #fff;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	position: relative
}

.tabox ul li .pic {
	background: #000;
	position: relative
}

.tabox ul li .f-tag {
	background: url(../img/tag.png) repeat;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 23px;
	right: 15px;
	line-height: 21px;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 15px;
	border-radius: 12px
}

.tabox ul li .text {
	padding: 10px 15px 15px 15px;
}

.tabox ul li .text h3 {
	font-size: 16px;
	height: 50px;
	overflow: hidden;
	color: #3a3a3a;
	cursor: pointer
}

.tabox ul li .text h3:hover {
	color: #ff6600
}

.tabox ul li .text .wrap {
	color: #999999;
	margin: 10px 0 30px;
	font-size: 13px;
	height: 22px;
	overflow: hidden;
	width: 100%
}

.tabox ul li .text .site {
	padding-left: 10px
}

.tabox ul li .text .price {
	display: inline-block;
	float: left;
	color: #ff8500;
	font-size: 14px;
}

.tabox ul li .text .price span {
	font-size: 25px;
}

.tabox ul li .text .apply {
	display: inline-block;
	float: right;
	color: #9f9f9f;
	font-size: 14px;
	margin-top: 12px;
}

.tabox ul li .pic {
	height: 158px;
	overflow: hidden
}

.tabox ul li.headline .pic {
	height: auto
}

.tabox ul li.headline:hover .pic img {
	transform: scale(1);
}

.tabox ul li .pic img {
	transform: scale(1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.tabox ul li .pic img:hover {
	transform: scale(1.1);
}

.travel {
	height: 385px;
	position: relative;
	z-index: 999;
	margin-top: -5px
}

.travel .title-big {
	padding-top: 40px
}

.travel-item {
	position: relative
}

.travel-item .more {
	float: right;
	font-size: 14px;
	line-height: 40px;
	padding: 0;
	position: absolute;
	right: 0px;
	top: -57px;
	color: #424a5a
}

.fn-an {
	transition: all 0.2s ease 0s;
}

.attach {
	margin-top: 20px;
}

ul.attach {
	margin-right: -21px;
}

.attach li {
	position: relative;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	width: 285px;
	height: 285px
}

.attach .name {
	position: absolute;
	left: 0;
	top: 285px;
	width: 285px;
	height: 85px;
	padding: 100px 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	z-index: 10;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B3000000', EndColorStr='#B3000000');
}

:root .attach .name {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9
}

.syzp {
	margin-top: 35px
}

.attach .name em {
	padding: 0 5px;
	font-style: normal
}

.attach .name span {
	font-size: 12px;
}

.attach li:hover .name {
	top: 0;
}

.attach .name:hover {
	text-decoration: none;
}

.floor5 {
	margin-top: 70px;
}

.floor5 h3.title-big a.more {
	float: right;
	font-size: 14px;
	line-height: 40px;
	padding: 0;
	color: #424a5a
}


/**/

.leader a.more {
	font-size: 13px;
	padding-left: 10px;
	color: #424a5a;
	position: absolute;
	right: 0px;
	top: 15px
}

.leader {
	margin-top: 35px;
	height: 490px;
	overflow: hidden;
	position: relative;
}

.leader-item {}

.leader-item li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 150px;
	height: 200px;
	margin: 10px 25px 10px 0;
}

.leader-item ul {
	margin-right: -26px
}

.leader-item a {
	display: inline-block;
	overflow: hidden
}

.leader-item img {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}

.leader-item a:hover img,
.leader-item a:hover .name {
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
	opacity: 1;
}

.leader-item .name {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 60px;
	font-size: 18px;
	bottom: -60px;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0;
}

.leader-item .name {
	background-color: #424a5a;
	color: #fff;
	left: 50%;
	margin-left: -58px;
	width: 116px;
	height: 34px;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.leader-item a:hover .name {
	bottom: 0px;
}


/**/

.video {
	margin-top: 30px
}

.auto-x h3.title-big a.more {
	float: right;
	font-size: 14px;
	line-height: 40px;
	padding: 0;
	color: #424a5a
}

.videoList li {
	float: left;
	width: 362px;
	height: 240px;
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 15px;
	position: relative
}

.videoList li .tit {
	height: 27px;
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 350px;
	line-height: 27px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden
}

.videoList li.big-vid {
	width: 817px;
	height: 500px;
	margin: 0
}

.videoList li .vedioBg {
	width: 370px;
	height: 242px;
	display: block;
	background: url(../imag/videobg.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.2s ease 0s;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0;
}

.videoList li:hover .vedioBg {
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
	opacity: 1;
}


/**/

.floor6 {
	margin-top: 40px
}

.floor6 .xts {
	width: 320px;
	float: left;
	margin-right: 20px
}

.floor6 .xts ul {
	height: 196px;
	border: 1px solid #eaeaea;
	padding: 15px 20px;
	background: #fff
}

.floor6 .xts ul li {
	line-height: 28px;
	width: 280px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.floor6 .xts ul li a {
	font-size: 14px;
	color: #666
}

.floor6 .xts ul li a:hover {
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	text-decoration: none
}

.floor6 .story,
.floor6 .story2 {
	width: 420px;
	float: left;
}

.floor6 .story {
	margin-right: 10px;
}

.floor6 .story2 {
	margin-left: 10px;
}

.floor6 .stbox {
	width: 418px;
	height: 226px;
	border: 1px solid #eaeaea;
	text-align: center;
	background: #fff
}

.floor6 .stbox a {
	display: block
}


/**/

.navgt {
	margin-top: 40px
}

.navgtList {
	margin-right: -21px;
}

.navgtList li {
	width: 384px;
	height: 125px;
	border: 1px solid #eaeaea;
	background: #fff;
	float: left;
	margin-right: 20px;
	margin-bottom: 13px;
}

.navgtList li .img {
	width: 80px;
	height: 81px;
	float: left;
	margin: 20px 0 0 17px
}

.navgtList li dl {
	width: 260px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}

.navgtList li dt a {
	color: #646464;
	font-size: 18px;
}

.navgtList li dt i {
	font-style: normal;
	color: #f26c4f;
	font-size: 12px
}

.navgtList li dd {
	line-height: 30px;
	color: #656565;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}


/**/

.project {
	margin-top: 27px;
}

.project .projectlist {
	margin-right: -20px;
	overflow: hidden;
	height: 200px;
	width: 1200px;
}

.project .projectlist ul {
	position: relative;
	width: 4000px;
	zoom: 1;
	left: 0
}

.project .projectlist ul li {
	width: 300px;
	height: 197px;
	overflow: hidden;
	float: left;
	margin-right: 6px
}


/*侧边跟随导航*/

.tool {
	left: 50%;
	margin-left: 660px;
	position: absolute;
	top: 945px;
	width: 104px;
	z-index: 999
}

.tooll {
	background: url(../imag/tolBg-zt.png) repeat-y;
	position: relative;
	border-top: none;
	border-bottom: none;
	width: 104px;
}

.toolTop {
	background: url(../imag/toolTop-zt.png) no-repeat;
	width: 163px;
	height: 38px;
	position: absolute;
	top: -38px;
	left: -36px;
}

.toolBt {
	background: url(../img/toolBot-zt.png) no-repeat;
	width: 104px;
	height: 4px;
	position: absolute;
	bottom: -4px;
	left: 0;
}

.tooll ul {
	transition: all 0.9s ease 0s;
}

.tool .item:hover,
.tool a.active {
	text-decoration: none;
	background: #477c20
}

.tool .item {
	height: 45px;
	display: block;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 1px;
	transition: all 0.2s ease 0s;
	white-space: nowrap;
	border-bottom: 1px dashed #fff
}

.tooll ul li {
	position: relative;
}

.tool li i {
	background: url(../img/icon-zhuti.png) no-repeat;
	display: block;
	vertical-align: middle;
}

.tool li .online i {
	width: 23px;
	height: 23px;
	background-position: -1px -26px;
	margin: 6px auto 0
}

.tool li .online {
	line-height: 30px;
	height: 60px;
	padding-top: 3px
}

.tool li .phone {
	line-height: 30px;
	height: 60px;
	padding-top: 3px;
	font-size: 12px;
	font-family: "微软雅黑"
}

.tool li .phone i {
	width: 23px;
	height: 23px;
	background-position: 0 0;
	margin: 6px auto 0
}

.tool li .backtop i {
	width: 17px;
	height: 24px;
	background-position: 0 -50px;
	margin: 6px auto 0
}

.tool li .backtop {
	line-height: 30px;
	height: 60px;
	padding-top: 3px;
	border-bottom: none;
	padding-bottom: 7px;
}

.tool li .ewm {
	line-height: 25px;
	position: relative;
	height: 60px;
	padding-top: 3px
}

.tool li .ewm i {
	width: 23px;
	height: 23px;
	background: url(../img/ewm1.png) no-repeat;
	margin: 8px auto 0
}

.tool li:hover .ewmPic {
	display: block
}

.ewmPic {
	position: absolute;
	bottom: 0;
	right: 112px;
	display: none;
}


/*底部通知*/

.newswarpten {
	bottom: 0;
	left: 50%;
	position: fixed !important;
	z-index: 9999;
}

.newstopone {
	background: url(../img/kxbg.png) no-repeat -1px #fffff6;
	border-color: #e0d3be;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	float: left;
	font-size: 14px;
	height: 46px;
}

.newstopone .linktitle_4587 {
	display: inline;
	float: left;
	margin: 12px 0 0 70px;
}

.newstopone .linktitle_4587 a {
	color: #064361;
	font-size: 16px;
	text-decoration: none;
}

.newstopone .linktitle_4587 a:hover {
	color: #ff7e00;
	font-size: 16px;
	text-decoration: none;
}

.newstopone .close16_16 {
	background: url(../img/kxbgarrowclose.png) no-repeat -47px -1px;
	cursor: pointer;
	display: inline;
	float: left;
	height: 16px;
	margin: 16px 0 0 10px;
	width: 16px;
}

.newstopone .close16_16:hover {
	background: url(../images/kxbgarrowclose.png) no-repeat -1px -1px;
}

.newsarrow {
	background: url(../images/kxbgarrow.png) no-repeat left top;
	float: left;
	height: 48px;
	width: 18px;
}

#datepicker {
	position: absolute;
	z-index: 999;
}

#datepicker .close {
	position: absolute;
	bottom: -244px;
	right: -382px;
	z-index: 10;
	font-size: 20px;
	font-style: normal;
	display: block;
	padding: 0 6px;
	cursor: pointer;
}