@charset "utf-8";

body {
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: 'microsoft yahei';
	-webkit-text-size-adjust: none;
	height: auto;
	color: #333;
	background: #fff
}

body {
	overflow-x: hidden;
	overflow-y: auto
}

html {
	min-width: 1280px
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin: 0
}

pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th {
	padding: 0;
	margin: 0
}

fieldset {
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;
	border-right-width: 0
}

a img {
	border: 0;
	padding: 0;
	margin: 0
}

i {
	font-style: normal
}

address,
caption,
cite,
cite,
code,
dfn,
em,
th,
var {
	font-weight: normal;
	font-style: normal
}

li {
	list-style-type: none
}

caption {
	text-align: left
}

th {
	text-align: left
}

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

q:unknown {
	content: ''
}

input,
textarea,
select {
	font-family: inherit;
	font-size: 100%
}

a:link {
	color: #333;
	text-decoration: none
}

a:visited {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #178655;
	text-decoration: none
}

.icon {
	background-image: url("../images/icon.png");
	display: inline-block;
	vertical-align: middle
}

.fl {
	float: left
}

.fr {
	float: right
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both;
	font-size: 0;
	margin: 0;
	padding: 0;
	display: block;
	_height: 0;
	overflow: hidden
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.w1200 {
	width: 1200px;
	margin: 0 auto
}

.head_main {
	z-index: 10;
	background: #333b4a;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 12px
}

.head_main .right li {
	display: inline
}

.head_main .right li a {
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 10
}

.head_main .right li a img {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 41px;
	right: -28px;
	z-index: 10;
	border-radius: 5px;
	padding: 5px;
	background: #333b4a;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0)
}

.head_main .right li:hover img {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.head_main .right li i {
	width: 18px;
	height: 40px;
	background-position: -95px 2px;
	margin-right: 8px;
	margin-left: 30px;
	vertical-align: top
}

.head_main .right .l2 i {
	background-position: -113px 2px
}

.head_main .right .l3 i {
	background-position: -131px 2px
}

.top_main {
	position: relative;
	padding: 17px 0;
	z-index: 9;
	border-bottom: 1px solid #ecebec;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
	background: #fff
}

.top_main .logo img {
	float: left
}

.top_main ul {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.top_main li {
	float: left;
	margin-left: 35px;
	text-align: left;
	position: relative;
	display: block;
	text-align: center;
	padding-top: 5px;
	z-index: 9
}

.top_main li a {
	display: inline-block;
	margin: 0 auto;
	position: relative
}

.top_main li a i {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 7px;
	display: block;
	transition: ease-in-out 0.2s;
	z-index: 9
}

.top_main li a p {
	width: 100%;
	height: 50px;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 10;
	line-height: 50px
}

.top_main li a:hover,
.top_main li a.hover,
.top_main li #hover2 {
	cursor: pointer
}

.top_main li a:hover i,
.top_main li a.hover i,
.top_main li #hover2 i {
	width: 100%;
	bottom: 0;
	background: #178655
}

.top_main li a:hover p,
.top_main li a.hover p,
.top_main li #hover2 p {
	color: #178655
}

.top_main dl {
	width: 120px;
	border-radius: 0 0 3px 3px;
	padding-bottom: 3px;
	background: #178655;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 55px;
	z-index: 1555;
	border-top: none
}

.top_main dl {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0)
}

.top_main li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}

.top_main dl dd {
	border-top: 1px solid #0a673e;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 40px
}

.top_main dl dd a:hover {
	color: #fff
}

.top_main dl dd a {
	color: #dddada;
	height: 35px;
	display: block;
	line-height: 35px
}

#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto
}

#banner_main .banner {
	height: 600px
}

#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0
}

#banner,
.banner ul {
	max-height: 600px;
	overflow: hidden
}

.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none
}

.banner li:first-child {
	display: block
}

.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0
}

#banner .tip {
	width: 1000px;
	height: 14px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 30px;
	z-index: 3
}

#banner .tip span {
	width: 16px;
	height: 16px;
	margin: 0 7px;
	display: inline-block;
	cursor: pointer;
	background: #ddd;
	border-radius: 14px;
	transition: all .5s
}

#banner .tip span.cur {
	background: #178655
}

#banner #btn_prev,
#banner #btn_next {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	z-index: 5;
	opacity: 0
}

#banner #btn_prev {
	left: 4%;
	background-position: 0 0
}

#banner #btn_next {
	background-position: 0 -30px;
	right: 4%
}

#banner:hover #btn_prev,
#banner:hover #btn_next {
	opacity: 0.6
}

#banner #btn_prev:hover {
	opacity: 1;
	background-position: -30px 0px
}

#banner #btn_next:hover {
	opacity: 1;
	background-position: -30px -30px
}

.nybanner {
	width: 100%;
	position: relative;
	height: 300px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat
}

.search {
	border-bottom: 1px solid #eee
}

.search .hot {
	padding: 30px 0;
	height: 40px;
	line-height: 40px
}

.search .hot .left {
	color: #333;
	font-weight: bold
}

.search .hot .left b {
	color: #178655
}

.search .hot .left a {
	padding: 0 10px;
	color: #787878;
	font-weight: 100
}

.search .hot .left a:hover {
	color: #178655
}

.search .hot .right {
	position: relative
}

