@charset "utf-8";

/* 滑块 start123 */

.g-wrap {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	overflow: hidden;
}

#subjects {
	height: 176px;
	overflow: hidden;
	width: 100%;
	float: left;
}

#subjects .g-wrap span {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-opacity: 1;
	opacity: 1;
	display: block\9;
	-webkit-transition: left 300ms, -webkit-opacity 700ms;
	transition: left 300ms, opacity 700ms;
	z-index: 99;
}

.g-wrap-link {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 525px;
	height: 176px;
	display: inline-block;
	z-index: 100;
}

#subjects .g-wrap span a {
	display: block;
	/*height:100%; width:100%;*/
}

#subjects .g-wrap span h2 {
	padding: 22px 0 6px 38px;
	font-size: 16px;
	line-height: 26px;
	color: #221E1F;
}

#subjects .g-wrap span p {
	padding-left: 38px;
	font-size: 18px;
	line-height: 22px;
	position: relative;
	z-index: 101;
}

#subjects .g-wrap span.item-4 p {
	width: 101px;
	/*font-size: 14px;*/
	margin-bottom: 8px;
	text-align: center;
}

#subjects .g-wrap span.item-4 p a {
	background: #221E1F;
	color: #fff;
	border-radius: 2px;
	margin: 5px 0;
}

#subjects .g-wrap span.item-3 .maps {
	margin: 6px 0 0 30px;
}

#subjects .state-3 .item-3 .maps {
	display: none;
}

#subjects .g-wrap .item-1 {
	z-index: 1;
}

#subjects .g-wrap .item-2 {
	z-index: 2;
}

#subjects .g-wrap .item-3 {
	z-index: 3;
}

#subjects .g-wrap .item-4 {
	z-index: 4;
}


/* 逐个出现 */

#subjects .ready .item-2 {
	transition-delay: 150ms;
	-webkit-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
}

#subjects .ready .item-3 {
	transition-delay: 150ms;
	-webkit-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
}

#subjects .ready .item-4 {
	transition-delay: 150ms;
	-webkit-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
}


/* 没有指向 */

#subjects .state-0 .item-1 {
	left: 0;
}

#subjects .state-0 .item-2 {
	left: 386px;
}

#subjects .state-0 .item-3 {
	left: 655px;
}

#subjects .state-0 .item-4 {
	left: 842px;
}


/* 指向第一个 */

#subjects .state-1 .item-1 {
	left: 0;
}

#subjects .state-1 .item-2 {
	left: 526px;
}

#subjects .state-1 .item-3 {
	left: 749px;
}

#subjects .state-1 .item-4 {
	left: 974px;
}


/* 指向第二个 */

#subjects .state-2 .item-1 {
	left: 0;
}

#subjects .state-2 .item-2 {
	left: 225px;
}

#subjects .state-2 .item-3 {
	left: 749px;
}

#subjects .state-2 .item-4 {
	left: 975px;
}


/* 指向第三个 */

#subjects .state-3 .item-1 {
	left: 0;
}

#subjects .state-3 .item-2 {
	left: 225px;
}

#subjects .state-3 .item-3 {
	left: 450px;
}

#subjects .state-3 .item-4 {
	left: 974px;
}


/* 指向第四个 */

#subjects .state-4 .item-1 {
	left: 0;
}

#subjects .state-4 .item-2 {
	left: 225px;
}

#subjects .state-4 .item-3 {
	left: 450px;
}

#subjects .state-4 .item-4 {
	left: 675px;
}


/* 滑块 end */

.main {
	margin: 0 auto;
	width: 1200px;
	padding-bottom: 40px;
}

.focus {
	width: 100%;
	height: 430px;
	position: relative;
	zoom: 1;
	float: left;
}

.f426x240 {
	width: 100%;
	height: 430px;
	overflow: hidden;
}


/*3.21*/

.rslides li {
	width: 100%;
	height: 430px;
	float: left;
}

.rslides li a {
	display: block;
	width: 100%;
	height: 100%;
}

.rslides {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin: 0 auto;
}

.rslides_nav {
	height: 40px;
	width: 31px;
	position: absolute;
	top: 50%;
	left: 3%;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	margin-top: -20px;
	background: url(../images/lrbtn2.png) no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	-mz-transition: none;
	transition: none;
}

.rslides_nav.prev:hover {
	background-position: -62px 0;
}

.rslides_nav.next {
	left: auto;
	background-position: -31px 0;
	right: 3%;
}

.rslides_nav.next:hover {
	background-position: -93px 0;
}

.rslides_tabs {
	text-align: center;
	position: absolute;
	bottom: 10px;
	z-index: 999999999;
	left: 50%;
	margin-left: -30px;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 8px;
}

.rslides_tabs a {
	width: 10px;
	height: 10px;
	background: url(../images/focus.png) no-repeat;
	text-indent: -99999px;
	float: left;
	margin: 0 5px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-mz-transition: none;
	transition: none;
}

.rslides_tabs .rslides_here a {
	background-position: -10px 0;
	width: 11px;
}

.hotnews {
	width: 760px;
	background: url(../images/icon30.png) 15px center no-repeat;
	height: 26px;
	clear: both;
	overflow: hidden;
	margin: 18px 0;
	float: left;
}

.hotnews a.more {
	float: right;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	width: 86px;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
}

.hotnews ul li {
	float: left;
	padding-left: 57px;
	width: 585px;
	line-height: 24px;
	font-size: 14px;
	overflow: hidden;
	height: 24px;
}

.hotnews ul li a {
	display: block;
}

.hotnews ul li a span {
	float: right;
}

.m1 {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

.m1left {
	float: left;
	width: 807px;
	height: 620px;
	position: relative;
}

.syFocusThumb #next1,
.syFocusThumb #prev1 {
	background: #f5f5f5 url(../images/lrbtn1.png) no-repeat;
	width: 27px;
	height: 98px;
}

.syFocusThumb #prev1 {
	POSITION: absolute;
	TOP: 520px;
	CURSOR: pointer;
	left: 52px;
	z-index: 2;
	width: 27px;
}

.syFocusThumb #next1 {
	POSITION: absolute;
	TOP: 520px;
	CURSOR: pointer;
	right: 50px;
	z-index: 2;
	background-position: -54px 0;
}

.syFocusThumb #prev1:hover {
	background-position: -27px 0;
}

.syFocusThumb #next1:hover {
	background-position: -81px 0;
}

.sliderwrapper {
	width: 100%;
	height: 584px;
	overflow: hidden;
}

.syFocusThumb {
	POSITION: relative;
	WIDTH: 100%;
	HEIGHT: 620px;
	OVERFLOW: hidden;
}

.syFocusThumb .pic-container {
	float: left;
	width: 100%;
	height: 584px;
}

.syFocusThumb .contentdiv {
	HEIGHT: 584px;
	float: left;
	width: 100%;
}

.syFocusThumb .thumbWrap {
	POSITION: absolute;
	OVERFLOW: hidden;
	TOP: 520px;
	left: 79px;
	width: 650px;
	z-index: 1002;
	overflow: hidden;
}

.syFocusThumb .thumbWrap IMG {
	-MS-INTERPOLATION-MODE: bicubic;
}

.syFocusThumb .holder {
	WIDTH: 4000px;
}

.syFocusThumb .holder I {
	CURSOR: pointer;
	margin: 0 1px;
	background: #f5f5f5;
	width: 128px;
	border-bottom: 2px solid #c9caca;
	height: 96px;
	font-size: 12px;
}

.syFocusThumb .holder I p {
	float: left;
	width: 100%;
	margin-top: -20px;
	text-align: center;
}

.syFocusThumb .pagination I.selected {
	border-bottom: 2px solid #221E1F;
	color: #221E1F;
}


/*.ivideo{ float:left; width:358px;background:#f5f5f5; height:256px; line-height:36px;}
.ivideo a{ display:block; width:100%; height:216px; position:relative;margin-left: 41px;}
.ivideo a span.vicon{ background:url(../images/vicon1.png) no-repeat; width:48px; height:48px; position:absolute; left:50%; top:50%; margin:-24px 0 0 -24px;}
.ivideo p{ font-size:14px; padding-left:-3px;margin-left: -34px;}*/

.ivideo {
	float: left;
	width: 358px;
	background: #f5f5f5;
	height: 256px;
	line-height: 36px;
}

.ivideo a {
	display: block;
	width: 100%;
	/*height:216px;*/
	position: relative;
}

.ivideo a span.vicon {
	background: url(../images/vicon1.png) no-repeat;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
}

.ivideo p {
	font-size: 14px;
	padding-left: -3px;
}

.m1right {
	float: right;
	width: 358px;
}

.title {
	height: 40px;
	font-size: 22px;
	float: left;
	width: 100%;
	line-height: 26px;
}

.title h2 {
	background: url(../images/bgline.jpg) left center no-repeat;
	padding-left: 15px;
	font-weight: normal;
}

.m2 {
	margin: 40px 0 0 0;
	float: left;
	width: 100%;
	background: #f5f5f5;
	/*height: 316px;*/
	padding: 24px 0 0 0;
}

.m2left {
	float: left;
	width: 556px;
	padding: 0 0 20px 30px;
}

.m2right {
	float: right;
	width: 392px;
	height: 305px;
	padding: 0 14px 0 28px;
	border-left: 1px solid #e2e2e2;
}

.title2 {
	border-bottom: 1px solid #efefef;
}
.picScroll-left {
	overflow: hidden;
	position: relative;
}

.picScroll-left .hd {
	overflow: hidden;
	height: 24px;
	position: absolute;
	right: 0;
	top: 3px;
	width: 60px;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
	background: url(../images/lrbtn1.png) no-repeat;
	width: 14px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0px;
	background-position: -33px -38px;
	cursor: pointer;
}

.picScroll-left .hd .next {
	left: auto;
	right: 0;
	background-position: -89px -38px;
}

.picScroll-left .hd .prevStop,
.picScroll-left .hd .prev:hover {
	background-position: -7px -38px;
}

.picScroll-left .hd .nextStop,
.picScroll-left .hd .next:hover {
	background-position: -62px -38px;
}

.picScroll-left .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	cursor: pointer;
}

.picScroll-left .hd ul li.on {
	background-position: 0 0;
}

.picScroll-left .bd {
	padding: 10px 0px;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	float: left;
	width: 263px;
	margin: 15px 30px 0 0px;
	line-height: 32px;
	font-size: 14px;
}

.picScroll-left .bd ul li a {
	display: block;
}

.picScroll-left .bd ul li a h2 {
	font-weight: normal;
	font-size: 16px;
}

.picScroll-left .bd ul li img {
	display: block;
}

.picScroll-left .hd .pageState {
	text-align: center;
	font-size: 14px;
	float: left;
	width: 100%;
}

.picScroll-right {
	overflow: hidden;
	position: relative;
}

.picScroll-right .hd {
	overflow: hidden;
	height: 24px;
	position: absolute;
	right: 0;
	top: 3px;
	width: 60px;
}

.picScroll-right .hd .prev,
.picScroll-right .hd .next {
	background: url(../images/lrbtn1.png) no-repeat;
	width: 14px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0px;
	background-position: -33px -38px;
	cursor: pointer;
}

.picScroll-right .hd .next {
	left: auto;
	right: 0;
	background-position: -89px -38px;
}

.picScroll-right .hd .prevStop,
.picScroll-left .hd .prev:hover {
	background-position: -7px -38px;
}

.picScroll-right .hd .nextStop,
.picScroll-left .hd .next:hover {
	background-position: -62px -38px;
}

.picScroll-right .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.picScroll-right .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	cursor: pointer;
}

.picScroll-right .hd ul li.on {
	background-position: 0 0;
}

.picScroll-right .bd {
	padding: 10px 0px;
}

.picScroll-right .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-right .bd ul li {
	float: left;
	width: 263px;
	margin: 15px 30px 0 0px;
	line-height: 32px;
	font-size: 14px;
}

.picScroll-right .bd ul li a {
	display: block;
}

.picScroll-right .bd ul li a h2 {
	font-weight: normal;
	font-size: 16px;
}

.picScroll-right .bd ul li img {
	display: block;
}

.picScroll-right .hd .pageState {
	text-align: center;
	font-size: 14px;
	float: left;
	width: 100%;
}

.idesignlist li {
	float: left;
	width: 200px;
	margin: 0 76px;
	font-size: 12px;
}

.idesignlist li a img {
	display: block;
}

.idesignlist li a p {
	margin: 8px 0 0 8px;
}

.idesignlist li a p span {
	float: right;
	font-weight: bold;
	font-size: 16px;
}

.idesgin {
	padding: 0 14px;
	width: 354px;
	position: relative;
	margin: 27px 0 0 6px;
	float: left;
}

.idesgin span.prev,
.idesgin span.next {
	background: url(../images/lrbtn1.png) no-repeat;
	width: 14px;
	height: 98px;
	position: absolute;
	left: 0;
	top: 36px;
	background-position: -33px 0;
	cursor: pointer;
}

.idesgin span.next {
	left: auto;
	right: 0;
	background-position: -89px 0;
}

.idesgin span.next:hover,
.idesgin span.nextStop {
	background-position: -62px 0;
}

.idesgin span.prev:hover,
.idesgin span.prevStop {
	background-position: -7px 0;
}


/*quality*/

.mmain {
	padding-bottom: 56px;
	display: block;
	clear: both;
}

.design_about {
	float: left;
	width: 100%;
	margin: 28px 0 0 0;
	background: #f5f5f5;
}

.design_about .pic {
	float: left;
}

.design_about .txt {
	float: right;
	width: 530px;
	margin: 35px 26px 0 0;
	line-height: 24px;
}

.design_about .txt p {
	padding-top: 15px;
}

.design_about .txt h2 {
	color: #605d5d;
	font-size: 22px;
	line-height: 40px;
	padding-bottom: 8px;
}

.design_about .txt h2 span {
	display: block;
	color: #41b0ae;
	font-size: 24px;
}

.designlist li {
	float: left;
	width: 281px;
	margin: 40px 24px 0 0;
	background: #f5f5f4;
	height: 603px;
	overflow: hidden;
	font-size: 16px;
	line-height: 28px;
}

.designlist li.nor {
	margin-right: 0;
}

.designlist li img {
	display: block;
}

.designlist li .txt {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0 18px;
}

.designlist li h3 {
	font-size: 20px;
	line-height: 38px;
	margin: 8px 0 8px;
}

.designlist li h4 {
	color: #221815;
	font-size: 18px;
	padding-bottom: 6px;
}

.goodproduct {
	float: left;
	width: 100%;
	margin: 28px 0 0 0;
	font-size: 14px;
	line-height: 26px;
}

.goodproduct .intro {
	width: 100%;
	position: relative;
}

.goodproduct span.txt {
	position: absolute;
	left: 0;
	top: 94px;
	width: 730px;
}

.creat_item1 {
	float: left;
	width: 100%;
	position: relative;
}

.creat_item1 .txt {
	position: absolute;
	left: 42px;
	top: 50px;
	width: 770px;
	color: #b4b4b4;
}

.creat_item2 {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 44px 0 40px 42px;
}

.graybg {
	background: #f5f5f5;
	margin-top: 0;
}

.video {
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	text-align: center;
	margin: 78px 0 0 0;
	position: relative;
}

.video .vicon {
	width: 163px;
	height: 163px;
	position: absolute;
	left: 519px;
	top: 254px;
	display: none;
}

.staff {
	float: left;
	width: 100%;
	background: #f5f5f4;
	padding: 45px 0 50px;
	margin: 45px 0 0 0;
}

.syFocusThumb2 #next1,
.syFocusThumb2 #prev1 {
	background: url(../images/lrbtn1.png) no-repeat;
	width: 27px;
	height: 98px;
}

.syFocusThumb2 #prev1 {
	POSITION: absolute;
	TOP: 420px;
	CURSOR: pointer;
	left: 48px;
	z-index: 2;
	width: 27px;
	background-position: 0 0;
}

.syFocusThumb2 #next1 {
	POSITION: absolute;
	TOP: 420px;
	CURSOR: pointer;
	right: 42px;
	z-index: 2;
	background-position: -54px 0;
}

.syFocusThumb2 #prev1:hover {
	background-position: -27px 0;
}

.syFocusThumb2 #next1:hover {
	background-position: -81px 0;
}

.sliderwrapper2 {
	width: 1024px;
	height: 553px;
	margin: 202px 0 0 94px;
}

.syFocusThumb2 {
	POSITION: relative;
	WIDTH: 100%;
	HEIGHT: 755px;
	float: left;
}

.syFocusThumb2 .pic-container {
	float: left;
	width: 100%;
	height: 584px;
}

.syFocusThumb2 .contentdiv {
	HEIGHT: 584px;
	float: left;
	width: 100%;
}

.syFocusThumb2 .thumbWrap {
	POSITION: absolute;
	TOP: 0;
	left: 0;
	width: 1200px;
	z-index: 1002;
	height: 202px;
}

.syFocusThumb2 .thumbWrap IMG {
	-MS-INTERPOLATION-MODE: bicubic;
}

.syFocusThumb2 .holder {
	WIDTH: 4000px;
}

.syFocusThumb2 .holder I {
	CURSOR: pointer;
	margin: 31px 6px 0;
	background: #f5f5f5;
	width: 121px;
	height: 141px;
	font-size: 12px;
	float: left;
	position: relative;
}

.syFocusThumb2 .holder I span {
	display: none;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 3;
}

.syFocusThumb2 .pagination I.selected {
	z-index: 99;
}

.syFocusThumb2 .pagination I.selected img,
.syFocusThumb2 .pagination I:hover img {
	position: absolute;
	left: -12px;
	top: -31px;
	width: 191px;
	height: 202px;
	z-index: 2;
}

.syFocusThumb2 .pagination I.selected span,
.syFocusThumb2 .pagination I:hover span {
	display: block;
	width: 191px;
	height: 202px;
	top: -31px;
	left: -12px;
}

.syFocusThumb2 .pagination I.selected span p,
.syFocusThumb2 .pagination I:hover span p {
	margin-top: 35%;
}


/*product*/

.ban {
	height: 378px;
	width: 100%;
}

.sort-list {
	margin: -8px 0 0 0;
	float: left;
	margin-bottom: 10px;
	position: relative;
	z-index: 88;
}

.sort-list> li {
	width: 106px;
	float: left;
	text-align: center;
	position: relative;
}

.sort-list> li.hover,
.sort-list> li:hover {
	background: url(../images/icon3.png) center top no-repeat;
}

.sort-list> li.hover.hoverOther {
	background: none;
}

.sort-list> li.hover.hoverOther> a {
	display: block;
	line-height: 75px;
	color: #727171;
}

.sort-list> li> a {
	display: block;
	line-height: 75px;
	color: #727171;
}

.sort-list> li.hover> a,
.sort-list> li:hover> a {
	color: #fff;
	display: block;
	line-height: 75px;
}

.sort-list ul {
	display: none;
	width: 1180px;
	padding: 10px 0 20px;
	float: left;
	position: absolute;
	left: 0;
	top: 68px;
	background-color: rgba(255, 255, 255, 0.8);
	padding-left: 20px;
}

.sort-list li ul li {
	float: left;
	width: 120px;
	line-height: 30px;
	text-align: left;
}

.sort-list li ul li a,
.sort-list li.hover ul li a {
	display: block;
	line-height: 30px;
	color: #727171;
}

.sort-list li ul li p,
.sort-list li.hover ul li p {
	line-height: 30px;
	color: #221E1F;
}

.sort-list ul.sort-whole1 {
	width: 360px;
	left: 400px;
}

.sort-list ul.sort-whole2 {
	width: 360px;
	left: -114px;
}

.sort-list ul.sort-whole3 {
	width: 360px;
	left: 600px;
}

.sort-list ul.sort-whole4 {
	width: 360px;
	left: 600px;
}

.sort-list ul.sort-whole5 {
	width: 360px;
	left: 560px;
}
.sort-list ul.sort-whole6 {
	width: 360px;
	left: 0px;
}

.sort-list2 li {
	width: auto;
	padding: 0 20px;
}

.pro-title {
	width: 98%;
	padding-left: 10px;
	margin: 20px 0;
	border-left: solid 3px #221E1F;
	height: 24px;
	font-size: 24px;
}

.position {
	float: right;
	font-size: 14px;
}

.position b {
	color: #727171;
	padding: 0 5px;
}

.position,
.position a:hover,
.whole-list li:hover .text,
.sort-list> li:hover .sort-whole a:hover,
.product-list li.first:hover .text,
.pro-title a:hover,
.whole-nav li.hover a,
.whole-nav li:hover a,
.wc-nav a:hover,
.wc-serlist li .text:hover {
	color: #7f0909;
}

.product {
	padding: 10px;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
}

.product:hover {
	background: #f5f5f5;
}

.product-list {
	overflow: hidden;
}

.product-list li {
	float: left;
	width: 228px;
	height: 265px;
	overflow: hidden;
	padding-right: 10px;
	text-align: center;
	margin-bottom: 40px;
}

.product-list li b,
.whole-list2 li b {
	line-height: 40px;
}

.product-list li img {
	width: 226px;
	height: 226px;
	overflow: hidden;
	border: solid 1px #ccc;
}

.product-list li.first {
	height: 265px;
}

.product-list li:nth-child(5n) {
	padding-right: 0;
}

.product-list li.first img,
.product-list li.first:hover img,
.online .product-list li.first:hover {
	border: none;
	width: 228px;
	height: 228px;
}

.product-list li.first .text {
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#B2000000, endColorStr=i#B2000000);
	color: #fff;
	z-index: 1;
	position: relative;
}

.whole-list li .text {
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#B2000000, endColorStr=i#B2000000);
	color: #fff;
	margin-top: -40px;
	z-index: 1;
	position: relative;
	font-size: 18px;
	letter-spacing:4pt;
}

.product-list li:hover img {
	border: solid 1px #7f0909;
}

.newXmListBtn,
.newXmListBtnCur {
	float: left;
	width: 100%;
	line-height: 25px;
	height: 25px;
}

.newXmListBtn {
	background: url(../images/icon4.png) center top no-repeat;
	margin: 40px 0 0 0;
}

.newXmListBtnCur {
	background: url(../images/icon5.png) center top no-repeat;
}

.online {
	float: left;
	margin: 0 0 20px 0;
	position: relative;
}

.online .product-list li {
	border: solid 1px #fff;
	height: 280px;
}

.online .product-list li img,
.online .product-list li:hover img,
.online .product-list li.first {
	border: none;
}

.online .product-list li:hover,
.more {
	border: solid 1px #ccc;
}

.online .product-list li:hover,
.indexmore {
	border: solid 1px #ccc;
}

.online .product-list li.first .text {
	margin-top: -40px;
}

.more {
	display: table;
	margin: 30px auto;
	padding: 0 15px;
	line-height: 38px;
}

.more img {
	vertical-align: middle;
	padding-left: 5px;
}

.indexmore {
	display: table;
	margin: 10px auto;
	padding: 0 15px;
	line-height: 38px;
}

.indexmore img {
	vertical-align: middle;
	padding-left: 5px;
}

.w-content {
	width: 100%;
	background: #f5f5f5;
	float: left;
	padding: 30px 0;
}

.whole {
	float: left;
	margin: 10px 0 80px 0;
}

.whole-list li,
.whole-list2 li {
	float: left;
	overflow: hidden;
	margin: 0 10px 35px 0;
}

.whole-list li {
	width: 390px;
	height: 325px;
}

.whole-list2 li {
	width: 230px;
	height: 300px;
	text-align: center;
}

.whole-list li.last,
.whole-list2 li.last,
.wc-serlist li.last {
	margin-right: 0;
}

.con_whole {
	font-size: 14px;
	line-height: 40px;
}

.con_whole .whole-nav {
	padding-bottom: 40px;
	margin-left: -10px;
}

.con_whole .whole-nav li {
	float: left;
	font-size: 16px;
	padding: 0 10px;
	border-right: solid 1px #707070;
	line-height: 16px;
	cursor: pointer;
}

.whole-nav li:last-child {
	border: none;
}

.con_whole .con_pic {
	width: 100%;
	padding: 10px 0;
	position: relative;
}

.con_pic a .pro_show1 {
	display: none;
	margin: 10px 0 0 30px;
	padding: 5px 5px 0 5px;
	background: #fff;
	border: 1px solid #ddd;
}

.con_pic a:hover .pro_show1 {
	display: block;
}


/*.pro_show1{ position:absolute; right:228px; top:336px; text-align:center; background:url(../images/bgtm.png) repeat; padding:0 15px;}*/

.pro_show1 p {
	line-height: 24px;
	text-align: center;
}

.con_whole h1 {
	font-size: 24px;
	color: #727171;
}

.con_whole h2 {
	font-size: 16px;
	color: #41b0ae;
}