.search .hot .right .input {
	width: 278px;
	height: 20px;
	border: 1px solid #eee;
	border-radius: 20px;
	line-height: 20px;
	padding: 9px 0px;
	border: none;
	border-right: none;
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #f5f5f5;
	padding-left: 20px;
	outline: none
}

.search .hot .right .btn {
	width: 23px;
	height: 38px;
	border: none;
	background-position: -168px bottom;
	z-index: 10;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 0px;
	outline: none
}

.index_title {
	text-align: center;
	padding-top: 55px;
	padding-bottom: 40px
}

.index_title h3 {
	font-size: 32px;
	font-weight: 100;
	padding-bottom: 12px;
	color: #178655;
	font-weight: bold
}

.index_title p {
	background: url(../images/line.png) center center no-repeat;
	width: 320px;
	height: 22px;
	margin: 0 auto
}

.more {
	text-align: center
}

.more li {
	float: left
}

.more ul {
	display: inline-block
}

.more a {
	width: 141px;
	height: 35px;
	display: block;
	color: #178655;
	margin: 0 19px;
	border: 2px solid #178655;
	line-height: 35px;
	border-radius: 4px;
	font-size: 18px
}

.more a:hover {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1)
}

.more .ewmbtn {
	background: #178655;
	color: #fff
}

.floor_1 {
	padding-bottom: 60px
}

.floor_1 .body {
	overflow: hidden;
	*margin-bottom: 38px
}

.floor_1 .body ul {
	width: 100%
}

.floor_1 .body li {
	width: 385px;
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;
	position: relative;
	border-radius: 5px;
	transition: all .5s
}

.floor_1 .body li:nth-child(3n) {
	margin-right: 0
}

.floor_1 .body li .img {
	width: 100%;
	height: 289px
}

.floor_1 .body li .img img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 5px
}

.floor_1 .body li .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	background: url(../images/bg_6.png) repeat;
	width: 100%;
	border-radius: 0 0 5px 5px;
	color: #fff;
	transition: all .5s
}

.floor_1 .body li .txt h3 {
	font-size: 18px;
	font-weight: 100;
	line-height: 60px;
	text-align: center;
	transition: all .5s
}

.floor_1 .body li .txt span {
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	width: 123px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	opacity: 0;
	transition: all .5s
}

.floor_1 .body li:hover {
	text-align: center;
	box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1)
}

.floor_1 .body li:hover .txt {
	background: url(../images/bg_6b.png) repeat;
	height: 100%;
	border-radius: 5px
}

.floor_1 .body li:hover .txt h3 {
	padding-top: 89px
}

.floor_1 .body li:hover .txt span {
	opacity: 1
}

.floor_2_main {
	background: #f7f7f7
}

.floor_2_main .box1 .left {
	width: 690px;
	padding-top: 12px
}

.floor_2_main .box1 .left li {
	border-bottom: 1px dashed #b3b3b3;
	padding-bottom: 32px;
	margin-bottom: 32px
}

.floor_2_main .box1 .left li .fl {
	width: 117px;
	margin-right: 20px
}

.floor_2_main .box1 .left li .fl img {
	width: 117px
}

.floor_2_main .box1 .left li .fr {
	float: left;
	width: 540px
}

.floor_2_main .box1 .left li .fr h3 {
	font-size: 24px;
	font-weight: 100;
	padding-top: 20px;
	padding-bottom: 16px
}

.floor_2_main .box1 .left li .fr h3 b {
	color: #ddd;
	margin-right: 5px
}

.floor_2_main .box1 .left li .fr .p {
	color: #666;
	line-height: 24px;
	padding-left: 15px;
	text-align: justify;
	height: 70px;
	overflow: hidden
}

.floor_2_main .box1 .right {
	width: 489px
}

.floor_2_main .box2 {
	padding: 50px 0
}

.floor_2_main .box2 .left {
	float: right;
	padding-top: 0
}

.floor_2_main .box2 .left li .fr {
	width: 520px
}

.floor_2_main .box2 .right {
	float: left
}

.floor_2_main .box2 .left li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.floor_2_main .box2 .left li {
	padding-bottom: 29px;
	margin-bottom: 29px
}

.liucheng {
	text-align: center;
	padding-top: 55px;
	background: url(../images/f2_bg.jpg) center top no-repeat;
	height: 445px
}

.liucheng .title {
	padding-bottom: 13px;
	border-bottom: 1px solid #8f8e93
}

.liucheng .title h3 {
	color: #fff;
	font-size: 31px;
	font-weight: 100
}

.liucheng .title p {
	color: #999;
	font-size: 16px;
	padding-top: 8px
}

.liucheng img {
	padding-top: 65px;
	width: 100%
}

.liucheng ul {
	width: 115%
}

.liucheng li {
	float: left;
	color: #fff;
	font-size: 16px;
	width: 190px;
	text-align: justify
}

.liucheng .l2 {
	width: 190px
}

.liucheng .l3 {
	width: 185px
}

.liucheng .l4 {
	width: 190px
}

.liucheng .l5 {
	width: 185px
}

.floor_3 {
	padding-bottom: 50px
}

.floor_3 .body {
	overflow: hidden
}

.floor_3 .body ul {
	width: 112%
}

.floor_3 .body li {
	margin-bottom: 40px;
	width: 370px;
	float: left;
	margin-right: 45px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: all .5s
}

.floor_3 .body li .img {
	width: 100%;
	height: 278px
}

.floor_3 .body li .img img {
	width: 100%;
	height: 100%;
	border-radius: 5px
}

.floor_3 .body li .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 67px;
	background: #666;
	width: 100%;
	border-radius: 0 0 5px 5px;
	color: #fff;
	text-align: center;
	line-height: 67px;
	transition: all .5s
}

.floor_3 .body li .txt h3 {
	font-size: 20px;
	font-weight: 100;
	line-height: 67px
}

.floor_3 .body li .txt span {
	margin: 0 auto;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	width: 123px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	margin-top: 0;
	opacity: 0;
	transition: all .5s
}

.floor_3 .body li:hover {
	box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1)
}

.floor_3 .body li:hover .txt {
	background: url(../images/bg_6b.png) repeat;
	height: 100%;
	border-radius: 5px
}

.floor_3 .body li:hover .txt h3 {
	padding-top: 78px
}

.floor_3 .body li:hover .txt span {
	opacity: 1
}

.floor_4_main {
	background: url(../images/f4_bg.jpg) center top no-repeat;
	width: 100%;
	height: 168px;
	margin-bottom: 50px
}

.floor_4_main .w1200 {
	overflow: hidden
}

.floor_4_main .left {
	padding-top: 27px
}

.floor_4_main .left h3 {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding-top: 10px
}

.floor_4_main .left p {
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	padding-top: 10px
}

.floor_4_main .right {
	width: 410px;
	height: 168px;
	position: relative
}

.floor_4_main .right h3 {
	color: #178655;
	font-family: arial;
	font-size: 26px;
	padding-top: 33px;
	padding-left: 35px
}

.floor_4_main .right p {
	font-size: 20px;
	color: #fff;
	padding-top: 40px
}

.floor_4_main .right img {
	position: absolute;
	right: 1px;
	width: 110px;
	height: 110px;
	padding: 5px;
	background: #fff;
	top: 23px
}

.floor_5 {
	background: #f7f7f7;
	padding-top: 60px;
	border-radius: 10px;
	padding-bottom: 37px;
	overflow: hidden
}

.floor_5 .left {
	position: relative;
	width: 530px;
	margin-left: 60px;
	padding: 11px
}

.floor_5 .left:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 130px;
	height: 160px;
	background: #178655;
	border-radius: 5px
}

.floor_5 .left:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 130px;
	height: 160px;
	background: #178655;
	border-radius: 5px
}

.floor_5 .left img {
	position: relative;
	width: 530px;
	height: 350px;
	display: block;
	border-radius: 5px;
	z-index: 1
}

.floor_5 .right {
	width: 483px;
	padding-right: 67px
}

.floor_5 .right h3 {
	color: #178655;
	font-size: 24px;
	line-height: 58px
}

.floor_5 .right h4 {
	font-size: 16px;
	color: #999;
	font-weight: 100;
	padding-bottom: 25px
}

.floor_5 .right .p {
	color: #666;
	line-height: 24px
}

.floor_5 .right a {
	width: 141px;
	height: 35px;
	display: block;
	color: #178655;
	text-align: center;
	border: 2px solid #178655;
	line-height: 35px;
	border-radius: 4px;
	font-size: 20px;
	margin-top: 30px
}

.floor_5 .right a:hover {
	width: 220px
}

.floor_6 {
	padding-bottom: 40px
}

.floor_6 .cont {
	padding-bottom: 40px
}

.floor_6 .newsimg {
	width: 432px;
	height: 477px;
	overflow: hidden;
	position: relative;
	padding: 3px;
	border: 1px solid #ddd
}

.floor_6 .newsimg img {
	width: 100%;
	height: 324px
}

.floor_6 .newsimg .txt {
	padding: 10px 20px
}

.floor_6 .newsimg h3 {
	color: #434343;
	font-size: 22px;
	transition: all .5s
}

.floor_6 .newsimg p {
	color: #999;
	line-height: 24px;
	text-align: justify;
	padding-top: 10px
}

.floor_6 .newsimg:hover h3 {
	color: #178655
}

.floor_6 .textlist {
	width: 730px;
	margin-left: 30px
}

.floor_6 .textlist .item {
	border-bottom: 1px dashed #e5e5e5;
	height: 69px;
	padding: 15px 0
}

.floor_6 .textlist .item:first-child {
	padding-top: 0
}

.floor_6 .textlist .item a {
	display: block
}

.floor_6 .textlist .item h3 {
	font-size: 18px;
	vertical-align: top;
	color: #333;
	transition: all .5s
}

.floor_6 .textlist .item p {
	font-size: 14px;
	line-height: 21px;
	color: #999;
	text-align: justify
}

.floor_6 .textlist .item .time {
	display: block;
	width: 70px;
	height: 70px;
	font-size: 14px;
	line-height: 22px;
	margin-right: 20px;
	color: #999;
	background: #f2f2f2;
	text-align: center
}

.floor_6 .textlist .item .time b {
	font-weight: normal;
	display: block;
	font-size: 30px;
	line-height: 45px
}

.floor_6 .textlist .item:hover h3 {
	color: #178655
}

.links_main {
	border-top: 1px solid #e5e5e5;
	line-height: 90px;
	height: 90px
}