.preview {
	width: 514px;
	height: 568px;
	margin: 30px 0;
	float: left;
	position: relative;
}


/* smallImg */

.smallImg {
	position: relative;
	height: 100px;
	margin-top: 10px;
	padding: 6px 5px;
	width: 533px;
	overflow: hidden;
	float: left;
}

.scrollbutton {
	width: 16px;
	height: 31px;
	overflow: hidden;
	position: relative;
	top: 30px;
	float: left;
	cursor: pointer;
}

.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled,
.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled {
	margin: 0 5px;
	background: url(../images/pn.png) left center no-repeat;
}

.scrollbutton.smallImgUp:hover,
.scrollbutton.smallImgUp.disabled {
	background-position: -16px 0;
}

.scrollbutton.smallImgDown {
	background-position: -32px 0;
}

.scrollbutton.smallImgDown:hover,
.scrollbutton.smallImgDown.disabled {
	background-position: -48px 0;
}

#imageMenu {
	height: 102px;
	width: 452px;
	overflow: hidden;
	margin-left: 0;
	float: left;
}

#imageMenu li {
	height: 102px;
	width: 107px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-right: 6px;
}

#imageMenu li img {
	width: 105px;
	height: 100px;
	cursor: pointer;
	border: 1px solid #cccccc;
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
	width: 105px;
	height: 100px;
	border: 1px solid #41b0ae;
}


/* bigImg */

.bigImg {
	position: relative;
	float: left;
	width: 448px;
	height: 446px;
	overflow: hidden;
	margin: 0 30px;
}

.bigImg #midimg {
	width: 448px;
	height: 446px;
}

.bigImg #winSelector {
	width: 165px;
	height: 160px;
}

.bigImg-icon {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #fff url(../images/icon10.png) no-repeat;
	margin-top: -30px;
	float: right;
	z-index: 2;
	position: relative;
}

#winSelector {
	position: absolute;
	cursor: crosshair;
	filter: alpha(opacity=15);
	-moz-opacity: 0.15;
	opacity: 0.15;
	background-color: #000;
	border: 1px solid #fff;
}


/* bigView */

#bigView {
	position: absolute;
	border: 1px solid #959595;
	overflow: hidden;
	z-index: 999;
	background: #fff;
}

#bigView img {
	position: absolute;
}

.detail-view {
	float: right;
	width: 670px;
	margin: 10px 0;
	height: 467px;
	overflow: hidden;
}

.con_detail {
	font-size: 16px;
	line-height: 40px;
	width: 670px;
}

.con_detail p {
	font-size: 14px;
	line-height: 24px;
}

.con_detail .detail-nav {
	width: 670px;
	float: left;
}

.detail-nav li {
	float: left;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	margin: 0 12px 12px 0;
	background: #e9e9e9;
	cursor: pointer;
	font-size: 14px;
}

.detail-nav li.hover,
.detail-nav li:hover,
.product-nav li.hover {
	background: #1D345E;
	color: #fff;
}

.con_product {
	float: left;
	margin-bottom: 67px;
	margin-top: 50px;
}

.con_share {
	width: 620px;
	height: 100px;
	overflow: hidden;
	margin-top: 6px;
	float: left;
	line-height: 100px;
	padding: 0 25px;
	font-size: 16px;
	padding-right: 0px;
}

.con_share .share_box {
	float: left;
}

.con_share .share_box b {
	padding: 0 10px;
}

.con_share .share_icon {
	width: 195px;
	height: 35px;
	float: left;
	margin: 33px 20px;
}

.con_share .share_map {
	float: right;
	margin-top: 30px;
}

.con_share .share_map a {
	float: left;
	margin: 0 0 0 14px;
}

.con_share .share_map a,
.product-list li.first a,
.whole-list li a {
	display: block;
}

.product-nav {
	width: 1200px;
	float: left;
	height: 40px;
	/*padding-bottom: 2px;*/
	overflow: hidden;
	border-bottom: solid 2px #1d345e;
	margin-bottom: 36px;
}

.product-nav li {
	float: left;
	cursor: pointer;
	line-height: 40px;
	padding: 0 15px;
	background: #ededed;
	font-size: 16px;
	border-radius: 7px 7px 0 0;
	margin: 0 5px 0 0;
	position: relative;
}


/*.product-nav li.hover:after { content: ""; position: absolute; top: 100%; left: 0; width: 1200px; height: 2px; background: #41b0ae; }*/

.prodep-pic {
	margin: 15px 30px 20px 30px;
	float: left;
	width: 95%;
}

.prodep-pic a {
	display: block;
	height: 257px;
	width: 228px;
	overflow: hidden;
	float: left;
	text-align: center;
}

.prodep-pic img {
	width: 226px;
	height: 226px;
	overflow: hidden;
	float: left;
	border: 1px solid #221E1F;
}

.prodep-pic p {
	line-height: 24px;
	font-size: 14px;
}

.prodep-pic i {
	width: 16px;
	height: 14px;
	background: url(../images/icon7.png) no-repeat;
	margin: 100px 30px;
	float: left;
}