.links_main span {
	color: #178655;
	font-size: 36px;
	font-weight: bold;
	margin-right: 40px;
	display: block;
	float: left
}

.links_main a {
	padding: 0 30px
}

.bottom_main {
	background: #1c2129;
	padding: 41px 0 60px
}

.bottom_main b {
	color: #fff;
	font-size: 20px;
	float: left;
	width: 109px
}

.bottom_main .bott_nav {
	border-bottom: 1px solid #666;
	padding-bottom: 27px;
	overflow: hidden;
	line-height: 20px
}

.bottom_main .bott_nav .right {
	width: 1082px
}

.bottom_main .bott_nav .right ul {
	width: 100%
}

.bottom_main .bott_nav .right li {
	float: left;
	background: url(../images/bott_nav.jpg) left center no-repeat
}

.bottom_main .bott_nav .right ul li:first-child {
	background: none
}

.bottom_main .bott_nav .right a {
	color: #999;
	font-size: 16px;
	padding: 0 35px;
	line-height: 16px;
	height: 16px
}

.bottom_main .bott_nav .right a:hover {
	color: #fff
}

.bottom_main .txt {
	padding-top: 47px
}

.bottom_main .txt .t {
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

.bottom_main .txt .box1 {
	width: 344px
}

.bottom_main .txt .box1 img {
	opacity: .42;
	filter: alpha(opacity=42);
	padding-top: 16px
}

.bottom_main .txt .box2 {
	width: 383px
}

.bottom_main .txt .box2 .clearfix {
	padding-top: 21px;
	width: 268px
}

.bottom_main .txt .box2 .fl {
	float: left;
	width: 11px
}

.bottom_main .txt .box2 .fl i {
	width: 11px;
	height: 20px;
	background-position: -314px 5px;
	margin-right: 10px
}

.bottom_main .txt .box2 .fr {
	color: #999;
	float: right;
	width: 250px;
	line-height: 24px
}

.bottom_main .txt .box3 {
	width: 353px
}

.bottom_main .txt .box3 ul {
	padding-top: 21px
}

.bottom_main .txt .box3 li {
	color: #999;
	line-height: 24px
}

.bottom_main .txt .box3 li i {
	width: 17px;
	height: 18px;
	background-position: -335px 0;
	margin-right: 10px
}

.bottom_main .txt .box3 li .i2 {
	background-position: -355px 0
}

.bottom_main .txt .box4 img {
	width: 90px;
	height: 90px;
	padding: 5px;
	background: #fff
}

.bottom_main .bott_nav:first-child a:first-child {
	background: none
}

.bottom_copy {
	height: 50px;
	line-height: 50px;
	background: #1a1a1a;
	color: #666;
	font-size: 12px
}

.bottom_copy a {
	color: #666
}

.bottom_copy a:hover {
	color: #fff
}

.ewmbox {
	width: 300px;
	height: 320px;
	padding-top: 20px;
	background: #fff;
	z-index: 9999;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -150px;
	text-align: center;
	font-size: 16px;
	display: none
}

.ewmbox .close {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -25px;
	right: -40px;
	cursor: pointer;
	border-radius: 100%;
	background: #f3f3f3 url(../images/dialogclose.png) no-repeat center center;
	transition: all ease 300ms
}

.ewmbox .close:hover {
	transform: rotate(180deg)
}

.ewmbox img {
	width: 260px;
	height: 260px;
	display: block;
	margin: 0 auto 10px
}

.dialog-layout {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30)
}

.toolbar {
	position: fixed;
	top: 50%;
	right: 1%;
	margin-top: -163px;
	z-index: 100;
	width: 80px
}

.toolbar dd {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	background: #178655;
	margin-top: 2px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	transition: all .5s
}

.toolbar dd:first-child {
	margin-top: 0
}

.toolbar dd i {
	width: 100%;
	height: 30px;
	display: block;
	margin-top: 13px;
	background: url(../images/toolbar.png) no-repeat center 0
}

.toolbar dd.qq i {
	background-position-y: 0
}

.toolbar dd.tel i {
	background-position-y: -30px
}

.toolbar dd.code i {
	background-position-y: -60px
}

.toolbar dd.top i {
	background-position-y: -90px
}

.toolbar dd span {
	display: block;
	color: #fff
}

.toolbar dd.tel .box {
	position: absolute;
	top: 0;
	width: 190px;
	right: -200px;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	background: #178655;
	opacity: 0;
	transition: all .5s
}

.toolbar dd.tel .box p {
	font-size: 14px;
	margin: 15px auto 7px
}

.toolbar dd.tel .box h3 {
	font-size: 18px;
	font-weight: bold
}

.toolbar dd.tel .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #178655;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: -18px;
	margin-left: -12px
}

.toolbar dd.code .box {
	position: absolute;
	top: 0;
	width: 162px;
	right: -172px;
	height: 162px;
	margin-right: 10px;
	border-radius: 5px;
	background: #178655;
	opacity: 0;
	transition: all .5s
}

.toolbar dd.code .box img {
	width: 140px;
	height: 140px;
	padding: 11px
}

.toolbar dd.code .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #178655;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 30px;
	right: -18px;
	margin-left: -12px
}

.toolbar dd:hover {
	background: #333
}