.bdown {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.pro-left {
	width: 500px;
	float: left;
}

.pro-left li {
	width: 500px;
	height: 197px;
	background: #f5f5f5;
	overflow: hidden;
	margin: 0 0 20px 0;
	float: left;
}

.pro-left li img {
	width: 250px;
	height: 197px;
	overflow: hidden;
	float: left;
}

.pro-left .text {
	padding: 18px;
	width: 214px;
	height: 161px;
	overflow: hidden;
	float: left;
}

.pro-left .text h1,
.pro-right h1,
.pro-news .text h1 {
	font-size: 16px;
	color: #313131;
	line-height: 40px;
}

.pro-left .ask {
	color: #41b0ae;
	font-size: 16px;
	line-height: 26px;
}

.pro-left .ask:hover {
	color: #727171;
}

.pro-right {
	width: 602px;
	height: 375px;
	float: right;
	background: #f5f5f5;
	padding: 20px 40px;
}

.pro-news {
	width: 100%;
	float: left;
	margin-bottom: 55px;
}

.pro-news img {
	width: 302px;
	height: 204px;
	overflow: hidden;
	float: left;
	margin-right: 48px;
}

.pro-news .text {
	max-height: 217px;
	width: 850px;
	overflow: hidden;
	margin-top: -13px;
}

.pro-news .text h2 {
	color: #727171;
	line-height: 40px;
}

.btnMode {
	width: 100%;
	height: 39px;
	position: relative;
	top: 30%;
}

.btnMode .prev,
.btnMode .next {
	width: 22px;
	height: 39px;
	overflow: hidden;
	background: url(../images/icon9.png) no-repeat;
	transition: none;
	cursor: pointer;
}

.btnMode .prev {
	position: absolute;
	left: 0;
	background-position: 0 0px;
}

.btnMode .prev:hover {
	background-position: -44px 0px;
}

.btnMode .next {
	position: absolute;
	right: 0;
	background-position: -22px 0px;
}

.btnMode .next:hover {
	background-position: -66px 0;
}

.focus_box {
	position: relative;
	width: 605px;
	float: left;
	height: 338px;
}

.focus_box ul {
	position: relative;
	width: 290px;
	margin-left: 30px;
	float: left;
}

.focus_box li {
	z-index: 0;
	position: absolute;
	width: 0px;
	/*background: #787878;*/
	height: 0px;
	top: 146px;
	cursor: pointer;
	left: 377px;
	border-radius: 4px;
	/*box-shadow: 1px 1px 12px rgba(200, 200, 200, 1);*/
}

.focus_box li img {
	width: 100%;
	background: url(../images/loading.gif) no-repeat center 50%;
	height: 100%;
	vertical-align: top;
}

.focus_box li span {
	display: none;
	width: 100%;
	text-align: left;
	margin: 25px 0 25px 0;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
}

.focus_box li:nth-child(2) span,
.slidebar li a,
.slide-right .com a,
.whole-table .btn a,
.whole-table .table-box a,
.product-list li a {
	display: block;
}

.wc-list {
	float: left;
	margin-top: -10px;
	border-bottom: solid 1px #f3f2f1;
	padding-bottom: 20px;
}

.wc-list li {
	width: 1200px;
	float: left;
	font-size: 14px;
	line-height: 28px;
}

.wc-list li b {
	display: block;
	color: #4c4c4c;
	width: 94px;
	float: left;
	height: 100%;
	padding-bottom: 10px;
}

.wc-list li a {
	padding: 0 7px;
	margin: 0 12px 0 0;
	line-height: 20px;
	height: 20px;
	color: #727171;
}

.wc-list li a.hover,
.wc-list li a:hover,
.slide-right .com a,
.whole-table .btn a {
	background: #41b0ae;
	color: #fff;
}

.wc-nav {
	height: 38px;
}

.selectBox {
	width: 900px;
	float: left;
}

.selectBox p span {
	display: inline-block;
	position: relative;
	margin-right: 40px;
	background: #f3f3f3;
	padding: 0px 30px 0px 5px;
	color: #41b0ae;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
}

.selectBox p span.hover {
	border: 1px solid #41b0ae;
	background: #fff;
}

.selectBox p span a {
	font-size: 14px;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #41b0ae;
	line-height: 28px;
	cursor: pointer;
	padding: 0px;
	width: 20px;
	height: 28px;
	text-align: center;
}

.selectBox p span.hover a,
.selectBox p span a:hover {
	background: #41b0ae;
	color: #fff;
}

.wc-nav a,
.wc-nav {
	padding: 0 10px 10px 0;
	text-transform: uppercase;
	line-height: 38px;
	color: #4c4c4c;
}

.wc-ser {
	width: 140px;
	float: right;
	border: solid 1px #dcdcdc;
	margin: 10px 0 0 0;
}

.wc-ser .wc-text {
	outline: none;
	width: 100px;
	height: 18px;
	border: none;
	line-height: 18px;
	padding: 0 0 0 3px;
	float: left;
}

.wc-ser .wc-btn {
	width: 27px;
	height: 18px;
	outline: none;
	border: none;
	overflow: hidden;
	background: #221E1F url(../images/wc-ser.png) no-repeat;
	float: right;
}

.wc-serlist {
	float: left;
}

.wc-serlist li {
	float: left;
	padding: 4px;
	background: #f5f5f5;
	width: 228px;
	height: 280px;
	overflow: hidden;
	margin: 20px 5px 20px 0;
	text-align: center;
}

.wc-serlist li img {
	width: 226px;
	height: 226px;
	overflow: hidden;
	background: #fff;
	border: solid 1px #dcdcdc;
}

.wc-serlist li .text {
	height: 76px;
	overflow: hidden;
	color: #727171;
}

.wc-serlist li .text h1 {
	line-height: 32px;
}

.wc-serlist li .wc-r,
.wc-serlist li .wc-t {
	float: right;
	padding-right: 33px;
	color: #009591;
	cursor: pointer;
}

.wc-serlist li .wc-t {
	display: none;
}

.slide-right {
	width: 124px;
	height: 100%;
	overflow: hidden;
	position: fixed;
	right: 1%;
}

.slide-right .com {
	width: 124px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
}

.slide-right .slidebar {
	width: 124px;
	height: 686px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

.slide-right .slidebar h1 {
	margin-bottom: 25px;
}

.slide-right .slidebar li {
	width: 124px;
	height: 165px;
	background: #f5f5f5;
	margin-bottom: 4px;
}

.slide-right .slidebar li img {
	width: 122px;
	height: 145px;
	overflow: hidden;
	background: #fff;
	border: solid 1px #dcdcdc;
}

.slide-right .slidebar li .text {
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
}

.slide-right .slidebar li .close {
	width: 12px;
	height: 12px;
	background: url(../images/cut.jpg) no-repeat;
	top: -162px;
	left: 0;
	position: relative;
}

.whole-table {
	margin-bottom: 160px;
	border-top: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
}

.whole-table td {
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	padding: 25px;
}

.whole-table th {
	height: 0;
	line-height: 0;
}

.whole-table .table-ul li {
	list-style-type: disc;
	line-height: 26px;
}

.whole-table .element {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.whole-table h1 {
	text-align: center;
	font-size: 21px;
	line-height: 60px;
}

.whole-table h2 {
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 10px;
}

.whole-table .btn {
	width: 120px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
	margin: 0px auto;
}

.whole-table .table-box {
	text-align: center;
	width: 140px;
	height: 160px;
	border: solid 1px #e1e1e1;
	margin: 0 auto;
}

.whole-table .table-box img {
	padding: 52px 0;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.whole-table .table-se {
	margin: 60px auto;
	color: .whole-table .table-box#484747;
	text-indent: 1px;
	width: 174px;
	height: 32px;
	line-height: 32px;
	background: #f5f5f5 url(../images/ic-2.png) center right no-repeat;
	vertical-align: middle;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
}


/*小圆点加载动画*/

@-webkit-keyframes loading {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes loading {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.loading {
	width: 30px;
	height: 30px;
}

.loading i {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #333;
	margin: 0 2px;
	border-radius: 50%;
}

.loading i:nth-child(1) {
	-webkit-animation: loading 1s linear 0s infinite;
	animation: loading 1s linear 0s infinite;
}

.loading i:nth-child(2) {
	-webkit-animation: loading 1s linear 0.2s infinite;
	animation: loading 1s linear 0.2s infinite;
}

.loading i:nth-child(3) {
	-webkit-animation: loading 1s linear 0.4s infinite;
	animation: loading 1s linear 0.4s infinite;
}

.loading i:nth-child(4) {
	width: 30px;
	height: 30px;
	background: url(../images/ic-3.png) center center no-repeat;
}


/*#loading-1{ position:absolute; left:275px; top:250px;}
#loading-2{ position:absolute; left:230px; top:388px;}
#loading-3{ position:absolute; left:750px; top:92px;}
#loading-4{ position:absolute; left:700px; top:344px;}
#loading-5{ position:absolute; left:975px; top:332px;}*/


/*brand*/

.brand {
	float: left;
	width: 100%;
	margin: 12px 0 0 0;
	/*margin-left: 112px;*/
}

.brand_intro {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 35px 0 0 30px;
	/*width: 944px;*/
	padding-right: 30px;
	min-height: 402px;
	line-height: 30px;
}

.brand_item1 {
	float: left;
	width: 100%;
	margin-top: -17px;
	padding: 27px 0 0 0;
	min-height: 520px;
}

.brandtxt1 {
	width: 770px;
	margin: 45px 0 0 30px;
	line-height: 22px;
}

.brandtxt1 p {
	margin-bottom: 18px;
}

.brandtxt1 h2 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 18px;
	color: #199996;
}

.brand_item2 {
	float: left;
	width: 100%;
	padding: 30px 0 53px;
}

.brand_item2 .nh {
	line-height: 40px;
	font-size: 24px;
	color: #199996;
	padding: 8px 0 0 30px;
}

.neihanlist li {
	float: left;
	width: 283px;
	height: 422px;
	background: #f5f5f5;
	margin: 26px 22px 0 0;
}

.neihanlist li.nor {
	margin-right: 0;
}

.neihanlist li .txt {
	display: block;
	padding: 8px 10px 0 16px;
	line-height: 24px;
}

.neihanlist li img {
	display: block;
}

.neihanlist li h2 {
	color: #199996;
	line-height: 38px;
}

.brand_item3 {
	float: left;
	width: 100%;
	height: 630px;
	padding: 30px 0 0 0;
}

.brandtxt2 {
	width: 612px;
	line-height: 28px;
}

.brand_item4 {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}

.brandtxt3 {
	width: 518px;
	line-height: 28px;
}

.brand_item4 .pic {
	float: right;
	margin: -40px 34px 0 0;
}

.honor {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 0 0 0 30px;
}

.honorlist li {
	float: left;
	width: 220px;
	border: 1px solid #f3f3f3;
	height: 320px;
	margin: 30px 20px 10px 0;
	padding: 28px 15px 0 30px;
	line-height: 30px;
}

.honorlist li.nor {
	margin-right: 0;
}

.honorlist li img {
	display: block;
	margin-bottom: 20px;
}

.subnav {
	display: block;
	line-height: 40px;
	font-size: 16px;
	margin-left: -10px;
}

.subnav1 {
	overflow: hidden;
}

.subnav a {
	margin: 0 10px;
}

.subnav a.hover {
	color: #41b0ae;
}


/*pages*/

.pages {
	float: right;
	margin: 40px 0 0 0;
	line-height: 30px;
}

.pages a {
	margin-left: 6px;
	padding: 0 12px;
	display: inline-block;
	border: 1px solid #ebebeb;
}

.pages a.spa {
	background: #f6f6f6;
}

.pages a:hover,
.pages a.hover {
	color: #fff;
	background-color: #221E1F;
}

.case_item1 {
	float: left;
	width: 100%;
}

.projectlist li {
	float: left;
	width: 283px;
	margin: 15px 22px 8px 0;
	background: #f4f4f4;
	/*height: 400px;*/
	line-height: 24px;
}

.projectlist li.nor {
	margin-right: 0;
}

.projectlist li img {
	display: block;
}

.projectlist li h2 {
	line-height: 30px;
	padding: 8px 12px 5px;
	font-size: 16px;
}

.projectlist li h2 a {
	color: #313131;
}

.projectlist li h2 a:hover {
	color: #009591;
}

.projectlist li p {
	padding: 0 12px;
}

.getmore {
	float: left;
	width: 100%;
	margin: 12px 0 0 0;
	background: #f4f4f4;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}

.getmore a {
	display: block;
	color: #41b0ae;
}

.case_item1 {
	float: left;
	width: 100%;
	padding-bottom: 53px;
}

.case_item2 {
	float: left;
	width: 100%;
	background: #f4f4f4;
	padding: 30px 0 53px;
}

.projectlist2 li {
	background: #fff;
}

.case_item3,
.case_tiem4 {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}

.cu_item,
.cutxt {
	float: left;
	width: 100%;
}

.cutxt {
	position: relative;
}

.cutxt .txt {
	position: absolute;
	left: 30px;
	top: 65px;
	width: 485px;
	font-size: 12px;
	line-height: 22px;
	color: #8a8a8a;
}

.cutxt .txt h2 {
	color: #41b0ae;
	font-size: 20px;
	padding-bottom: 15px;
	font-weight: bold;
	line-height: 24px;
}

.cutxt .txt p.f14 {
	line-height: 30px;
	color: #666666;
}

.spirit {
	float: left;
	width: 100%;
	padding: 40px 0 78px 0;
}

.cutit {
	padding-left: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #41b0ae;
	line-height: 24px;
}

.spiritlist li {
	float: left;
	width: 580px;
	height: 115px;
	background: #f5f5f5;
	margin: 30px 0 0 0;
}

.spiritlist li.nor {
	float: right;
}

.spiritlist li span {
	float: left;
	width: 155px;
	background: url(../images/bgcu1.jpg) center top no-repeat;
	height: 115px;
	line-height: 115px;
	text-align: center;
	color: #ffffff;
	font-size: 50px;
}

.spiritlist li table {
	float: right;
	width: 365px;
	margin: 0 25px 0 0;
}

.spiritlist li table td {
	height: 115px;
	line-height: 24px;
	vertical-align: middle;
}

.cu_item2 {
	float: left;
	width: 100%;
	padding: 30px 0 56px;
	background: #f5f5f5;
}

.valuelist li {
	float: left;
	width: 283px;
	height: 224px;
	margin: 30px 22px 0 0;
	background: #fff;
}

.valuelist li.nor {
	margin-right: 0;
}

.valuelist li h2 {
	background: #d1cdcf;
	line-height: 59px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.valuelist li p {
	padding: 24px 12px 0 18px;
	line-height: 24px;
	color: #666;
}

.guildlist li {
	float: left;
	width: 341px;
	margin: 30px 48px 0 0;
	line-height: 24px;
}

.guildlist li h2 {
	color: #41b0ae;
	border-bottom: 1px solid #41b0ae;
	padding-bottom: 20px;
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 28px;
}

.guildlist li.nor {
	margin-right: 0;
}

.guildlist li.spa {
	width: 415px;
}

.guildlist li.spa h2 {
	border-bottom: none;
	padding-bottom: 0;
}

.cu_item3 {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.specialist li {
	float: left;
	width: 376px;
	height: 447px;
	background: #f5f5f5;
	margin: 20px 35px 22px 0;
}

.specialist li.nor {
	margin-right: 0;
}

.specialist li .txt {
	width: 330px;
	margin: 20px 0 0 26px;
	line-height: 24px;
}

.specialist li .txt h2 {
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 5px;
}

.specialist li .txt h2 a {
	color: #313131;
}

.specialist li .txt h2 a:hover {
	color: #009591;
}

.specialist li .txt p {
	height: 94px;
}

.specialist li .txt span {
	float: right;
}

.subnav2 {
	margin-left: 20px;
}

.dy_item1 {
	float: left;
	width: 100%;
	padding-bottom: 52px;
}

.dytabnav {
	float: left;
	width: 100%;
	margin-left: -10px;
	line-height: 36px;
	font-size: 16px;
}

.dytabnav a {
	margin: 0 10px;
	cursor: pointer;
	display: inline-block;
}

.dytabnav a:hover,
.dytabnav a.hover {
	color: #221E1F;
}

.dytabnav a.more {
	float: right;
	font-size: 14px;
}

.morelist {
	margin-left: 97%;
	font-size: 14px;
	width: 100%;
}

.dytabcon {
	float: left;
	width: 100%;
	position: relative;
}

.dytabcon .morelist {
	width: 30px;
	text-align: right;
	margin: 0px;
	position: absolute;
	top: -27px;
	right: 0px;
}

.dynewslist li {
	float: left;
	width: 390px;
	margin: 22px 15px 0 0;
	height: 230px;
	overflow: hidden;
}

.dynewslist li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.dynewslist li a span {
	position: absolute;
	left: 100%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bgtm70.png) repeat;
	color: #fff;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-mz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.dynewslist li a:hover span {
	height: 100%;
	left: 0;
}

.dynewslist li a span h2,
.dynewslist li a span p {
	padding: 0 15px;
	line-height: 24px;
}

.dynewslist li a span p {
	height: 130px;
	overflow: hidden;
}

.dynewslist li a span h2 {
	line-height: 50px;
	font-size: 16px;
	padding-top: 5px;
}

.dynewslist li a span b.dt {
	float: right;
	padding: 0 15px;
	line-height: 30px;
}

.dynewslist li a span b.dt em {
	font-style: normal;
	font-size: 30px;
	float: left;
	font-weight: bold;
	margin-right: 6px;
}

.dynewslist li a h2:hover,
.dynewslist li a span b.dt:hover {
	color: #41b0ae;
}

.dynewslist li.nor {
	margin-right: 0;
}

.dy_item2,
.dy_item3 {
	float: left;
	width: 100%;
	background: #f4f4f4;
	padding: 30px 0 52px;
}

.dy_item3 {
	background: #fff;
}

.sightlist li {
	float: left;
	width: 226px;
	margin: 10px 15px 0 0;
	text-align: center;
}

.vediolist li {
	float: left;
	width: 289px;
	background: #fff;
	line-height: 40px;
	text-align: center;
	margin: 26px 14px 0 0;
	font-size: 18px;
}

.vediolist li p {
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.sightlist li.nor,
.vediolist li.nor {
	margin-right: 0;
}

.dy_item4 {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}

.gongyi {
	float: left;
	width: 100%;
	margin: 26px 0 0 0;
}

.ben_item1 {
	float: left;
	width: 100%;
}

.bentxt1 {
	float: right;
	width: 645px;
	margin: 90px 45px 0 0;
	text-align: center;
	line-height: 30px;
	color: #8b8b8b;
}

.lookDV {
	margin: 40px 0 0 0;
	display: inline-block;
	padding-right: 30px;
	background: url(../images/vicon3.png) right center no-repeat;
	font-size: 18px;
	color: #41b0ae;
}

.bentxt2 {
	margin: 378px 0 52px 0;
	text-align: center;
	float: left;
	width: 100%;
	line-height: 30px;
}

.ben_item2 {
	float: left;
	width: 100%;
}

.bentxt2 h2 {
	font-size: 20px;
	line-height: 38x;
	padding: 0 0 15px;
}

.bentxt3 {
	margin: 30px 0 0 0;
}

.mdleft {
	float: left;
	width: 910px;
}

.mdright {
	float: right;
	width: 218px;
}

.medialist li {
	float: left;
	width: 100%;
	margin: 30px 0 35px 0;
	height: 204px;
	overflow: hidden;
}

.medialist li .pic {
	float: left;
}

.medialist li .txt {
	float: right;
	width: 558px;
	line-height: 24px;
}

.medialist li .txt h2 {
	font-size: 16px;
	line-height: 36px;
	margin: 6px 0 0 0;
}

.medialist li .txt h2 a {
	color: #313131;
}

.medialist li .txt h2 a:hover {
	color: #7f0909;
}

.medialist li .txt p {
	margin: 8px 0 0 0;
	height: 90px;
	padding-bottom: 20px;
}

.medialist3 li {
	margin: 30px 0 0 0;
	height: 178px;
}

.medialist3 li .txt {
	width: 744px;
	height: 178px;
	overflow: hidden;
}

.medialist3 li .txt p {
	height: auto;
	margin: 8px 0;
	padding-bottom: 0;
}

.sercenter {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.sercenter h2 {
	line-height: 30px;
	padding: 16px 0 8px 36px;
	font-size: 16px;
	color: #313131;
}

.sercenter p {
	padding-left: 36px;
	line-height: 28px;
	font-size: 16px;
}

.sercenter p a {
	color: #41b0ae;
}

.ads {
	float: left;
	width: 100%;
	margin: 24px 0 0 0;
}

.vediolist2 li {
	background: #f6f6f6;
	margin-top: 24px;
}

.vediolist2 li a {
	color: #333;
}

.vediolist2 li a:hover {
	color: #7f0909;
}

.ads_tit {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	line-height: 47px;
	background: #f5f5f5;
	color: #41b0ae;
	font-size: 18px;
}

.ads_tit2 {
	margin-top: 47px;
}

.ads_tit h2 {
	padding-left: 18px;
}

.ads_tit3 h2 {
	padding-left: 30px;
}

.medialist2 li {
	float: left;
	width: 1020px;
	height: 190px;
	overflow: hidden;
	margin: 46px 0 24px 30px;
}

.medialist2 li .txt {
	width: 700px;
}

.medialist2 li .txt h2 {
	line-height: 20px;
	margin: 0;
	font-size: 18px;
	padding-bottom: 12px;
}

.medialist2 li .txt h2 a {
	color: #727171;
}

.medialist2 li .txt p {
	height: 85px;
}

.tips {
	display: block;
	overflow: hidden;
	clear: both;
	border-top: 1px solid #dedede;
	padding: 30px 0 10px 30px;
	line-height: 40px;
}

.news_tit {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 15px 0 0 30px;
	font-size: 12px;
}

.news_tit h2 {
	font-size: 20px;
	color: #313131;
	line-height: 36px;
}

.news_tit p {
	line-height: 20px;
	font-size: 12px;
	padding-top: 10px;
}

.news_tit .share {
	font-size: 12px;
	margin-left: 20px;
	float: left;
	line-height: 20px;
}

.news_tit .share a {
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/fxicon3.png) no-repeat;
	margin: 0 3px;
}

.news_tit .share a:hover {
	background: url(../images/fxicon4.png) no-repeat;
}

.news_tit .share a.icon1 {
	background-position: 0 0;
}

.news_tit .share a.icon2 {
	background-position: -16px 0;
}

.news_tit .share a.icon3 {
	background-position: -32px 0;
}

.news_tit .share a.icon4 {
	background-position: -48px 0;
}

.newsdt {
	/*margin:0 auto;*/
	width: 980px;
	padding: 55px 0;
	line-height: 26px;
}

.talent_item1 {
	float: left;
	width: 100%;
	padding: 0 0 46px;
}

.talent_txt {
	width: 1024px;
	float: left;
	margin: 0 0 0 30px;
	line-height: 26px;
}

.talent_txt .tatit {
	color: #41b0ae;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 20px;
}

.talent_txt h3 {
	color: #313131;
	font-size: 18px;
	line-height: 30px;
}

.talent_item1,
.talent_item2,
.talent_item3 {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0 0 52px 0;
	float: left;
	width: 100%;
}

.talent_item1 .talent_txt .tatit {
	margin-top: 10px;
}

.talent_item2 {
	padding: 35px 0 52px;
	background: #f5f5f5;
}

.talent_item3 {
	padding: 35px 0 52px;
}

.talent_pic {
	display: block;
	overflow: hidden;
	clear: both;
	width: 1038px;
	padding: 0 55px;
	position: relative;
	height: 295px;
	overflow: hidden;
	margin-top: 16px;
}

.talent_pic span.prev,
.talent_pic span.next,
.style span.prev,
.style span.next {
	background: url(../images/icon9.png) no-repeat;
	width: 22px;
	height: 39px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -20px 0 0 0;
	cursor: pointer;
}

.talent_pic span.next,
.style span.next {
	background-position: -22px 0;
	left: auto;
	right: 0;
}

.talent_pic span.prev:hover,
.talent_pic span.prevStop,
.style span.prev:hover,
.style span.prevStop {
	background-position: -44px 0;
}

.talent_pic span.next:hover,
.talent_pic span.nextStop,
.style span.next:hover,
.style span.nextStop {
	background-position: -66px 0;
}

.talentlist li {
	float: left;
	margin: 0 5px;
	width: 249px;
}

.style {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 16px 0 0 0;
	padding: 0 67px;
	width: 996px;
	position: relative;
}

.stylelist li {
	float: left;
	width: 249px;
	height: 324px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.stylelist li img {
	display: block;
}

.stylelist li p {
	width: 220px;
	padding: 16px 0 0 20px;
	height: 118px;
	line-height: 26px;
}

.stylelist li span {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 324px;
	background: url(../images/bgtm70.png) repeat;
	color: #fff;
	overflow: hidden;
	webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-mz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 16px;
}

.stylelist li:hover span {
	top: 0;
}

.stylelist li span b {
	line-height: 26px;
	display: block;
	padding: 100px 18px 0 15px;
}
/**/
.style_list li {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	list-style-type: none;
}

.style_list li img {
	display: block;
}

.style_list li p {
	width: 220px;
	padding: 16px 0 0 20px;
	height: 118px;
	line-height: 26px;
}

.style_list li span {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background: url(../images/bgtm70.png) repeat;
	color: #fff;
	overflow: hidden;
	webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-mz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 16px;
}

.style_list li:hover span {
	top: 0;
}
.history {
	float: left;
	width: 1141px;
	margin: 30px 0 0 30px;
}

.slide-pic {
	float: left;
	width: 100%;
	height: 70px;
}

.slide-pic A#prev {
	float: left;
	display: inline;
	width: 18px;
	height: 18px;
	background: url(../images/lrbtn4.png) no-repeat;
	border: none;
	cursor: pointer;
}

.slide-pic A#next {
	float: left;
	display: inline;
	width: 18px;
	height: 18px;
	background: url(../images/lrbtn4.png) no-repeat;
	border: none;
	cursor: pointer;
	background-position: -18px 0;
}

.slide-pic A#prev.gray {
	background-position: 0 0;
	float: left;
}

.slide-pic A#next.gray {
	background-position: -18px 0;
	float: left;
}

.slide-pic .pic-container {
	float: left;
	background: url(../images/linebg.jpg) left 8px repeat-x;
	width: 1104px;
	overflow: hidden;
	height: 90px;
	overflow: hidden;
}

.slide-pic ul li {
	float: left;
	width: 155px;
	background: url(../images/xy1.jpg) center 3px no-repeat;
	padding-top: 36px;
	text-align: center;
	cursor: pointer;
	font-size: 22px;
}

.slide-pic ul li.hover {
	background: url(../images/xy2.jpg) center 3px no-repeat;
	color: #41b0ae;
	display: block;
}

.slide-pic ul li.hover a {
	color: #41b0ae;
}

.his_tabcon {
	float: left;
	margin: 15px 0 0 0;
	width: 100%;
}

.his_tabcon p {
	line-height: 50px;
	font-size: 18px;
}

.historylist li img {
	display: block;
}

.historylist li {
	float: left;
	width: 351px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	margin-right: 40px;
	margin-top: 10px;
}

.historylist li.nor {
	margin-right: 0;
}

.hiscon {
	float: left;
	width: 100%;
	background: #f5f5f5;
	padding: 20px 0 30px;
	margin-top: 15px;
}

.hiscon ul li {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 20px 32px 20px 45px;
	line-height: 26px;
	background: url(../images/dian.jpg) left 10px no-repeat;
	padding-left: 12px;
	/*display: inline-block;*/
	mydivBg;
}


/*.fixedBox{ position:fixed; width:1092px; height:682px; margin:-341px 0 0 -546px;left:50%; top:50%; z-index:11111}
#bixedBG{ position:fixed; width:100%; height:100%; background:#000; z-index:11110; top:0px; left:0px;filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60; display:none}
.fixedBoxCon{ width:100%; height:100%;}
.bannerCon{ position:relative;}
.bannerCon .close{ background:url(../images/close2.png) no-repeat; width:28px; height:29px; position:absolute; display:block; overflow:hidden; right:-80px; top:-50px;}
.frameDiv{ float:left; width:100%; height:682px; padding:0 15px;}*/


/*2015/12/22  start*/

.fixedBox {
	position: fixed;
	width: 884px;
	height: 650px;
	margin: -325px 0 0 -500px;
	left: 50%;
	top: 50%;
	z-index: 9999999;
	display: none;
}

.bixedBG {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 11110;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.6;
	display: none;
	z-index: 99999;
}

.fixedBoxCon {
	width: 100%;
	height: 100%;
	position: relative;
}

.closexx {
	background: url(../images/close2.png) no-repeat;
	width: 28px;
	height: 29px;
	position: absolute;
	display: block;
	overflow: hidden;
	z-index: 9999;
	right: -120px;
	top: 10px;
}


/*2015/12/22*/


/*solution*/

.safe_item1 {
	float: left;
	width: 100%;
	background: #f6f6f6;
	margin: -17px 0 0 0;
	padding: 20px 0 38px;
}

.safe_con {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	line-height: 26px;
}

.safe_con .txt {
	width: 1040px;
}

.safe_tit {
	font-size: 20px;
	color: #10abab;
	padding-bottom: 24px;
}

.safe_item2,
.safe_item3 {
	float: left;
	width: 100%;
	padding: 50px 0 70px;
}

.safe_con2 {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	line-height: 26px;
}

.safe_con2 .txt {
	float: left;
	margin: 70px 0 0 130px;
	line-height: 36px;
	width: 572px;
}

.safe_con2 .txt p {
	background: url(../images/dian2.jpg) left 16px no-repeat;
	padding-left: 12px;
}

.safe_item3 {
	background: #f5f5f5;
}

.safe_con3 {
	float: left;
	width: 100%;
	line-height: 26px;
}

.safe_con3 .txt {
	float: left;
	width: 605px;
}

.safe_con3 .pic {
	margin-right: 115px;
	float: right;
}

.clientlist {
	float: left;
	width: 100%;
	margin: 36px 0 0 0;
}

.clientlist li {
	float: left;
	width: 510px;
	background: url(../images/jxicon1.jpg) left 5px no-repeat;
	margin: 10px 0 0 0;
	height: 150px;
	padding-left: 24px;
}

.clientlist li.nor {
	float: right;
}

.clientlist li span {
	border-bottom: 1px solid #b6b6b6;
	display: inline-block;
	line-height: 30px;
	font-size: 20px;
	color: #008b88;
	margin-bottom: 8px;
}

.hxtit {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-bottom: 20px;
}

.hxleft {
	float: left;
	width: 478px;
	line-height: 26px;
}

.hxright {
	float: right;
	width: 578px;
	line-height: 26px;
}

.hxlist li {
	float: left;
	width: 100%;
	margin: 35px 0 13px;
}

.hxlist li .txt {
	float: right;
	width: 305px;
}

.hxlist li h2 {
	color: #41b0ae;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 15px;
}

.hxlist li .txt2 {
	width: 394px;
	float: right;
}

.hxlist li p.spa {
	background: url(../images/dian2.jpg) left 12px no-repeat;
	padding-left: 12px;
}

.hxlist li .txt3 {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

.relatepro {
	float: left;
	width: 100%;
	margin: 60px 0 0 0;
	position: relative;
}

.relatepro span.prev,
.relatepro span.next {
	background: url(../images/icon9.png) no-repeat;
	width: 22px;
	height: 39px;
	position: absolute;
	left: -40px;
	top: 50%;
	margin-top: 10px;
	cursor: pointer;
	z-index: 999;
	background-position: -44px 0;
}

.relatepro span.next {
	left: auto;
	right: -20px;
	background-position: -66px 0;
}

.relatepro span.prev:hover,
.relatepro span.prevStop {
	background-position: 0 0;
}

.relatepro span.next:hover,
.relatepro span.nextStop {
	background-position: -22px 0;
}

.relatelist li {
	float: left;
	width: 264px;
	margin: 20px 42px 0 0;
	background: #666;
}

.relatelist2 li {
	width: 275px;
	background: #000;
	margin-right: 31px;
}

.relatelist li.nor {
	margin-right: 0;
}

.relatelist li a {
	display: block;
	position: relative;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.relatelist li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.relatelist li a span {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	position: absolute;
	left: 94px;
	top: 148px;
	border: 1px solid #fff;
	width: 73px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.relatelist li .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.relatelist li .txt b {
	border: 1px solid #fff;
	width: 73px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-size: 14px;
}

.potxt1 {
	float: left;
	width: 765px;
}

.potty_item1 {
	float: left;
	width: 100%;
	background: #fafafa;
	margin: -17px 0 0 0;
	padding-top: 20px;
	line-height: 26px;
}

.potxt2 {
	float: left;
	width: 520px;
	margin: 60px 0 0 0;
	line-height: 26px;
}

.potxt2 p {
	background: url(../images/dian2.jpg) left 12px no-repeat;
	margin-left: 40px;
	padding-left: 10px;
	line-height: 26px;
}

.safe_con3 .ltxt {
	float: left;
	width: 462px;
}

.safe_con3 .rtxt {
	float: right;
	width: 487px;
	margin-right: 106px;
}

.pottylist li {
	float: left;
	width: 280px;
	margin: 42px 76px 0 0;
}

.pottylist li span {
	float: left;
	padding-right: 12px;
}

.pottylist li h2 {
	line-height: 33px;
	color: #41b0ae;
	font-size: 18px;
}

.pottylist li p {
	background: #fafafa;
	line-height: 48px;
}

.meiti {
	float: left;
	width: 1080px;
}

.newsmore {
	text-align: center;
	float: left;
	width: 100%;
	margin: 34px 0 0 0;
}

.potxt3 p.spa {
	background: url(../images/dian2.jpg) left center no-repeat;
	padding-left: 10px;
}

.slideBox {
	width: 316px;
	height: 247px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 48px;
}

.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 5px;
	z-index: 1;
	margin-left: -14px;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin-right: 5px;
	width: 8px;
	height: 8px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
}

.slideBox .hd ul li.on {
	background: #221E1F;
	color: #fff;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox .bd img {
	width: 316px;
	height: 247px;
	display: block;
}

.shower_txt {
	position: absolute;
	left: 15px;
	top: 104px;
	line-height: 26px;
	width: 290px;
}

.shower_txt2 {
	float: left;
	width: 488px;
	margin: 68px 0 0 0;
	line-height: 26px;
}

.shower_txt2 p {
	background: url(../images/dian2.jpg) left center no-repeat;
	padding-left: 8px;
}

.gaishu {
	float: left;
	width: 100%;
	background: url(../images/bgkj1.jpg) left top no-repeat;
}

.gaishu .txt {
	float: left;
	width: 636px;
	margin: 103px 0 0 43px;
	line-height: 28px;
}

.gaishu .txt h2 {
	color: #199996;
	font-size: 24px;
	line-height: 36px;
	padding-bottom: 16px;
}

.gaishu .pic {
	float: right;
}

.techlist li {
	float: left;
	width: 100%;
	margin: 30px 0 10px 0;
}

.showerlist li {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	background: url(../images/bgtech1.jpg) left top no-repeat;
	height: 253px;
}

.showerlist li .txt {
	float: left;
	width: 550px;
	margin: 41px 0 0 41px;
}

.showerlist li .txt .shtxt {
	float: right;
	width: 438px;
}

.showerlist li .txt .shtxt h2 {
	font-size: 28px;
	margin: 20px 0 0 0;
	line-height: 38px;
	padding-bottom: 18px;
	color: #424242;
}

.showerlist li .pic {
	float: right;
}

.showerlist li.spa {
	height: 280px;
}

.applicent {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	line-height: 26px;
}

.bathroomlist {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

.bathroomlist li {
	float: left;
	width: 100%;
	padding: 35px 0 30px;
	background: #f5f5f5;
}

.bathroomlist li.spa {
	background: #fff;
}

.bathroomlist li .pic {
	float: right;
	margin-right: 159px;
}

.bathroomlist li .txt {
	float: left;
	width: 560px;
	margin: 25px 0 0 15px;
}

.bathroomlist li .txt .baword {
	float: right;
	width: 442px;
	margin: 25px 0 0 0;
	line-height: 26px;
}

.bathroomlist li .txt .baword h2 {
	color: #424242;
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 18px;
}

.faucetlist {
	float: left;
	width: 896px;
}

.faucetlist li {
	float: left;
	margin: 8px 24px 0 0;
	text-align: center;
	line-height: 40px;
}

.faucetlist li img {
	display: block;
	margin-bottom: 8px;
}

.faucetlist li.nor {
	margin-right: 0;
}

.othertect {
	float: right;
	width: 281px;
	margin-top: 8px;
	position: relative;
}

.othertect b {
	width: 185px;
	height: 55px;
	background-color: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 50px;
	top: 117px;
	text-align: center;
	padding: 15px 0 0 0;
}

.faucetlist2 {
	width: 100%;
}

.potty_con {
	line-height: 26px;
}

.pottyvideo {
	float: right;
	width: 462px;
	background: #fff;
	height: 528px;
}

.pottyvideo h2 {
	line-height: 68px;
	padding-left: 24px;
}

.videox {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 50px 0 0 24px;
}

.hrcon {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	line-height: 26px;
}

.hrtabnav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #999797;
	margin: 35px 0 0 0;
	position: relative;
	height: 35px;
}

.hrtabnav ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 34px;
}

.hrtabnav ul li {
	float: left;
	padding: 0 20px;
}

.hrtabnav a.hover {
	color: #009591;
	border-bottom: 3px solid #41b0ae;
	display: block;
}

.hritem {
	float: left;
	width: 100%;
}

.hrtit {
	float: left;
	width: 100%;
	background: #f5f5f5;
	margin: 50px 0 0 0;
	line-height: 40px;
}

.hrtable {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cccaca;
	line-height: 40px;
	margin: 8px 0 0 0;
	color: #000;
}

.hrtit a {
	float: right;
	padding-right: 112px;
	font-size: 12px;
}

.hrtit h2 {
	color: #727171;
	padding-left: 12px;
	font-size: 16px;
}

.hrlist li {
	float: left;
	width: 100%;
	line-height: 40px;
}

.hrlist li h2 {
	border-bottom: 1px solid #e6e3e3;
	font-size: 12px;
	cursor: pointer;
}

.hrlist li h2.hover {
	background: #f5f5f5;
}

.hrlist li h2 span {
	display: inline-block;
	text-align: center;
}

.hrlist li h2 span.spa1 {
	padding-left: 24px;
	width: 140px;
	text-align: left;
}

.hrlist li h2 span.spa2 {
	width: 184px;
}

.hrlist li h2 span.spa3 {
	width: 250px;
	padding-left: 16px;
}

.hrlist li h2 span.spa4 {
	width: 160px;
}

.hrlist li h2 span.spa5 {
	width: 180px;
	margin-left: 170px;
}

.hrlist li b.look {
	border: 1px solid #cccaca;
	display: inline-block;
	line-height: 22px;
	padding: 0 10px;
	background: #fff;
	cursor: pointer;
}

.hrtxt {
	float: left;
	width: 100%;
	padding: 28px 0;
	background: #f5f5f5;
	border-bottom: 1px solid #e6e3e3;
	font-size: 12px;
	line-height: 24px;
	display: none;
}

.hrtxt h3 {
	font-size: 14px;
	font-weight: bold;
}

.hrtxt .l {
	float: left;
	margin: 0 0 0 24px;
	width: 580px;
	margin-right: 30px;
}

.hrtxt .r {
	float: left;
	width: 540px;
}

.hrtxt .r .want {
	border: 1px solid #cccaca;
	display: inline-block;
	line-height: 22px;
	padding: 0 10px;
	background: #fff;
	margin: 6px 0 0 0;
}

.allinfor {
	float: right;
	margin: 47px 85px 0 0;
}

.allinfor a {
	display: inline-block;
	width: 149px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background: #41b0ae;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #007674 inset;
}

.bglayout {
	background-color: #000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	position: fixed;
	z-index: 100029;
}

.mydiv {
	position: fixed;
	height: 457px;
	width: 592px;
	left: 50%;
	top: 50%;
	margin: -201px 0 0 -296px;
	/*background: #fff;*/
	z-index: 99999999;
}

.mydivBg {
	background: #fff;
}

.write_tit {
	float: left;
	width: 100%;
	background: #f5f5f5;
	line-height: 64px;
}

.write_tit h2 {
	padding-left: 55px;
}

.close_x {
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
	line-height: 64px;
	text-align: center;
	background: #ebebeb;
	height: 64px;
}

.close_x img {
	margin: 26px 0 0 0;
}

.write {
	float: left;
	width: 430px;
	margin: 34px 0 0 80px;
}

.writetable {
	float: left;
	width: 100%;
	line-height: 33px;
}

.writetable th {
	text-align: left;
	font-weight: normal;
	padding-top: 13px;
	vertical-align: top;
}

.writetable td {
	text-align: left;
	padding-top: 13px;
}

.wtxt1 {
	border: 1px solid #999999;
	height: 29px;
	line-height: 29px;
	width: 318px;
	padding-left: 6px;
	color: #5e5e5e;
	font-size: 14px;
}

.wrbtn1 {
	margin: 30px 0 0 0;
	width: 128px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background: #41b0ae;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #007674 inset;
	border: none;
	font-size: 14px;
}

.contact {
	background: url(../images/pic/bgcontact.jpg) right bottom no-repeat;
	padding-bottom: 39px;
	min-height: 540px;
}

.contactlist li {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
}

.contactlist li h2 {
	color: #221E1F;
	font-size: 16px;
	padding-bottom: 18px;
}

.contactlist li p {
	line-height: 30px;
	margin-left: 10px;
	padding-left: 36px;
	background: url(../images/lxicon1.jpg) left center no-repeat;
}

.contactlist li p.spa1 {
	background: url(../images/lxicon2.jpg) left center no-repeat;
}

.contactlist li p.spa2 {
	background: url(../images/lxicon3.jpg) left center no-repeat;
}

.sernav {
	margin: 36px 0 0 0;
	float: left;
	width: 100%;
}

.sernav span {
	margin-right: 73px;
	float: left;
	font-size: 12px;
}

.sernav span a,
.lxspan a {
	display: block;
	padding: 0 15px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background-color: #41b0ae;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #007674 inset;
}

.sernav span.spa1 a {
	background: #41b0ae url(../images/lxicon4.png) 8px center no-repeat;
	padding-left: 34px;
}

.sernav span.spa2 a {
	background: #41b0ae url(../images/lxicon5.png) 8px center no-repeat;
	padding-left: 34px;
}

.sernav span.spa3 a {
	background: #41b0ae url(../images/lxicon6.png) 8px center no-repeat;
	padding-left: 34px;
}

.lxspan {
	float: right;
	margin: 55px 750px 0 0;
	border-left: 2px dashed #dbdada;
	padding-left: 30px;
}

.lxspan a {
	background: #41b0ae url(../images/lxicon7.png) 8px center no-repeat;
	padding-left: 40px;
}

.trade_tablelist li {
	float: left;
	width: 554px;
	margin: 0 40px 0 0;
	line-height: 40px;
	color: #727171;
}

.trade_tablelist li h2 {
	color: #313131;
	font-size: 18px;
	line-height: 30px;
	padding: 10px 0;
}

.trade_tablelist li table td {
	border: 1px solid #e2e2e2;
	text-align: center;
	line-height: 24px;
	padding: 8px 0;
}

.hotwatertable {
	float: left;
	width: 690px;
	border: 1px solid #e4e4e4;
	line-height: 37px;
	text-align: center;
}

.hotwatertable td {
	border-bottom: 1px solid #e4e4e4;
}

.hotwaterlist li {
	float: left;
	width: 269px;
	margin: 15px 40px 0 0;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
}

.hotwaterlist li.nor {
	margin-right: 0;
}

.sixlist li {
	float: left;
	width: 360px;
	height: 188px;
	margin: 20px 0 0 0;
	line-height: 22px;
}

.sixlist li span.txt {
	float: right;
	width: 255px;
}

.sixlist li span.txt h2 {
	color: #424242;
	font-size: 18px;
	margin-top: 8px;
}

.sixlist li span.txt p.spa {
	background: url(../images/dian2.jpg) left center no-repeat;
	padding-left: 12px;
}

.sernavlist {
	float: left;
	width: 100%;
	height: 72px;
	margin: 10px 0 0 0;
}

.sernavlist li {
	float: left;
	width: 288px;
	margin-right: 16px;
	background: #f5f5f5;
	height: 66px;
	font-size: 16px;
	cursor: pointer;
}

.sernavlist li span {
	display: block;
	margin: 9px 6px 0 5px;
	line-height: 56px;
}

.sernavlist li b {
	background: url(../images/svicon1.png) no-repeat;
	margin: 8px 5px 0 10px;
	width: 43px;
	height: 43px;
	float: left;
}

.sernavlist li.hover b,
.sernavlist li:hover b {
	background: url(../images/svicon2.png) no-repeat;
}

.sernavlist li b.icon2 {
	background-position: -43px 0;
}

.sernavlist li b.icon3 {
	background-position: -86px 0;
}

.sernavlist li b.icon4 {
	background-position: -129px 0;
}

.sernavlist li.hover,
.sernavlist li:hover {
	height: 72px;
	color: #41b0ae;
}

.sernavlist li.hover span,
.sernavlist li:hover span {
	border: 1px solid #41b0ae;
	line-height: 54px;
}

.sernavlist li em {
	font-style: normal;
	font-size: 30px;
	float: left;
	margin-right: 5px;
}

.sertabcon {
	float: left;
	width: 100%;
	background: #f5f5f5;
	padding: 45px 0 30px 0;
	line-height: 26px;
}

.sertab1 {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0 70px;
}

.sertab1 h2 {
	font-size: 18px;
	padding-bottom: 28px;
}

.serbtn1 {
	margin: 30px 0 0 0;
	width: 162px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background: #41b0ae;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #007674 inset;
	border: none;
	font-size: 14px;
	display: block;
}

.serbtn1:hover {
	color: #fff;
}

.serword {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 66px 0 0 0;
	line-height: 30px;
}

.service {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}

.serleft {
	float: left;
	width: 200px;
}

.serright {
	float: right;
	width: 954px;
}


/*.sernavlist2{ float:left; border:1px solid #eee; border-bottom:none;}
.sernavlist2 li{ float:left; width:100%; line-height:48px;}
.sernavlist2 li a{ display:block; border-bottom:1px solid #eee; width:100%; float:left;}
.sernavlist2 li a b{ font-size:18px; border-left:1px solid #898989; float:left; padding-left:10px; margin:6px 0; height:36px; line-height:36px;}
.sernavlist2 li span{ float:left; width:36px; height:48px; margin:0 8px; background:url(../images/sevicon3.png) no-repeat;}
.sernavlist2 li:hover,.sernavlist2 li.hover{ background:#41b0ae;}
.sernavlist2 li:hover a,.sernavlist2 li.hover a{ color:#fff;}
.sernavlist2 li:hover a b,.sernavlist2 li.hover a b{border-left:1px solid #ffffff;}
.sernavlist2 li:hover span,.sernavlist2 li.hover span{background:url(../images/sevicon4.png) no-repeat;}
.sernavlist2 li span.icon1,.sernavlist2 li:hover span.icon1,.sernavlist2 li.hover span.icon1{ background-position:0 0;}
.sernavlist2 li span.icon2,.sernavlist2 li:hover span.icon2,.sernavlist2 li.hover span.icon2{ background-position:0 -48px;}
.sernavlist2 li span.icon3,.sernavlist2 li:hover span.icon3,.sernavlist2 li.hover span.icon3{ background-position:0 -98px;}
.sernavlist2 li span.icon4,.sernavlist2 li:hover span.icon4,.sernavlist2 li.hover span.icon4{ background-position:0 -146px;}
.sernavlist2 li span.icon5,.sernavlist2 li:hover span.icon5,.sernavlist2 li.hover span.icon5{ background-position:0 -198px;}
.sernavlist2 li.hover ul li,.sernavlist2 li:hover ul li,.sernavlist2 li ul li{ background:#fff; overflow:hidden;}
.sernavlist2 li.hover ul li a,.sernavlist2 li:hover ul li a,.sernavlist2 li ul li a{color:#898989; background:url(../images/dian.jpg) 50px center no-repeat; padding-left:63px;}
.sernavlist2 li.hover ul li a:hover,.sernavlist2 li:hover ul li a:hover,.sernavlist2 li ul li a:hover{ color:#41b0ae;}*/


/*2015/12/22 start*/

.sernavlist2 {
	text-align: center;
	border: 1px solid #eee;
	border-bottom: none;
}

.sernavlist2 li {
	float: left;
	width: 100%;
	line-height: 48px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.sernavlist2 li a {
	display: block;
	border-bottom: 1px solid #eee;
	width: 100%;
	float: left;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.sernavlist2 li a b {
	font-size: 18px;
	border-left: 1px solid #898989;
	float: left;
	padding-left: 10px;
	margin: 6px 0;
	height: 36px;
	line-height: 36px;
}

.sernavlist2 li span {
	float: left;
	width: 36px;
	height: 48px;
	margin: 0 8px;
	/*background:url(../images/sevicon3.png) no-repeat;*/
}

.sernavlist2 li:hover,
.sernavlist2 li.hover {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.sernavlist2 li:hover a,
.sernavlist2 li.hover a {
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	background-color: #221E1F;
}

.sernavlist2 li:hover a b,
.sernavlist2 li.hover a b {
	border-left: 1px solid #ffffff;
}

.sernavlist2 li:hover span,
.sernavlist2 li.hover span {
	background: url(../images/sevicon4.png) no-repeat;
}

.sernavlist2 li span.icon1,
.sernavlist2 li:hover span.icon1,
.sernavlist2 li.hover span.icon1 {
	background-position: 0 0;
}

.sernavlist2 li span.icon2,
.sernavlist2 li:hover span.icon2,
.sernavlist2 li.hover span.icon2 {
	background-position: 0 -48px;
}

.sernavlist2 li span.icon3,
.sernavlist2 li:hover span.icon3,
.sernavlist2 li.hover span.icon3 {
	background-position: 0 -98px;
}

.sernavlist2 li span.icon4,
.sernavlist2 li:hover span.icon4,
.sernavlist2 li.hover span.icon4 {
	background-position: 0 -146px;
}

.sernavlist2 li span.icon5,
.sernavlist2 li:hover span.icon5,
.sernavlist2 li.hover span.icon5 {
	background-position: 0 -198px;
}

.sernavlist2 li.hover ul li,
.sernavlist2 li:hover ul li,
.sernavlist2 li ul li {
	background: #fff;
	overflow: hidden;
}

.sernavlist2 li.hover ul li a,
.sernavlist2 li:hover ul li a,
.sernavlist2 li ul li a {
	color: #898989;
	background: url(../images/dian.jpg) 50px center no-repeat;
	padding-left: 63px;
}

.sernavlist2 li.hover ul li a:hover,
.sernavlist2 li:hover ul li a:hover,
.sernavlist2 li ul li a:hover {
	color: #41b0ae;
}

.sernavlist2 li ul.xbox {
	display: none;
}


/*2015/12/22 end*/

.sersearch {
	float: left;
	width: 100%;
	background: url(../images/bgser1.jpg) center top no-repeat;
	height: 90px;
}

.search {
	float: right;
	width: 430px;
	margin: 14px 95px 0 0;
	line-height: 35px;
	color: #606060;
}

.schtxt2 {
	width: 376px;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: none;
	color: #666;
	font-size: 14px;
	float: left;
}

.schbtn2 {
	background: url(../images/schbtn3.jpg) no-repeat;
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	float: left;
}

.serabout {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	line-height: 30px;
}

.msg {
	border: 1px solid #dddddd;
	margin: 20px 0 0 172px;
	min-height: 640px;
	width: 870px;
	float: left;
	border-radius: 6px;
}

.msgtxt {
	padding: 0 40px;
	display: block;
	overflow: hidden;
	clear: both;
	line-height: 50px;
	margin: 20px 0 0 0;
	position: relative;
}

.msgtxt p span {
	margin: 0 15px;
}

.fuwu {
	float: left;
	width: 100%;
	line-height: 30px;
	margin-top: 10px;
}

.fuwu span {
	float: left;
}

.fuwu p {
	float: right;
	width: 680px;
}

.fuwu p a {
	float: left;
	margin: 0 10px;
}

.fuwu p a.hover {
	color: #41b0ae;
}

.msgtable {
	float: left;
	width: 100%;
	width: 770px;
	margin: 40px 0 0 51px;
	line-height: 26px;
}

.msgtable td,
.msgtable th {
	text-align: right;
	font-weight: normal;
	padding-bottom: 13px;
	color: #333;
	vertical-align: top;
}

.msgtable td {
	text-align: left;
	color: #666;
	padding-left: 5px;
}

.msgtxt1 {
	border: 1px solid #e1e1e1;
	width: 300px;
	padding-left: 10px;
	height: 24px;
	line-height: 24px;
	color: #666;
	font-size: 14px;
	font-family: "微软雅黑", "Microsoft YaHei";
}

.msgtxt2 {
	width: 102px;
	border: 1px solid #dddddd;
	height: 24px;
	line-height: 24px;
}

.msgtxt3 {
	height: 125px;
	font-size: 12px;
	color: #666;
	padding: 0 5px;
}

.msgbtn1,
.msgbtn2 {
	width: 100px;
	height: 33px;
	font-size: 16px;
	color: #fff;
	background: #221E1F;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #7c7c7c inset;
	border: none;
	margin: 30px 14px 0 0;
	cursor: pointer;
}

.msgbtn2 {
	background: #999999;
	box-shadow: 0 -2px 2px #7c7c7c inset;
}

.freeheart {
	float: left;
	width: 1170px;
	padding: 0 15px;
	position: relative;
	margin: 70px 0 0 0;
}

.freeheart span.prev,
.freeheart span.next {
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 30px;
	font-family: "\5B8B\4F53";
	cursor: pointer;
	margin-top: -15px;
}

.freeheart span.next {
	left: auto;
	right: 0;
}

.freeheartlist li {
	float: left;
	width: 315px;
	margin: 0 37px;
}

.freeheartlist li span.pic {
	float: left;
}

.freeheartlist li span.txt {
	float: right;
	width: 165px;
	margin: 22px 0 0 0;
	line-height: 22px;
}

.freeheartlist li span.txt h2 {
	font-size: 18px;
	color: #333;
	padding-bottom: 6px;
}

.free_con {
	float: left;
	width: 100%;
	line-height: 26px;
}

.free_tit {
	float: left;
	width: 100%;
	font-size: 12px;
}

.free_tit h2 {
	color: #313131;
	font-size: 24px;
}

.asktit {
	float: left;
	width: 1107px;
	margin: 0 auto;
	padding-top: 45px;
	text-align: center;
	color: #313131;
	margin-bottom: 40px;
}

.asktit h2 {
	font-size: 24px;
	background: url(../images/bgline2.jpg) left center repeat-x;
	color: #41b0ae;
	margin-bottom: 10px;
}

.asktit h2 b {
	display: inline-block;
	padding: 0 28px;
	background: #f5f5f5;
}

.asktit .kefubtn {
	width: 194px;
	background: #41b0ae;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin: 10px 0 0 0;
	line-height: 45px;
	border-radius: 6px;
	box-shadow: 0 -2px 2px #007674 inset;
}

.asktit2 h2 b {
	background: #fff;
}

.free_con .ltxt2 {
	float: right;
	margin: 52px 34px 0 0;
	width: 590px;
}

.booklist li {
	float: left;
	width: 365px;
	border: 1px solid #b9b9ba;
	margin: 10px 12px 0 0;
	padding: 12px;
	height: 560px;
	line-height: 30px;
}

.booklist li img {
	margin-bottom: 20px;
}

.booklist li.nor {
	margin-right: 0;
}

.booklist li p {
	margin-left: -5px;
	width: 382px;
	color: #41b0ae;
}

.booklist li p span {
	padding: 0 10px;
	min-width: 80px;
	text-align: center;
	display: inline-block;
	color: #5e5e5e;
}

.booklist li.nor p span {
	padding: 0;
	width: 64px;
}

.bookdt {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

.bkleft {
	float: left;
	width: 250px;
	border: 1px solid #eee;
	border-right: none;
	border-bottom: none;
}

.bkright {
	float: right;
	width: 946px;
	background: #f5f5f5;
	border: 1px solid #eee;
	min-height: 300px;
}

.bknavlist li {
	float: left;
	width: 100%;
	line-height: 58px;
	font-size: 16px;
	border-bottom: 1px solid #eee;
}

.bknavlist li a {
	display: block;
	padding-left: 66px;
}

.bknavlist li ul {
	padding-bottom: 10px;
	margin-top: -5px;
	float: left;
	width: 100%;
}

.bknavlist li ul li {
	border-bottom: none;
	font-size: 14px;
	line-height: 30px;
}

.bknavlist li ul li.hover a {
	color: #41b0ae;
}

.bookcon {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 35px 50px;
	line-height: 26px;
}

.mapweb {
	float: left;
	margin: 20px 0 0 0;
}

.web {
	float: right;
	width: 518px;
}

.webtop {
	float: left;
	width: 288px;
	line-height: 26px;
}

.webtop p {
	padding-bottom: 13px;
}

.webtop .webtxt1 {
	border: 1px solid #dfdfdf;
	width: 214px;
	height: 24px;
	line-height: 24px;
}

.webbtn1 {
	float: right;
	width: 70px;
	background: #41b0ae;
	border: none;
	margin: 10px 0 0 0;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.result {
	float: left;
	width: 100%;
	margin: 32px 0 0 0;
	height: 450px;
	overflow-y: auto;
}

.weblist li {
	float: left;
	width: 490px;
	padding-bottom: 15px;
	line-height: 30px;
}

.weblist li h2 {
	padding-bottom: 5px;
	color: #333;
	font-size: 16px;
}

.weblist li p.spa1 {
	background: url(../images/lxicon3.jpg) left center no-repeat;
	padding-left: 30px;
}

.weblist li p.spa2 {
	background: url(../images/lxicon1.jpg) left center no-repeat;
	padding-left: 30px;
}

.weblist li p.spa3 {
	background: url(../images/lxicon4.jpg) left center no-repeat;
	padding-left: 30px;
	font-size: 12px;
}

label.lei {
	margin-right: 15px;
	display: inline-block;
}

.serviceBrow_03 {
	margin-top: 20px;
}

.service_table_div {
	width: 100%;
	background: none repeat scroll 0 0 #F8F8F8;
	margin-top: 20px;
}

.service_table_div table {
	border: 1px solid #D9D9D9;
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

.service_table_div th,
td {
	/*border:1px solid #d9d9d9;*/
	padding: 5px 0;
	vertical-align: middle;
}

.service_table_div table .col1 {
	width: 120px;
}

.service_table_div table .col3 {
	width: 80px;
}

.service_table_div table .td_content {
	padding-left: 10px;
	text-align: left;
}

.sv-list01 {
	background: #F8F8F8;
	border: 1px solid #D9D9D9;
	padding: 5px 5px 5px 15px;
	overflow: hidden;
	width: 1038px;
	margin: 10px 0;
}

.sv-list01 li {
	float: left;
	margin-right: 15px;
	background: url(../img/2012hg/ic-ydian.png) no-repeat 0 7px;
	padding-left: 14px;
	display: inline;
	width: 315px;
}

.sv-list01 .no-sy {
	margin-right: 12px;
	*margin-right: 4px;
	background: none;
}

.sv-list01 li strong {
	font-size: 14px;
}

.sv-list02 {
	width: 1042px;
	padding: 5px 5px 5px 10px;
	background: #F8F8F8;
	border: 1px solid #D9D9D9;
	overflow: hidden;
	zoom: 1;
}

.sv-list02 li {
	background: url(../img/2012hg/ic-ydian.png) no-repeat 0 7px;
	padding-left: 14px;
	width: 320px;
	float: left;
	margin-right: 11px;
}

.freepic {
	position: relative;
	width: 100%;
	float: left;
	margin: 8px 0 0 0;
}

.free_word {
	position: absolute;
	width: 394px;
	height: 155px;
	left: 50%;
	top: 0;
	background: url(../images/bgtm50.png) repeat;
	margin: 0 0 0 -197px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	padding-top: 75px;
}

.free_word2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 403px;
	background: url(../images/bgtm50.png) repeat;
	height: 100%;
	color: #fff;
	line-height: 24px;
}

.free_word2 .txt {
	width: 245px;
	margin: 184px 0 0 65px;
}

.free_word3 {
	left: auto;
	right: 0;
	width: 370px;
}

.free_word3 .txt {
	margin: 195px 35px 0 0;
	width: 270px;
	float: right;
}

.free_word4 {
	font-size: 14px;
}

.free_word4 .txt {
	width: 240px;
	margin: 0 auto;
	text-align: left;
	line-height: 24px;
	margin-top: -20px;
}

.prolooktable td {
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
}

.prolooktable td.spa {
	text-align: left;
	padding-left: 15px;
}

.lkpic {
	position: relative;
}

.lkpic span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.kongbai {
	float: left;
	width: 100%;
	height: 70px;
}

.fixed {
	position: fixed;
	left: 50%;
	margin-left: -600px;
	background: #fff;
	top: 0;
	width: 1200px;
	height: 68px;
}

.bgwhite {
	background: #fff;
	float: left;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 60px;
	display: none;
	box-shadow: 1px 2px 3px #dedede;
	-webkit-box-shadow: 1px 2px 3px #dedede;
	-moz-box-shadow: 1px 2px 3px #dedede;
	-ms-border-bottom: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.vd_img {
	position: absolute;
	top: 0;
	z-index: 66;
}

.hxtablist {
	float: left;
	width: 100%;
	margin: 10px 0 30px 0;
	border-bottom: 1px solid #8f8f8f;
	line-height: 30px;
}

.hxtablist li {
	float: left;
	padding-bottom: 5px;
	margin: 0 18px;
	cursor: pointer;
}

.hxtablist li:hover,
.hxtablist li.hover {
	border-bottom: 2px solid #41b0ae;
	color: #333;
	padding-bottom: 3px;
}

.phonetxt {
	float: left;
	border: 1px solid #dedede;
	width: 120px;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	color: #666;
}

.codetxt {
	float: left;
	border: 1px solid #dedede;
	width: 60px;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	color: #666;
}

.phonebtn {
	float: left;
	width: 48px;
	height: 26px;
	margin-left: 8px;
	color: #666;
}

.phonenum {
	display: none;
}

.phonenum p {
	float: left;
	margin: 0 5px;
}

.mydiv2 {
	width: 1035px;
	height: 600px;
	margin: -300px 0 0 -518px;
}

.mydiv2 .close {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 999;
}

.share_icon .bdshare-button-style0-16 a {
	background: url(../images/fxicon1.png) no-repeat;
	width: 23px;
	height: 23px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-mz-transition: none;
	transition: none;
	display: inline-block;
	padding-left: 0;
	margin-top: 5px;
	float: left;
}

.share_icon .bdshare-button-style0-16 a:hover {
	background: url(../images/fxicon2.png) no-repeat;
}

.bdshare-button-style0-16 a.bds_weixin,
.share_icon .bdshare-button-style0-16 a:hover.bds_weixin {
	background-position: 0 0;
}

.bdshare-button-style0-16 a.bds_tsina,
.bdshare-button-style0-16 a:hover.bds_tsina {
	background-position: -23px 0;
}

.bdshare-button-style0-16 a.bds_qzone,
.bdshare-button-style0-16 a:hover.bds_qzone {
	background-position: -45px 0;
}

.bdshare-button-style0-16 a.bds_tqq,
.bdshare-button-style0-16 a:hover.bds_tqq {
	background-position: -67px 0;
}

.bdshare-button-style0-16 .bds_more {
	display: none;
}

.jia_title span.curr {
	margin-right: 20px;
}


/* tFocus */

#tFocus {
	width: 514px;
	height: 568px;
	margin: 30px 0;
	float: left;
	position: relative;
}

#tFocus-pic {
	position: relative;
	float: left;
	width: 448px;
	height: 446px;
	overflow: hidden;
	margin: 0 30px;
}

#tFocus-pic li {
	width: 448px;
	height: 446px;
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
}

#tFocus-pic li img {
	width: 448px;
	height: 446px;
}

#tFocusBtn {
	position: relative;
	height: 100px;
	margin-top: 10px;
	padding: 6px 5px;
	width: 533px;
	overflow: hidden;
	float: left;
}

#tFocus-btn {
	height: 102px;
	width: 452px;
	overflow: hidden;
	margin-left: 0;
	float: left;
	margin: 0 26px;
}

#tFocus-btn ul {
	width: 100000px;
	left: 0;
	position: relative;
	display: block;
}

#tFocus-btn li {
	height: 102px;
	width: 107px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-right: 6px;
}

#tFocus-btn li img {
	width: 105px;
	height: 100px;
	cursor: pointer;
	border: 1px solid #cccccc;
}

#tFocus-btn li.active {
	background-position: -448px -100px;
}

#tFocus-btn li.active img {
	border: 1px solid #7f0909;
}

#tFocus-leftbtn,
#tFocus-rightbtn {
	position: absolute;
	top: 30px;
	width: 16px;
	height: 31px;
	margin: 0 5px;
	background: url(../images/pn.png) left center no-repeat;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-mz-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

#tFocus-leftbtn {
	background-position: 0 0;
	left: 0;
}