.toolbar dd.tel:hover .box {
	opacity: 1;
	right: 80px
}

.toolbar dd.code:hover .box {
	opacity: 1;
	right: 80px
}

.local {
	height: 60px;
	line-height: 60px;
	overflow: hidden
}

.local ul {
	float: right;
	margin-right: 60px
}

.local ul li {
	padding: 0 25px;
	float: left
}

.local ul li a {
	position: relative;
	display: block;
	padding: 0 15px;
	overflow: hidden;
	color: #363636
}

.local ul li a i {
	width: 0;
	height: 3px;
	background: #3b3a45;
	position: absolute;
	left: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: 0;
	transition: ease-in .2s
}

.local ul li a.hover,
.local ul li a:hover {
	color: #363636
}

.local ul li a.hover i,
.local ul li a:hover i {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%
}

.bg_main {
	padding-bottom: 50px;
	min-height: 640px
}

.bg_bottom_main {
	background: #eaeaea;
	height: 100px
}

.sub_banner {
	height: 200px;
	width: 100%
}

.sub_nav {
	height: 35px;
	line-height: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
	padding-top: 20px
}

.sub_nav .fl {
	font-size: 30px
}

.sub_nav .fr li {
	float: left
}

.sub_nav .fr li a {
	padding: 0 20px;
	border: 1px solid #e6e6e6;
	display: block;
	margin-left: 10px;
	transition: ease-in-out .2s
}

.sub_nav .fr li a:hover,
.sub_nav .fr li a.hover {
	background: #178655;
	color: #fff;
	border: 1px solid #178655
}

.case {
	margin-top: 40px
}

.case ul {
	width: 105%
}

.case li {
	width: 380px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li .img {
	overflow: hidden;
	height: 213px;
	display: block;
	border: 1px solid #efefef;
	width: 378px;
	border-bottom: none
}

.case li .img img {
	width: 380px;
	height: 213px;
	transition: .9s
}

.imgH li .img {
	height: 284px;
	border: 1px solid #efefef;
	width: 378px;
	border-bottom: none
}

.imgH li .img img {
	height: 284px
}

.case li:hover .img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2)
}

.case li .p {
	border: 1px solid #efefef;
	display: block;
	width: 340px;
	padding: 0 19px;
	height: 108px;
	border-top: none
}

.case li .p p {
	border-bottom: 1px solid #d6d6d6;
	height: 58px;
	line-height: 58px;
	margin-bottom: 10px;
	font-size: 18px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li .p span {
	color: #666;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.case li .p i {
	width: 32px;
	height: 12px;
	background-position: -73px -43px
}

.case li .p .fl {
	font-size: 12px;
	font-family: arial
}

.case li:hover a span {
	color: #178655
}

.case li:hover a p {
	color: #178655
}

.case li:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)
}

.news {
	padding-top: 50px
}

.bg_main .news_ul {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 12px
}

.bg_main .news_ul li {
	padding: 37px 0;
	border-bottom: 1px solid #eaeaea;
	position: relative
}

.bg_main .news_ul li .box1 {
	width: 253px;
	height: 190px;
	overflow: hidden
}

.bg_main .news_ul li .box1 img {
	width: 253px;
	height: 190px;
	transition: ease-in-out .9s
}

.bg_main .news_ul li .box2 {
	padding-left: 42px;
	width: 759px;
	padding-top: 30px
}

.bg_main .news_ul li .box2 h1 {
	font-size: 20px;
	color: #333;
	height: 26px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.bg_main .news_ul li .box2 p {
	color: #666;
	line-height: 24px;
	padding-top: 10px;
	height: 75px
}

.bg_main .news_ul li .box2 span {
	font-size: 12px;
	color: #999
}

.bg_main .news_ul li .right {
	padding-right: 15px;
	padding-top: 55px;
	text-align: center
}

.bg_main .news_ul li .right h3 {
	font-size: 36px;
	color: #999;
	font-weight: 100
}

.bg_main .news_ul li .right p {
	font-size: 24px;
	color: #bbb;
	padding-top: 10px
}

.bg_main .news_ul li a {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%
}

.bg_main .news_ul li a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.bg_main .news_ul li a:hover h1 {
	color: #178655
}

.bg_main .news_ul li b {
	display: block;
	width: 100px;
	height: 30px;
	border: #ccc solid 1px;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	position: absolute;
	right: 12px;
	top: 161px
}

.detail {
	padding-top: 50px
}

.detail .title {
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center
}

.detail .title h1 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 100
}

.detail .title span {
	line-height: 18px;
	font-family: arial;
	color: #959595;
	margin: 0 5px
}

.detail .title i {
	width: 23px;
	height: 16px;
	background-position: -73px 0;
	margin-right: 10px
}

.detail .title .i2 {
	background-position: -104px 0;
	margin-left: 30px
}

.detail .context {
	color: #666;
	line-height: 30px;
	text-align: justify;
	padding: 25px 0
}

.detail .context img {
	max-width: 1200px
}

.reLink {
	height: 38px;
	line-height: 38px;
	border: 1px solid #e6e6e6;
	padding: 0 15px;
	margin-bottom: 50px
}

.reLink .nextLink,
.detail .reLink .prevLink {
	width: 50%
}

.reLink .nextLink {
	text-align: right
}

.reLink a {
	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms
}

.reLink a:hover {
	color: #052f67
}

.pager {
	padding: 30px 0 30px;
	text-align: center;
	*zoom: 1;
	*padding: 40px 0 30px
}

.pager:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.pager p {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	display: none
}

.pager ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden
}

.pager ul li {
	float: left;
	margin: 0 5px;
	padding: 0 !important;
	height: auto !important;
	border: none !important
}

.pager ul a {
	line-height: 30px;
	padding: 0 10px;
	transition: all ease 300ms;
	color: #000000;
	text-decoration: none;
	float: left;
	border: 1px solid #ddd
}

.pager ul a.current,
.pager ul a:hover {
	color: #fff;
	border: 1px solid #0a408a;
	background: #0a408a
}

.contact .box1 {
	line-height: 18px;
	padding: 48px 0 0px;
	overflow: hidden
}

.contact .box1 ul {
	width: 125%
}

.contact .box1 li {
	float: left;
	width: 230px;
	margin-right: 250px
}

.contact .box1 li i {
	width: 56px;
	height: 56px;
	background-position: -142px 0;
	float: left
}

.contact .box1 li b {
	font-size: 18px;
	font-family: arial;
	font-weight: 100
}

.contact .box1 li td {
	vertical-align: middle;
	height: 56px;
	padding-left: 5px
}

.contact .box1 .l2 i {
	background-position: -204px 0
}

.contact .box1 .l3 i {
	background-position: -267px 0
}

.contact .box2 {
	margin-bottom: 75px
}

.contact .box2 #map1_container,
.contact .box2 #allmap1 {
	width: 100%;
	height: 400px
}

.contact .box3 h1 {
	font-size: 36px;
	padding-bottom: 15px;
	text-align: center
}

.contact .box3 p {
	font-size: 16px;
	color: #828282;
	line-height: 24px;
	padding-bottom: 46px;
	text-align: center
}

.contact .box3 b {
	color: #178655
}

.formData {
	padding-bottom: 20px
}

.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 560px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	margin-right: 76px;
	margin-bottom: 30px;
	position: relative
}

.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #cccccc
}

.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px
}

.formData .item .txt {
	width: 355px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #333
}

.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11
}

.formData .item.mr0 {
	margin-right: 0
}

.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px
}

.formData .liuyan {
	width: 1198px;
	height: 240px;
	border: 1px solid #e5e5e5;
	float: left
}

.formData .liuyan label {
	text-align: right;
	display: block
}

.formData .liuyan textarea {
	width: 1178px;
	height: 214px;
	line-height: 28px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none
}

.formData .bot {
	width: 100%
}

.formData .sub {
	width: 232px;
	line-height: 46px;
	border: 2px solid #178655;
	margin-right: 2px;
	text-align: center;
	background: #178655;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms
}

.formData .sub:hover {
	background: none;
	color: #178655
}

.formData .yzm {
	width: 432px
}

.formData .yzm .txt {
	padding-left: 80px
}

.formData .yzm img {
	position: absolute;
	right: 3px;
	top: 3px;
	border: 0px;
	display: block
}

.about .box1 {
	padding-top: 105px;
	padding-bottom: 100px;
	overflow: hidden
}

.box1_add {
	padding: 70px 0
}

.about .box1 .fl {
	padding-top: 32px
}

.about .box1 .fl h1 {
	font-size: 80px;
	text-transform: uppercase;
	font-family: arial;
	line-height: 80px
}

.about .box1 .fl p {
	font-size: 24px;
	padding-bottom: 88px
}

.about .box1 .fl i {
	width: 54px;
	height: 54px;
	background-position: 0 -99px;
	cursor: pointer;
	position: relative;
	display: block;
	float: left
}

.about .box1 .fl i img {
	position: absolute;
	left: 20px;
	bottom: 56px;
	width: 0px;
	height: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: ease-in-out .2s
}

.about .box1 .fl i:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
	left: 0;
	height: 80px;
	width: 80px
}

.about .box1 .fl .i2 {
	background-position: -58px -99px;
	margin-left: 20px
}

.about .box1 .fr {
	width: 611px
}

.about .box1 .fr h1 {
	font-size: 24px;
	font-weight: 100
}

.about .box1 .fr span {
	display: block;
	background: #b0b0b0;
	width: 20px;
	height: 2px;
	margin: 13px 0 24px
}

.about .box1 .fr h2 {
	font-size: 18px
}

.about .box1 .fr p {
	line-height: 30px;
	padding-top: 12px
}