#tFocus-rightbtn {
	background-position: -32px -0;
	right: 30px;
}

#tFocus-leftbtn:hover {
	background-position: -16px 0;
}

#tFocus-rightbtn:hover {
	background-position: -48px 0;
}

.con_product a h1 {
	line-height: 32px;
	padding-left: 20px;
	background: url(../images/i2.png) left 13px no-repeat;
	float: left;
	width: 1180px;
}

.fuwu table {
	margin-left: 10px;
	float: right;
}

.fuwu table td {
	margin: 0;
	padding: 0px;
}

.msg table td {
	margin-top: 0px;
	padding-top: 0px;
}

.msg input[type="checkbox"] {
	width: auto;
	height: auto;
}

.msg .fuwu table td a input {
	display: none;
}

.msg .fuwu table td a {
	padding-left: 20px;
	background: url(../images/msg_radioButtonNormal.png) no-repeat left center;
}

.msg .fuwu table td a.hover {
	background: url(../images/msg_radioButtonHover.png) no-repeat left center;
}

.msg table td select {
	font-family: "微软雅黑", "Microsoft YaHei";
	font-size: 14px;
}

#con_dep_1,
#con_dep_2,
#con_dep_3,
#con_dep_4 {
	font-size: 14px;
	line-height: 24px;
}