.about .box1 .fr i {
	width: 54px;
	height: 54px;
	background-position: -59px -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box1 .fr a:hover {
	cursor: pointer
}

.about .box1 .fr a:hover i {
	margin-left: 15px
}

.about .bg_20 {
	height: 20px;
	width: 100%;
	background: #eaeaea
}

.about .box2 {
	padding-bottom: 94px
}

.about .box2 .con {
	margin-top: 40px
}

.about .box2 .con .fl {
	width: 410px;
	height: 428px;
	overflow: hidden
}

.about .box2 .con .fl img {
	width: 410px;
	height: 428px
}

.about .box2 .con .fr .img {
	width: 380px;
	height: 214px;
	overflow: hidden;
	display: block
}

.about .box2 .con .fr .img img {
	width: 380px;
	height: 214px;
	transition: .9s
}

.about .box2 .con .fr .p {
	display: block;
	padding-left: 20px;
	width: 360px;
	height: 214px
}

.about .box2 .con .fr .p h1 {
	font-size: 24px;
	line-height: 60px;
	font-weight: 100
}

.about .box2 .con .fr .p i {
	width: 54px;
	height: 54px;
	background-position: -59px -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box2 .con .fr li:hover {
	cursor: pointer
}

.about .box2 .con .fr li:hover h1,
.about .box2 .con .fr li:hover p {
	color: #333
}

.about .box2 .con .fr li:hover i {
	margin-left: 15px
}

.about .box2 .con .fr li {
	float: left
}

.about .box2 .con .fr li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.about .box3 {
	background: url(../images/about_bg.jpg) center top no-repeat;
	width: 100%;
	height: 457px;
	padding-top: 93px
}

.about .box3 .w1200 {
	overflow: hidden
}

.about .box3 .fl {
	width: 500px
}

.about .box3 .fl h1 {
	font-size: 36px;
	color: #fff;
	font-weight: 100;
	padding-bottom: 25px
}

.about .box3 .fl span {
	display: block;
	width: 40px;
	height: 2px;
	background: #ffd200;
	margin-bottom: 25px
}

.about .box3 .fl p {
	color: #fff;
	line-height: 24px
}

.about .box3 .fl i {
	width: 54px;
	height: 54px;
	cursor: pointer;
	background-position: 0px -35px;
	margin-top: 35px;
	transition: ease-in-out .2s
}

.about .box3 .fl a:hover i {
	margin-left: 15px
}

.about .box3 .fr .picScroll-left {
	overflow: hidden;
	position: relative;
	margin-top: 68px;
	height: 225px;
	width: 620px
}

.about .box3 .fr .picScroll-left .hd {
	overflow: hidden
}

.about .box3 .fr .picScroll-left .hd .prev,
.about .box3 .fr .picScroll-left .hd .next {
	display: block;
	left: 0;
	top: 50%;
	margin-top: -36px;
	width: 30px;
	height: 72px;
	position: absolute;
	z-index: 10;
	background-position: -133px -67px;
	cursor: pointer;
	display: none
}

.about .box3 .fr .picScroll-left .hd .next {
	left: auto;
	right: 0;
	background-position: -164px -67px
}

.about .box3 .fr .picScroll-left:hover .hd .prev,
.about .box3 .fr .picScroll-left:hover .hd .next {
	display: block
}

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

.about .box3 .fr .picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("../images/icocircle.gif") 0 -9px no-repeat
}

.about .box3 .fr .picScroll-left .hd ul li.on {
	background-position: 0 0
}

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

.about .box3 .fr .picScroll-left .bd ul li {
	margin-right: 20px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center
}

.about .box3 .fr .picScroll-left .bd ul li img {
	width: 300px;
	height: 225px
}

.bg_top {
	height: 50px;
	background: #eaeaea;
	width: 100%
}

.erro {
	color: red
}

.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%
}

.map_ul li {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 25px
}

.map_ul li a {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	display: block;
	background: #f6f6f6;
	text-indent: 15px
}

.map_ul .list-inline {
	display: block;
	width: 86%
}

.map_ul .list-inline li {
	height: 32px;
	display: inline-block;
	*display: inline;
	margin: 15px 5px 15px 0;
	zoom: 1;
	line-height: 32px;
	border-bottom: 0;
	text-align: center;
	width: auto;
	padding: 0px
}

.map_ul .list-inline li a {
	text-indent: 0;
	font-weight: normal;
	display: block;
	line-height: 32px;
	height: 32px;
	display: inline-block;
	padding: 0px 10px;
	width: auto;
	border: 1px solid #ccc;
	text-align: center
}

.map_ul .list-inline li a:hover {
	background: #0a408a;
	color: #fff;
	border: 1px solid #0a408a
}

.erro {
	text-align: center;
	min-height: 400px
}

.showPro {
	padding: 50px 0
}

.showPro .reLink {
	margin-bottom: 0
}

.showPro .showContxt {
	padding: 30px 0 35px;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	text-align: justify
}

.showPro .showContxt img {
	max-width: 100%;
	height: auto !important
}

.showPro .showimgCon {
	padding: 0 0 30px;
	font-size: 16px;
	line-height: 32px
}

.showPro .showimgCon .txtcon {
	width: 720px;
	height: 423px;
	float: right;
	position: relative
}

.showPro .showimgCon .txtcon .tit {
	position: relative;
	font-size: 20px;
	margin-bottom: 15px;
	color: #178655;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 14px;
	border-bottom: 1px solid #dddddd;
	padding-right: 60px
}

.showPro .showimgCon .txtcon .tit .goBack {
	position: absolute;
	right: 0;
	top: 0;
	color: #999999;
	font-size: 14px;
	display: block;
	font-weight: normal;
	cursor: pointer
}

.showPro .showimgCon .txtcon .tit .goBack s {
	width: 20px;
	height: 20px;
	background-position: -440px -62px;
	margin-left: 6px
}

.showPro .showimgCon .txtcon .tit .goBack:hover {
	color: #047fcc
}

.showPro .showimgCon .txtcon .txt {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	text-align: justify
}