.searchRighInfo {
	padding-left: 30px;
}

.searchRighInfo .searchRighInfoTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	padding-top: 20px;
	color: #221E1F;
}

.searchRighInfo dl dd {
	padding-left: 20px;
	line-height: 32px;
	background: url(../images/dot.jpg) no-repeat left center;
}

.searchRighInfo dl dd a {
	line-height: 32px;
	font-size: 16px;
}

.searchRighInfo li p {
	padding-left: 20px;
	font-size: 12px;
}

.serabout_Category {
	padding-left: 30px;
}
.serabout_Contentli li{
	line-height: 48px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	clear:both;
}
.serabout_Contentli ul li a{
	line-height: 48px;
}
.serabout_Contentli li span{
	display: block;
	float: right;
	padding-right: 20px;
	line-height: 48px;
	background-repeat: repeat-y;
}
.serabout_Category h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	padding-top: 20px;
	color: #221E1F;
}

.serabout_Category ul li a {
	padding-left: 20px;
	/*line-height: 32px;*/
	background: url(../images/dot.jpg) no-repeat left center;
	/*font-size: 16px;*/
}

.onlineService {
	width: 102px;
	padding-left: 20px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background: url(../images/onlineService.png) no-repeat 8px 3px #41b0ae;
	border-radius: 5px;
	box-shadow: 0 -2px 2px #007674 inset;
	border: none;
	font-size: 14px;
	display: block;
	position: absolute;
	top: 8px;
	right: 46px;
}

.onlineService:hover {
	color: #fff;
}

#con_dep_4 .download2 li {
	height: 24px;
	line-height: 24px;
	display: block;
	width: 100%;
}

#con_dep_4 .download2 li span {
	line-height: 24px;
	float: left;
	background: url(../images/productDetail_Download.png) no-repeat center right;
	display: inline-block;
	padding-right: 25px;
}

#con_dep_4 .download2 li a.down {
	display: block;
	height: 24px;
	line-height: 24px;
}








/***/

    .flinks a:hover,.footer a:hover{
        color: #fff;
    }

    .flinks a:active,.flinks a:hover {
        color: #fff;
    }

	.hidden-mao {
    position: relative;
    top: -75px;
    display: block;
    height: 0;
    overflow: hidden;
}