.showPro .showimgCon .txtcon .txt .item {
	margin-bottom: 7px;
	max-height: 144px;
	overflow: hidden
}

.showPro .showimgCon .txtcon .tel-btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 1px solid #ddd;
	padding-top: 40px
}

.showPro .showimgCon .txtcon .tel-btn .btn {
	width: 118px;
	float: right;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background: #178655
}

.showPro .showimgCon .txtcon .tel-btn .btn:hover {
	background: #333
}

.showPro .showimgCon .txtcon .tel-btn .tel {
	width: 280px;
	float: left
}

.showPro .showimgCon .txtcon .tel-btn .tel span,
.showPro .showimgCon .txtcon .tel-btn .tel strong {
	display: block;
	color: #666666
}

.showPro .showimgCon .txtcon .tel-btn .tel s {
	width: 42px;
	height: 42px;
	display: block;
	float: left;
	margin-right: 6px;
	margin-top: 4px;
	background-position: -315px -30px
}

.showPro .showimgCon .txtcon .tel-btn .tel span {
	font-size: 16px;
	line-height: 20px
}

.showPro .showimgCon .txtcon .tel-btn .tel strong {
	font-size: 28px;
	line-height: 28px
}

.showPro .showimg {
	width: 442px;
	position: relative;
	float: left;
	overflow: hidden
}

.showPro .showimg .bigimg {
	width: 440px;
	height: 332px;
	display: block;
	position: relative;
	border: 1px solid #dddddd
}

.showPro .showimg .bigimg .list {
	width: 5000%
}

.showPro .showimg .bigimg .list li {
	width: 440px;
	height: 332px;
	float: left;
	border: 0;
	margin-right: 1px
}

.showPro .showimg .bigimg .list img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all ease 300ms
}

.showPro .showimg .smallimg {
	width: 440px;
	height: 76px;
	position: relative;
	padding-top: 30px;
	z-index: 10;
	overflow: hidden
}

.showPro .showimg .list {
	width: 357px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.showPro .showimg .listcon {
	width: 600% !important;
	position: relative
}

.showPro .showimg .prev,
.showPro .showimg .next {
	width: 20px;
	height: 76px;
	z-index: 10;
	position: absolute;
	top: 30px;
	cursor: pointer;
	background: #f9f9f9 url(../images/show-btn-ico.png) no-repeat 0 center;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.showPro .showimg .prev:hover,
.showPro .showimg .next:hover {
	background-color: #f9f9f9
}

.showPro .showimg .prev {
	left: 0;
	background-position: 3px center
}

.showPro .showimg .next {
	right: 0;
	background-position: -84px center
}

.showPro .showimg li {
	width: 94px;
	height: 70px;
	margin-right: 28px;
	float: left;
	cursor: pointer;
	position: relative;
	border: 3px solid #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.showPro .showimg li img {
	width: 100%;
	height: 100%;
	display: block
}

.showPro .showimg li.on {
	width: 94px;
	height: 70px;
	border: 3px solid #178655
}

.relateTit {
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 auto;
	width: 1200px
}

.relateTit h3 {
	font-size: 18px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative
}

.relateTit h3 .line {
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #178655
}

.floor_3_remm {
	padding-bottom: 60px
}

.floor_3_remm .body {
	overflow: hidden;
	*margin-bottom: 38px
}

.floor_3_remm .body ul {
	width: 112%
}

.floor_3_remm .body li {
	margin-bottom: 40px;
	width: 370px;
	float: left;
	margin-right: 45px;
	position: relative;
	border-radius: 5px;
	height: 278px;
	overflow: hidden
}

.floor_3_remm .body li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.floor_3_remm .body li .img img {
	border-radius: 5px;
	width: 370px;
	height: 278px
}

.floor_3_remm .body li .txt {
	position: absolute;
	left: 0;
	top: 211px;
	height: 67px;
	background: #666;
	width: 300px;
	border-radius: 0 0 5px 5px;
	color: #fff;
	padding: 0 35px;
	text-align: center;
	line-height: 67px;
	transition: all .5s
}

.floor_3_remm .body li .txt h3 {
	font-size: 20px;
	font-weight: 100;
	line-height: 67px
}

.floor_3_remm .body li .txt span {
	margin: 0 auto;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	width: 123px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	margin-top: 0;
	opacity: 0;
	transition: all .5s
}

.floor_3_remm .body li:hover {
	box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1)
}

.floor_3_remm .body li:hover .txt {
	background: url(../images/bg_6b.png) repeat;
	height: 100%;
	top: 0;
	border-radius: 5px
}

.floor_3_remm .body li:hover .txt h3 {
	padding-top: 78px
}

.floor_3_remm .body li:hover .txt span {
	margin-top: 0;
	opacity: 1
}

.floor_3_remm .more2 {
	text-align: center
}

.floor_3_remm .more2 ul {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.floor_3_remm .more2 a {
	width: 141px;
	height: 35px;
	display: block;
	color: #178655;
	margin: 0 19px;
	border: 2px solid #178655;
	line-height: 35px;
	border-radius: 4px;
	font-size: 20px
}

.floor_3_remm .more2 a:hover {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1)
}

.floor_3_remm .more2 .ewmbtn {
	background: #178655;
	color: #fff
}

.floor_3_remm .more2 li {
	float: left
}