/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */

/* QQ：9490489 */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */



@charset "UTF-8";



html {



	min-width: 1200px;



}



body {



	overflow-x: hidden;



	overflow-y: auto;



}



body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {



	margin: 0px;



}



input, button, ul, ol {



	margin: 0px;



	padding: 0px;



}



body, input, button, form {



	font-size: 14px;



	line-height: 28px;



	font-family: "microsoft yahei", "Arial";



	color: #333333;



}



h1, h2, h3, h4, h5, h6 {



	font-size: 14px;



	font-weight: normal;



}



ul, ol, li {



	list-style: none;



}



input {



	background: none;



	border: 0 none;



}



img, iframe {



	border: 0px;



}



em, i {



	font-style: normal;



}



button, input, select, textarea {



	font-size: 100%;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}



.red {



	color: #ba292e;



}



.fl {



	float: left;



}



.fr {



	float: right;



}



.tac {



	text-align: center;



}



.tar {



	text-align: right;



}



.poa {



	position: absolute;



}



.por {



	position: relative;



}



.hidden {



	display: none;



}



.w1200 {



	width: 1200px;



	margin: 0 auto;



}



.w1300 {



	width: 1300px;



	margin: 0 auto;



}



.ico {



	background: url(../images/ico.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.itit-ico {



	background: url(../images/itit-ico.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.ilink {



	background: url(../images/ilink.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.bicon {



	background: url(../images/bicon.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.icon {



	background: url(../images/icon.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.right {



	float: right;



}



a {



	color: #333;



	text-decoration: none;



}



a:hover {



	color: #67b306;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



}



.ease, .ease * {



	transition: all ease 300ms;



}



.noease, .noease * {



	transition: none;



}



:-moz-placeholder {



color: #aaa;



}



::-moz-placeholder {



color: #aaa;



}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {



color: #aaa;



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color: #aaa;



}



/*清除浮动*/



.clearfix {



*zoom: 1;



}



.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



}



/*top_main*/



.top_main {



	position: relative;



	width: 100%;



	height: 34px;



	line-height: 34px;



	background: #f5f5f5;



}



.top_main .top_l {



	color: #999999;



	font-size: 12px;



}



.top_main .top_r {



	margin-right: 0px;



}



.top_main li {



	position: relative;



	float: left;



	display: inline-block;



	text-align: center;



	color: #999;



}



.top_main li a {



	color: #999999;



	font-size: 12px;



}



.top_main li a:hover {



	color: #67b306;



	opacity: 0.8;



	filter: alpha(opacity=80);



}



.top_main .top_r .line {



	display: block;



	width: 1px;



	height: 14px;



	margin: 10px 10px 0px;



	background: #999;



}



.top_main .top_r .line1 {



	margin-left: 0px;



}



/*header*/



.header_main {



	width: 100%;



	height: 110px;



	overflow: hidden;



	z-index: 100;



	background: #FFFFFF;



	border-bottom: 1px solid #ededed;



}



.header_main .header {



	position: relative;



}



.header_main .logo {



	float: left;



	display: block;



	padding-top: 15px;



}



.header_main .logo img {



	width: 100%;



	height: 100%;



	display: block;



}



.header_main .tel {



	height: 50px;



	background: url(../images/tel.png) left center no-repeat;



	float: right;



	margin-top: 28px;



}



.header_main .tel .tit {



	font-size: 14px;



	color: #333;



	text-indent: 50px;



	line-height: 20px;



}



.header_main .tel .con {



	font-size: 26px;



	color: #67b306;



	text-indent: 50px;



	font-weight: bold;



}



/*导航栏*/



.nav_main {



	position: relative;



	width: 100%;



	float: left;



	height: 60px;



	color: #fff;



	z-index: 13;



	border-bottom: 1px solid #d2d2d6;



}



.nav_main .nav {



	width: 1200px;



	margin: 0 auto;



	margin-top: 15px;



}



.nav_main .nav li {



	position: relative;



	color: #fff;



	line-height: 32px;



	float: left;



	margin-right: 32px;



	border-radius: 24px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.nav_main .nav li a.aLink {



	width: 118px;



	height: 32px;



	line-height: 32px;



	font-size: 15px;



	text-align: center;



	display: block;



	color: #333333;



	font-weight: bold;



}



.nav_main .nav li.hover, .nav_main .nav li:hover {



	background-color: #67b306;



}



.nav_main .nav li.hover a, .nav_main .nav li:hover a {



	color: #fff;



}



/*导航栏下拉*/



.nav_main li.hover .subnav a {



	background: none;



}



.nav_main .nav .subnav {



	height: auto;



	left: 0px;



	top: 32px;



	position: absolute;



	width: 100%;



	z-index: 199;



	background: rgba(255,255,255,0.86);



	border-radius: 12px;



}



.nav_main .nav .subnav {



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);



}



.nav_main .nav li:hover .subnav {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.nav_main .nav .subnav li {



	width: 100%;



}



.nav_main .nav .subnav .nav1 a {



	color: #333;



	display: block;



	font-size: 14px;



	font-weight: 500;



	line-height: 34px;



	text-align: center;



	border-bottom: #ddd 1px solid;



}



.nav_main .nav .subnav li:hover {



	background: none;



}



.nav_main .nav .subnav li:hover a {



	color: #67b306;



}



.nav_main .nav .subnav li:last-child a {



	border-bottom: 0;



}



/*搜索栏*/



.announ_main {



	width: 100%;



	height: 76px;



	line-height: 76px;



	border-bottom: 1px solid #eee;



}



.announ_main .announ_right {



	width: 282px;



	padding-top: 20px;



}



.announ_main .announ_right .search {



	width: 282px;



	height: 35px;



	line-height: 35px;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



	background: #f6f6f6;



	position: relative;



}



.announ_main .announ_right .search input {



	outline: none;



	border: 0 none;



	height: 35px;



	line-height: 35px;



}



.announ_main .announ_right .search .txt {



	width: 200px;



	background: none;



	padding-left: 15px;



	display: block;



	color: #999;



}



.announ_main .announ_right .search .btn {



	width: 50px;



	background: url(../images/sou.png) no-repeat center #67b306;



	position: absolute;



	right: 0;



	top: 0;



	cursor: pointer;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



}



.announ_main .announ_right .search .btn:hover {



	background-color: #01bc66;



}



.announ_main .announ_left span {



	display: inline-block;



}



.announ_main .announ_left a {



	display: inline-block;



	padding: 0 10px 0 0;



}



.announ_main .announ_left a s {



	width: 1px;



	height: 16px;



	display: inline-block;



	margin-right: 10px;



	background: #e9e9e9;



	vertical-align: middle;



}



.announ_main .announ_left a:first-child s {



	display: none;



}



/* banner */



.banner {



	width: 100%;



	min-width: 1000px;



	height: 600px;



	z-index: 9;



	position: relative;



	overflow: hidden;



}



.banner .list {



	width: 100%;



}



.banner li {



	width: 100%;



	height: 600px;



	position: absolute;



	left: 0;



	top: 0;



	bottom: 0;



	right: 0;



	z-index: 1;



	overflow: hidden;



	background: #fff;



}



.banner li img {



	width: 1920px;



	height: 100%;



	display: block;



	position: relative;



	left: 50%;



	top: 0;



	margin-left: -960px;



}



.banner li a {



	width: 100%;



	display: block;



	height: 100%;



}



.banner .tip {



	width: 100%;



	height: 6px;



	text-align: center;



	position: absolute;



	left: 0;



	bottom: 30px;



	z-index: 10;



}



.banner .tip span {



	width: 48px;



	height: 6px;



	margin: 0 5px;



	display: inline-block;



	cursor: pointer;



	vertical-align: top;



	border-radius: 12px;



	opacity: 0.5;



	filter: alpha(opacity=50);



	background: #fcfcfc;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.banner .tip span.cur {



	background: #67b306;



	opacity: 1;



	filter: alpha(opacity=100);



}



.banner .prev, .banner .next {



	width: 32px;



	height: 34px;



	position: absolute;



	z-index: 12;



	top: 50%;



	margin-top: -17px;



	cursor: pointer;



	transition: none;



	background: url(../images/banner-btn.png) no-repeat 0 center;



	transition: all ease 300ms;



}



.banner .prev:hover, .banner .next:hover {



	opacity: 0.8;



	filter: alpha(opacity=80);



}



.banner .prev {



	left: 3%;



	background-position: 1px center;



}



.banner .next {



	right: 3%;



	background-position: -50px 0;



}



/*nybanner*/



.nybanner {



	width: 100%;



	height: 300px;



	overflow: hidden;



	position: relative;



}



.nybanner img {



	width: 1920px;



	display: block;



	position: absolute;



	left: 50%;



	margin-left: -960px;



	top: 0;



}



/*footer*/



.footer {



	width: 100%;



	color: #fff;



	padding-bottom: 145px;



	background: #86b350;



	border-top: 8px solid #67b306;



}



.footer .links {



	padding: 20px 0;



	font-size: 16px;



	border-bottom: 1px solid #fff;



}



.footer .links span {



	color: #fff;



	display: inline-block;



}



.footer .links a {



	display: inline-block;



	font-size: 14px;



	color: #fff;



	padding-right: 10px;



}



.footer .links a:hover {



	color: #dc0000;



}



.footer .bottom {



	border-top: 1px solid #fff;



}



.footer .bNav {



	width: 558px;



	height: 180px;



	margin-top: 48px;



	border-right: 1px solid #fff;



}



.footer .di_logo img {



	width: 111px;



	height: 111px;



	background-size: 100%;



}



.footer .bNav dl {



	display: inline-block;



	float: left;



	width: 139px;



	overflow: hidden;



	text-align: left;



	padding-top: 10px;



}



.footer .bNav dl dt {



	height: 16px;



	display: block;



	padding-bottom: 32px;



}



.footer .bNav dl dt a {



	display: block;



	font-size: 16px;



	color: #fff;



	line-height: 16px;



}



.footer .bNav dl dd {



	display: block;



	height: 14px;



	padding-bottom: 16px;



}



.footer .bNav dl dd a {



	display: block;



	font-size: 14px;



	color: #fff;



	line-height: 14px;



}



.footer .bNav dl dd a:hover {



	color: #dc0000;



}



.footer .ewm {



	height: 180px;



	text-align: center;



	padding-left: 48px;



	margin-top: 48px;



	border-left: 1px solid #fff;



}



.footer .ewm dl {



	width: 140px;



	float: left;



	display: block;



	margin-right: 30px;



	margin-top: 10px;



	height: 164px;



}



.footer .ewm dl:nth-child(2) {



	margin-right: 0px;



}



.footer .ewm dl:first-child+dl {



	margin-right: 0px;



}



.footer .ewm dl dt {



	width: 140px;



	height: 140px;



	background-color: #fff;



	text-align: center;



}



.footer .ewm dl dt img {



	width: 130px;



	height: 130px;



	display: inline-block;



	background-size: 100%;



	margin-top: 5px;



}



.footer .ewm dl dd {



	font-size: 14px;



	color: #fff;



	line-height: 24px;



	padding-top: 5px;



}



.footer .contact_info {



	width: 345px;



	height: 180px;



	padding-left: 75px;



	border-right: 1px solid #fff;



	border-left: 1px solid #fff;



	margin-top: 48px;



}



.footer .contact_info p.p1 {



	font-size: 14px;



	color: #fff;



	line-height: 14px;



	padding-top: 10px;



}



.footer .contact_info p.dh {



	font-size: 36px;



	color: #fff;



	font-family: "Arial";



	line-height: 36px;



	padding-top: 4px;



	font-weight: bold;



	padding-bottom: 12px;



}



.footer .contact_info h3 {



	font-size: 20px;



	padding-top: 8px;



}



.footer .contact_info p.tel {



	font-size: 14px;



	color: #fff;



	line-height: 22px;



	width: 270px;



}



.footer .contact_info i {



	display: block;



	padding-top: 8px;



	font-size: 14px;



	color: #fff;



}



.footer .contact_info i a {



	display: inline-block;



	color: #fff;



	padding-right: 12px;



}



/*copyright*/



.copyright {



	height: 50px;



	line-height: 50px;



	color: #666;



	font-size: 12px;



	background: #638c3f;



}



.copyright p {



	color: #fff;



}



.copyright span {



	margin: 0 6px;



}



.copyright a {



	color: #fff;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.copyright a:hover {



	color: #dc0000;



}



.gridlist {



	width: 100%;



}



.gridlist .list {



	width: 105%;



}



.gridlist .item {



	width: 260px;



	margin: 0 20px 24px 0;



	float: left;



	position: relative;



	overflow: hidden;



}



.gridlist .item img {



	width: 100%;



	height: 195px;



	display: block;



	transition: all ease 300ms;



}



.gridlist .item h3 {



	color: #666666;



	line-height: 50px;



	padding: 0 10px;



	transition: all ease 300ms;



	height: 50px;



	background: #f7f7f7;



	overflow: hidden;



}



.gridlist .item:hover img {



	filter: brightness(110%);



}



.gridlist .item:hover h3 {



	color: #fff;



	background: #d9261d;



}



.newslist {



	overflow: hidden;



	width: 100%;



}



.newslist li {



	height: 30px;



	line-height: 30px;



	overflow: hidden;



}



.newslist li a {



	width: 100%;



	color: #666666;



	display: block;



	transition: all ease 300ms;



}



.newslist li .time {



	color: #999999;



	float: right;



}



.newslist li s {



	width: 10px;



	height: 10px;



	display: inline-block;



	vertical-align: middle;



	margin-right: 10px;



	background: #e8e8e8;



	border-radius: 100%;



}



.newslist li:hover a {



	color: #d9261d;



}



/*******index css*******/



.index {



	width: 100%;



}



.index .scrollBox {



	height: 48px;



	line-height: 48px;



	overflow: hidden;



	position: relative;



	padding-bottom: 58px;



}



.index .scrollBox .btn {



	width: 202px;



	background: url(../images/ibtnbg.png) no-repeat center center;



	position: absolute;



	top: 0;



	right: 0;



	text-align: center;



	font-weight: bold;



	color: #fff;



	font-size: 18px;



}



.index .scrollBox .btn s {



	width: 19px;



	height: 19px;



	margin-right: 6px;



	background-position: -130px 0;



}



.index .iscroll {



	width: 966px;



	height: 48px;



	position: relative;



	overflow: hidden;



	background-color: #f1f1f1;



	border: 1px solid #e5e5e5;



}



.index .iscroll .t {



	width: 22px;



	height: 20px;



	display: block;



	position: absolute;



	left: 128px;



	top: 16px;



	background-position: -34px 0;



}



.index .iscroll .prev, .index .iscroll .next {



	width: 38px;



	height: 15px;



	position: absolute;



	z-index: 10;



	cursor: pointer;



	left: 31px;



	top: 8px;



	background-position: 15px -30px;



}



.index .iscroll .prev {



	border-bottom: 1px solid #e5e5e5;



}



.index .iscroll .next {



	top: 24px;



	background-position: 15px -46px;



}



.index .iscroll .list {



	padding-left: 166px !important;



	position: relative;



}



.index .iscroll .list a {



	width: 100%;



	display: block;



	color: #848484;



	font-size: 16px;



}



.index .iscroll .list a:hover {



	color: #d9261d;



}



.index .iscroll .list .time {



	float: right;



	padding-left: 16px;



	height: 16px;



	line-height: 16px;



	margin-top: 15px;



	margin-right: 20px;



	font-size: 16px;



	color: #848484;



	border-left: 2px solid #a4a4a4;



}



.index .ilinks {



	height: 191px;



	margin-bottom: 40px;



}



.index .ilinks .list .item {



	width: 288px;



	float: left;



	margin-left: 16px;



}



.index .ilinks .list .item a {



	width: 100%;



	display: block;



}



.index .ilinks .list .item img {



	width: 286px;



	height: 63px;



	border: 1px solid #dddddd;



	display: block;



}



.index .ilinks .list .item:first-child {



	margin-left: 0;



}



.index .ilinks .list .item h3 {



	height: 40px;



	line-height: 40px;



	overflow: hidden;



	width: 100%;



	text-align: center;



}



.indexTit {



	padding-top: 76px;



}



.indexTit .tit {



	font-size: 40px;



	color: #646464;



	text-align: center;



	height: 40px;



	line-height: 40px;



	margin-bottom: 18px;



}



.indexTit i {



	display: block;



	width: 29px;



	height: 1px;



	margin: 0 auto;



	background: url(../images/wrap.png) center center no-repeat;



	margin-bottom: 30px;



}



.index_title {



	text-align: center;



	padding-top: 35px;



	padding-bottom: 40px;



}



.index_title h3 {



	font-size: 38px;



	font-weight: 100;



	padding-bottom: 12px;



	color: #333;



	font-weight: bold;



}



.index_title p {



	background: url(../images/line.png) center center no-repeat;



	width: 320px;



	height: 22px;



	margin: 0 auto;



}



/*f1*/



.floor_1 {



}



.floor_1 .floor_1_main {



}



.floor_1 .floor_1_main .content {



}



.floor_1 .floor_1_main .content .menu {



	margin-bottom: 42px;



}



.floor_1 .floor_1_main .content .menu .list {



	padding: 0;



	text-align: center;



}



.floor_1 .floor_1_main .content .menu .list .item {



	display: inline-block;



	width: 130px;



	height: 40px;



	line-height: 40px;



	background-color: #f4f4f4;



	border: 1px solid #f1efef;



	margin: 0 8px;



	border-radius: 6px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_1 .floor_1_main .content .menu .list .item:last-child {



	margin-right: 0px;



}



.floor_1 .floor_1_main .content .menu .list .item a {



	font-size: 14px;



	color: #666;



	text-align: center;



	display: block;



}



.floor_1 .floor_1_main .content .menu .list .item:hover {



	background-color: #67b306;



	color: #FFFFFF;



}



.floor_1 .floor_1_main .content .menu .list .item:hover a {



	color: #FFFFFF;



}



.floor_1 .floor_1_main .content .menu .list .item.hover {



	background-color: #67b306;



	color: #FFFFFF;



}



.floor_1 .floor_1_main .content .menu .list .item.hover a {



	color: #FFFFFF;



}



.floor_1 .floor_1_main .content .product {



}



.floor_1 .floor_1_main .content .product .bd {



	position: relative;



	overflow: hidden;



	height: 290px;



}



.floor_1 .floor_1_main .content .product .bd .list {



	width: 104%;



	overflow: hidden;



}



.floor_1 .floor_1_main .content .product .bd .list li {



	position: relative;



	float: left;



	display: block;



	width: 290px;



	height: 290px;



	margin-right: 13px;



	cursor: pointer;



}



.floor_1 .floor_1_main .content .product .bd .list li:hover {



	background: url(../images/f2_1.jpg) center center no-repeat;



}



.floor_1 .floor_1_main .content .product .bd .list li a {



	display: block;



	width: 288px;



	height: 290px;



}



.floor_1 .floor_1_main .content .product .bd .list li img {



	margin: 0 auto;



	display: block;



	height: 218px;



	width: 290px;



}



.floor_1 .floor_1_main .content .product .bd .list li p {



	height: 70px;



	line-height: 70px;



	text-align: center;



	color: #666666;



	font-size: 16px;



	font-weight: bold;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_1 .floor_1_main .content .product .bd .list li:hover p {



	color: #67b306;



}



.floor_1 .floor_1_main .content .product .hd {



	width: 100%;



	top: 0px;



	position: relative;



	padding-bottom: 80px;



}



.floor_1 .floor_1_main .content .product .hd .prev {



	position: absolute;



	left: 490px;



	top: -0px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -0px -0px;



	cursor: pointer;



}



.floor_1 .floor_1_main .content .product .hd .next {



	position: absolute;



	right: 490px;



	top: -0px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -80px -0px;



	cursor: pointer;



}



.floor_1 .floor_1_main .content .product .hd .prev:hover {



	opacity: 0.8;



	background-position: -160px -0px;



}



.floor_1 .floor_1_main .content .product .hd .next:hover {



	opacity: 0.8;



	background-position: -240px -0px;



}



.floor_1 .floor_1_main .content .product .hd .amore {



	position: absolute;



	left: 570px;



	top: -0px;



	display: block;



	width: 61px;



	height: 32px;



	background-position: -0px -76px;



	cursor: pointer;



}



.floor_1 .floor_1_main .content .product .hd .amore:hover {



	opacity: 0.8;



	background-position: -80px -76px;



}



.floor_1 .floor_1_main .content .product .bd .list li a .More {



	margin-top: 32px;



	margin-left: 60px;



	overflow: hidden;



	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);



}



.floor_1 .floor_1_main .content .product .bd .list li:hover a .More {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.floor_1 .floor_1_main .content .product .bd .list li a .More i {



	background-position: -30px -300px;



	width: 12px;



	height: 7px;



	margin-top: -17px;



	margin-left: 100px;



	float: left;



}



.floor_1 .floor_1_main .content .product .bd ul li a .bg {



	width: 290px;



	height: 218px;



	background: url(../images/framebg1.png) no-repeat center center;



	background-size: 290px 218px;



	opacity: 0;



	margin-top: -288px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_1 .floor_1_main .content .product .bd ul li:hover a .bg {



	display: block;



	z-index: 999;



	position: relative;



	opacity: 1;



}



.floor_1 .floor_1_main .content .product .bd ul li a .txtIco {



	position: absolute;



	top: 0px;



	left: 0px;



	display: block;



	width: 290px;



	height: 290px;



	z-index: 1000;



}



.floor_1 .floor_1_main .content .product .bd ul li a .txtIco s {



	width: 54px;



	height: 54px;



	background-position: 0px -270px;



	position: absolute;



	left: 145px;



	top: 80px;



	margin-left: -20px;



	opacity: 0;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco s {



	opacity: 1;



}



.floor_1 .floor_1_main .content .product .bd ul li a .txtIco .stit {



	padding-top: 220px;



	font-size: 18px;



	line-height: 18px;



	text-align: center;



	transition: all ease-in-out .2s;



	opacity: 0;



	filter: alpha(opacity=0);



	color: #fff;



}



.floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco .stit {



	padding-top: 160px;



	transition: all ease-in-out .2s;



	opacity: 1;



	filter: alpha(opacity=100);



	color: #fff;



}



/******floor_2******/



.floor_2 {



	background-color: #f4f5f6;



	position: relative;



	height: 876px;



}



.floor_2 .floor_2_main {



}



.floor_2 .floor_2_main .content {



}



.floor_2 .floor_2_main .content .advantage {



	position: relative;



	height: 600px;



	margin-top: 50px;



}



.floor_2 .floor_2_main .content .advantage .list {



	position: relative;



	z-index: 99;



}



.floor_2 .floor_2_main .content .advantage .list .item {



	width: 350px;



	height: 100px;



	float: left;



}



.floor_2 .floor_2_main .content .advantage .list .item.it1, .floor_2 .floor_2_main .content .advantage .list .item.it3, .floor_2 .floor_2_main .content .advantage .list .item.it5, .floor_2 .floor_2_main .content .advantage .list .item.it7 {



	padding-right: 400px;



}



.floor_2 .floor_2_main .content .advantage .list .item a {



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item a h2 {



	font-size: 20px;



	color: #000000;



	height: 24px;



	line-height: 24px;



	padding-bottom: 16px;



	font-weight: bold;



	text-indent: 230px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_2 .floor_2_main .content .advantage .list .item:hover a h2 {



	color: #01bc66;



}



.floor_2 .floor_2_main .content .advantage .list .item a h2 i {



	display: block;



	width: 23px;



	height: 23px;



	background: url(../images/f2_1.png)center center no-repeat;



	float: right;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i {



	display: block;



	width: 23px;



	height: 23px;



	background: url(../images/f2_3.png)center center no-repeat;



	float: left;



}



.floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i {



	display: block;



	width: 23px;



	height: 23px;



	background: url(../images/f2_3.png)center center no-repeat;



	float: right;



}



.floor_2 .floor_2_main .content .advantage .list .item a p {



	font-size: 14px;



	color: #999999;



	line-height: 20px;



	transition: all ease 600ms;



}



.floor_2 .floor_2_main .content .advantage .list .item:hover a p {



	margin-top: -12px;



	transition: all ease 600ms;



}



.floor_2 .floor_2_main .content .advantage .f2_bg {



	width: 597px;



	height: 559px;



	position: absolute;



	top: 0px;



	left: 354px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it1 {



	width: 354px;



	padding-left: 98px;



	padding-top: 26px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it1 p {



	width: 310px;



	text-align: right;



}



.floor_2 .floor_2_main .content .advantage .list .item.it1 p em {



	text-indent: 250px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2 {



	width: 354px;



	padding-top: 26px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 {



	text-indent: 20px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i {



	float: left;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2 p {



	width: 310px;



	padding-left: 44px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it2 p em {



	text-indent: 250px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it3 {



	width: 354px;



	padding-top: 50px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it3 p {



	width: 310px;



	text-indent: 18px;



	text-align: right;



}



.floor_2 .floor_2_main .content .advantage .list .item.it3 p em {



	text-indent: 210px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it3 h2 {



	text-indent: 230px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it4 {



	width: 354px;



	padding-left: 188px;



	padding-top: 50px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it4 p {



	width: 310px;



	text-indent: 0;



	padding-left: 42px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it4 p em {



	text-indent: 210px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 {



	text-indent: 20px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i {



	float: left;



}



.floor_2 .floor_2_main .content .advantage .list .item.it5 {



	width: 354px;



	padding-top: 80px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it5 p {



	width: 310px;



	text-indent: 0px;



	text-align: right;



}



.floor_2 .floor_2_main .content .advantage .list .item.it5 p em {



	text-indent: 194px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it5 h2 {



	text-indent: 230px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it6 {



	width: 354px;



	padding-left: 192px;



	padding-top: 78px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it6 p {



	width: 310px;



	text-indent: 0;



	padding-left: 42px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it6 p em {



	text-indent: 210px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 {



	text-indent: 20px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i {



	float: left;



}



.floor_2 .floor_2_main .content .advantage .list .item.it7 {



	width: 354px;



	padding-top: 44px;



	padding-left: 100px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it7 p {



	width: 310px;



	text-indent: -12px;



	text-align: right;



}



.floor_2 .floor_2_main .content .advantage .list .item.it7 p em {



	text-indent: 58px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it7 h2 {



	text-indent: 230px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it8 {



	width: 354px;



	padding-left: 2px;



	padding-top: 48px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it8 p {



	width: 310px;



	text-indent: 0;



	padding-left: 42px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it8 p em {



	text-indent: 210px;



	display: block;



}



.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 {



	text-indent: 20px;



}



.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i {



	float: left;



}



/******floor_3******/



.floor_3 {



	position: relative;



}



.floor_3 .floor_3_main .content .case {



}



.floor_3 .floor_3_main .content .case .bd {



	position: relative;



	height: 380px;



}



.floor_3 .floor_3_main .content .case .bd .list {



	width: 104%;



}



.floor_3 .floor_3_main .content .case .bd .list li {



	position: relative;



	float: left;



	display: block;



	width: 380px;



	height: 360px;



	margin-right: 30px;



	cursor: pointer;



}



/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/



.floor_3 .floor_3_main .content .case .list li a {



	display: block;



	width: 380px;



	height: 360px;



}



.floor_3 .floor_3_main .content .case .bd .list li img {



	margin: 0 auto;



	display: block;



	height: 285px;



	width: 380px;



}



.floor_3 .floor_3_main .content .case .bd .list li p {



	height: 70px;



	line-height: 70px;



	text-align: center;



	color: #666666;



	font-size: 16px;



	font-weight: bold;



	position: relative;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_3 .floor_3_main .content .case .bd .list li:hover p {



	color: #67b306;



}



.floor_3 .floor_3_main .content .case .hd {



	width: 100%;



	top: 0px;



	position: relative;



	padding-bottom: 80px;



}



.floor_3 .floor_3_main .content .case .hd .prev {



	position: absolute;



	left: 490px;



	top: -0px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -0px -0px;



	cursor: pointer;



}



.floor_3 .floor_3_main .content .case .hd .next {



	position: absolute;



	right: 490px;



	top: -0px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -80px -0px;



	cursor: pointer;



}



.floor_3 .floor_3_main .content .case .hd .prev:hover {



	opacity: 0.8;



	background-position: -160px -0px;



}



.floor_3 .floor_3_main .content .case .hd .next:hover {



	opacity: 0.8;



	background-position: -240px -0px;



}



.floor_3 .floor_3_main .content .case .hd .amore {



	position: absolute;



	left: 570px;



	top: -0px;



	display: block;



	width: 61px;



	height: 32px;



	background-position: -0px -76px;



	cursor: pointer;



}



.floor_3 .floor_3_main .content .case .hd .amore:hover {



	opacity: 0.8;



	background-position: -80px -76px;



}



.floor_3 .floor_3_main .content .case .bd .list li a .More {



	margin-top: 32px;



	margin-left: 60px;



	overflow: hidden;



	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);



}



.floor_3 .floor_3_main .content .case .bd .list li:hover a .More {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.floor_3 .floor_3_main .content .case .bd .list li a .More i {



	background-position: -30px -300px;



	width: 12px;



	height: 7px;



	margin-top: -17px;



	margin-left: 100px;



	float: left;



}



.floor_3 .floor_3_main .content .case .bd ul li a .bg {



	margin-top: -355px;



	width: 380px;



	height: 285px;



	background: url(../images/framebg2.png) no-repeat center center;



	opacity: 0;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_3 .floor_3_main .content .case .bd ul li:hover a .bg {



	display: block;



	z-index: 999;



	position: relative;



	opacity: 1;



}



.floor_3 .floor_3_main .content .case .bd ul li a .txtIco {



	position: absolute;



	top: 0px;



	left: 0px;



	display: block;



	width: 380px;



	height: 360px;



	z-index: 1000;



}



.floor_3 .floor_3_main .content .case .bd ul li a .txtIco s {



	width: 54px;



	height: 54px;



	background-position: 0px -270px;



	position: absolute;



	left: 184px;



	top: 106px;



	margin-left: -20px;



	opacity: 0;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco s {



	opacity: 1;



}



.floor_3 .floor_3_main .content .case .bd ul li a .txtIco .stit {



	padding-top: 220px;



	font-size: 18px;



	line-height: 18px;



	text-align: center;



	transition: all ease-in-out .2s;



	opacity: 0;



	filter: alpha(opacity=0);



	color: #fff;



}



.floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco .stit {



	padding-top: 160px;



	transition: all ease-in-out .2s;



	opacity: 1;



	filter: alpha(opacity=100);



	color: #fff;



}



.floor_3 .floor_3_main .content .case .bd .list li p i {



	display: block;



	width: 19px;



	height: 19px;



	float: right;



	background-position: 0px -140px;



	position: absolute;



	top: 26px;



	right: 26px;



}



.floor_3 .floor_3_main .content .case .bd .list li:hover p i {



	background-position: -40px -140px;



}



/******floor_4******/



.floor_4 {



	position: relative;



}



.floor_4 {



	background: url(../images/f4_3.jpg) center center no-repeat;



	height: 647px;



}



.floor_4 .floor_4_main {



}



.floor_4 .floor_4_main .txt {



	float: left;



	padding-top: 120px;



}



.floor_4 .floor_4_main .txt .tit {



	font-size: 40px;



	color: #333333;



	height: 44px;



	line-height: 44px;



	padding-bottom: 36px;



}



.floor_4 .floor_4_main .txt i {



	display: block;



	background-position: 0 -380px;



	width: 32px;



	height: 1px;



}



.floor_4 .floor_4_main .txt .p1 {



	font-size: 14px;



	color: #333333;



	width: 500px;



	line-height: 28px;



	padding-top: 60px;



}



.floor_4 .floor_4_main .txt a {



	font-size: 14px;



	color: #fff;



	width: 130px;



	line-height: 40px;



	height: 40px;



	text-align: center;



	background-color: #67b306;



	display: block;



	border-radius: 6px;



	margin-top: 56px;



	transition: all ease 600ms;



}



.floor_4 .floor_4_main .txt a:hover {



	width: 150px;



	transition: all ease 600ms;



}



/******floor_5******/



.floor_5 .floor_5_main {



	position: relative;



}



.floor_5 .floor_5_main .indexTit {/* float: left; */



	position: relative;



}



.floor_5 .floor_5_main .indexTit .tit {



	font-size: 40px;



	color: #646464;



	text-align: left;



	margin-bottom: 18px;



}



.floor_5 .floor_5_main .indexTit i {



	display: block;



	width: 29px;



	height: 1px;



	margin: 0;



	background: url(../images/wrap.png) center center no-repeat;



	margin-bottom: 30px;



}



.floor_5 .floor_5_main .menu {



	float: right;



	position: absolute;



	top: 34px;



	right: 0px;



}



.floor_5 .floor_5_main .menu .list .item.it1 {



	font-size: 14px;



	color: #fff;



	width: 130px;



}



.floor_5 .floor_5_main .menu .list .item.hover {



	background-color: #67b306;



}



.floor_5 .floor_5_main .menu .list .item.it2 {



	font-size: 14px;



	color: #fff;



	width: 130px;



	line-height: 40px;



	height: 40px;



	text-align: center;



	background-color: #01bc66;



	display: block;



	border-radius: 6px;



	margin-top: 56px;



	float: left;



}



.floor_5 .floor_5_main .menu .list .item a {



	color: #FFFFFF;



	display: block;



}



.floor_5 .floor_5_main .menu .list .item:hover a {



}



.floor_5 .floor_5_main .menu .list .item {



	font-size: 14px;



	color: #fff;



	width: 130px;



	line-height: 40px;



	height: 40px;



	text-align: center;



	background-color: #01bc66;



	display: block;



	border-radius: 6px;



	margin-top: 56px;



	float: left;



	margin-right: 18px;



	transition: all ease 600ms;



}



.floor_5 .floor_5_main .menu .list .item:hover {



	opacity: 0.8;



	transition: all ease 600ms;



}



.floor_5 .floor_5_main .menu .list .item:last-child {



	margin-right: 0px;



}



.floor_5 .floor_5_main .content .news {



	margin-bottom: 30px;



	padding-top: 0px;



}



.floor_5 .floor_5_main .content .news .bd {



	position: relative;



	height: 420px;



}



.floor_5 .floor_5_main .content .news .bd .list {



	width: 104%;



}



.floor_5 .floor_5_main .content .news .bd .list li {



	position: relative;



	float: left;



	display: block;



	width: 380px;



	height: 380px;



	border-bottom: 0px!important;



	padding-bottom: 0px;



	margin: 15px 0;



	margin-right: 30px;



	cursor: pointer;



	transition: all ease 600ms;



}



.floor_5 .floor_5_main .content .news .bd .list li:hover {



	box-shadow: 1px 6px 10px #d0dbe0;



	transition: all ease 600ms;



}



/*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/



.floor_5 .floor_5_main .content .news .list li a {



	display: block;



	width: 380px;



	height: 380px;



}



.floor_5 .floor_5_main .content .news .bd .list li img {



	margin: 0 auto;



	display: block;



	height: 285px;



	width: 380px;



}



.floor_5 .floor_5_main .content .news .bd .list li .tit {



}



.floor_5 .floor_5_main .content .news .bd .list li .p1 {



	height: 90px;



	line-height: 90px;



	float: left;



	text-align: center;



	color: #666666;



	font-size: 16px;



	font-weight: bold;



	position: relative;



	width: 310px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_5 .floor_5_main .content .news .bd .list li .p2 {



	position: relative;



	color: #cccccc;



	font-size: 43px;



	padding-top: 20px;



	width: 70px;



	float: right;



}



.floor_5 .floor_5_main .content .news .bd .list li .p2 .s1 {



	margin-right: 14px;



	color: #666666;



	font-size: 14px;



	float: right;



	position: absolute;



	top: 44px;



	left: 4px;



	width: 76px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_5 .floor_5_main .content .news .bd .list li .p2 .s2 {



	position: absolute;



	top: 16px;



	left: 6px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 {



	color: #67b306;



}



.floor_5 .floor_5_main .content .news .bd .list li:hover .p2 .s1 {



	color: #67b306;



}



.floor_5 .floor_5_main .content .news .bd .list li:hover .p1 {



	color: #67b306;



}



.floor_5 .floor_5_main .content .news .hd {



	width: 100%;



	top: 0px;



	position: relative;



	padding-bottom: 80px;



}



.floor_5 .floor_5_main .content .news .hd .prev {



	position: absolute;



	left: 490px;



	top: -0px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -0px -0px;



	cursor: pointer;



}



.floor_5 .floor_5_main .content .news .hd .next {



	position: absolute;



	right: 490px;



	top: -0px;



*right: 0px;



*left: 1180px;



	display: block;



	width: 72px;



	height: 32px;



	background-position: -80px -0px;



	cursor: pointer;



}



.floor_5 .floor_5_main .content .news .hd .prev:hover {



	opacity: 0.8;



	background-position: -160px -0px;



}



.floor_5 .floor_5_main .content .news .hd .next:hover {



	opacity: 0.8;



	background-position: -240px -0px;



}



.floor_5 .floor_5_main .content .news .hd .amore {



	position: absolute;



	left: 570px;



	top: -0px;



	display: block;



	width: 61px;



	height: 32px;



	background-position: -0px -76px;



	cursor: pointer;



}



.floor_5 .floor_5_main .content .news .hd .amore:hover {



	opacity: 0.8;



	background-position: -80px -76px;



}



.floor_5 .floor_5_main .content .news .bd .list li a .More {



	margin-top: 32px;



	margin-left: 60px;



	overflow: hidden;



	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);



}



.floor_5 .floor_5_main .content .news .bd .list li:hover a .More {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.floor_5 .floor_5_main .content .news .bd .list li a .More i {



	background-position: -30px -300px;



	width: 12px;



	height: 7px;



	margin-top: -17px;



	margin-left: 100px;



	float: left;



}



.floor_5 .floor_5_main .content .news .bd ul li a .bg {



	width: 380px;



	height: 285px;



	background: url(../images/framebg2.png) no-repeat center center;



	opacity: 0;



}



.floor_5 .floor_5_main .content .news .bd ul li:hover a .bg {



	display: block;



	margin-top: -355px;



	z-index: 999;



	position: relative;



	opacity: 1;



}



.floor_5 .floor_5_main .content .news .bd ul li a .txtIco {



	position: absolute;



	top: 0px;



	left: 0px;



	display: block;



	width: 380px;



	height: 360px;



	z-index: 1000;



}



.floor_5 .floor_5_main .content .news .bd ul li a .txtIco s {



	width: 54px;



	height: 54px;



	background-position: 0px -270px;



	position: absolute;



	left: 184px;



	top: 106px;



	transition: all ease-in-out .2s;



	margin-left: -20px;



	opacity: 0;



}



.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco s {



	opacity: 1;



}



.floor_5 .floor_5_main .content .news .bd ul li a .txtIco .stit {



	padding-top: 220px;



	font-size: 18px;



	line-height: 18px;



	text-align: center;



	transition: all ease-in-out .2s;



	opacity: 0;



	filter: alpha(opacity=0);



	color: #fff;



}



.floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco .stit {



	padding-top: 160px;



	transition: all ease-in-out .2s;



	opacity: 1;



	filter: alpha(opacity=100);



	color: #fff;



}



.floor_5 .floor_5_main .content .news .bd .list li p i {



	display: block;



	width: 19px;



	height: 19px;



	float: right;



	background-position: 0px -140px;



	position: absolute;



	top: 26px;



	right: 26px;



}



.floor_5 .floor_5_main .content .news .bd .list li:hover p i {



	background-position: -40px -140px;



}



/* 内页 */



.links_main {



	border-top: 1px solid #e5e5e5;



	line-height: 90px;



	height: 90px;



}



.links_main span {



	color: #2fc16e;



	font-size: 36px;



	font-weight: bold;



	margin-right: 40px;



	display: block;



	float: left;



}



.links_main a {



	padding: 0 30px;



}



.bottom_main {



	background: #3a3c42;



	padding: 50px 0;



	width: 100%;



}



.bottom_main .box1 {



	color: #fff;



	width: 510px;



	height: 170px;



	border-right: 1px solid #44464c;



	padding-right: 52px;



	padding-top: 30px;



}



.bottom_main .box1 img {



	float: left;



	margin-right: 10px;



}



.bottom_main .box1 h3 {



	font-size: 22px;



	font-weight: 100;



}



.bottom_main .box1 p {



	margin-bottom: 40px;



}



.bottom_main .box1 .line {



	height: 1px;



	background: #57595e;



	margin-bottom: 1px;



}



.bottom_main .box1 .a {



	color: #616368;



	margin-top: 23px;



}



.bottom_main .box1 .a a {



	color: #fff;



	padding: 0 2px;



}



.bottom_main .box1 .a a:hover {



	color: #2fc16e;



}



.bottom_main .box2 {



	color: #fff;



	width: 281px;



	height: 170px;



	border-right: 1px solid #44464c;



	padding-left: 50px;



	padding-top: 30px;



}



.bottom_main .box2 h3 {



	font-size: 22px;



	padding-bottom: 22px;



}



.bottom_main .box2 li {



	line-height: 30px;



}



.bottom_main .box2 li i {



	width: 14px;



	height: 14px;



	background-position: -241px -57px;



	margin-right: 5px;



}



.bottom_main .box2 li .i2 {



	background-position: -255px -57px;



}



.bottom_main .box2 li .i3 {



	background-position: -270px -57px;



}



.bottom_main .box3 {



	padding-top: 29px;



}



.bottom_main .box3 li {



	float: left;



	color: #fff;



	text-align: center;



	line-height: 30px;



	margin-left: 20px;



}



.bottom_main .box3 img {



	width: 120px;



	height: 120px;



	display: block;



}



.bottom_copy {



	line-height: 50px;



	font-size: 12px;



	color: #ccc;



}



.bottom_copy a {



	color: #ccc;



}



.bottom_copy a:hover {



	color: #fff;



}



.dialog-layout {



	width: 100%;



	height: 100%;



	position: fixed;



	z-index: 100;



	top: 0;



	left: 0;



	background: #000;



	opacity: 0.3;



	filter: alpha(opacity=30);



}



.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;



}



.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: #67b306;



	color: #fff;



	border: 1px solid #67b306;



}



.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 a 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:hover a span {



	color: #67b306;



}



.case li:hover a p {



	color: #67b306;



}



.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;



	color: #666;



	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 i {



	width: 32px;



	height: 12px;



	background-position: -230px -110px;



}



.case li .p .fl {



	font-size: 12px;



	font-family: arial;



}



.case li:hover {



	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);



}



.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: #67b306;



}



.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 {



	font-size: 30px;



	line-height: 50px;



}



.detail .title span {



	line-height: 18px;



	font-family: arial;



	color: #959595;



}



.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 */



.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: #2fc16e;



}



/* pager */



.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 #2ab866;



	background: #2ab866;



}



.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: #67b306;



}



.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 #67b306;



	margin-right: 2px;



	text-align: center;



	background: #67b306;



	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: #67b306;



}



.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;



}



.erro {



	text-align: center;



	min-height: 400px;



}



.showPro {



	padding: 50px 50px 0;



}



.showPro .reLink {



	margin-bottom: 0;



}



.showPro .showContxt {



	padding: 30px 0 35px;



	font-size: 16px;



	line-height: 32px;



}



.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: 680px;



	height: 423px;



	float: right;



	position: relative;



}



.showPro .showimgCon .txtcon .tit {



	position: relative;



	font-size: 20px;



	margin-bottom: 15px;



	color: #d73535;



	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 {



	line-height: 24px;



	font-size: 16px;



	color: #666;



}



.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: #2ab866;



}



.showPro .showimgCon .txtcon .tel-btn .btn:hover {



	background: #12a751;



}



.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;



	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;



}



.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: url(../images/show-btn-ico.png) no-repeat 0 center;



}



.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: 98px;



	height: 74px;



	margin-right: 28px;



	float: left;



	cursor: pointer;



	position: relative;



}



.showPro .showimg li img {



	width: 100%;



	height: 100%;



	display: block;



}



.showPro .showimg li.on {



	width: 94px;



	height: 70px;



	border: 3px solid #2ab866;



}



.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: #2ab866;



}



.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: 301px;



	border-radius: 0 0 5px 5px;



	color: #fff;



	padding-left: 42px;



	padding-right: 42px;



	transition: ease-in-out .2s;



	text-align: center;



	line-height: 67px;



}



.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: 10px;



	display: none;



}



.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;



	display: block;



}



.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: #2fc16e;



	margin: 0 19px;



	border: 2px solid #2fc16e;



	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: #2fc16e;



	color: #fff;



}



.floor_3_remm .more2 li {



	float: left;



}



/********toolbar*********/



.toolbar {



	width: 52px;



	position: fixed;



	right: 1%;



	top: 50%;



	margin-top: -115px;



	z-index: 999;



}



.toolbar dd {



	width: 51px;



	height: 51px;



	margin-bottom: 1px;



	position: relative;



	-webkit-border-radius: 100%;



	border-radius: 100%;



	margin-top: 4px;



	border: #ebebeb solid 1px;



	background-color: #fff;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i {



	width: 51px;



	height: 51px;



	display: block;



	position: absolute;



	left: 0;



	top: 0;



	cursor: pointer;



	text-align: center;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i span {



	width: 35px;



	height: 35px;



	display: block;



	margin: 8px 0 0 8px;



	background: url(../images/rightfixicon.png) no-repeat 0 0;



}



.toolbar dd.gottop {



	display: none;



}



.toolbar .slide-tel {



	display: block;



	width: 0;



	height: 53px;



	line-height: 53px;



	font-size: 24px;



	font-weight: bold;



	font-family: arial;



	color: #FFF;



	position: absolute;



	padding: 0 0 0 53px;



	top: -1px;



	right: -2px;



	-webkit-border-radius: 50px;



	border-radius: 50px;



	overflow: hidden;



}



.toolbar .pop {



	position: absolute;



	right: 90px;



	top: -65px;



	background: #67b306;



	display: none;



}



.toolbar .pop-code {



	width: 160px;



}



.toolbar .pop-code img {



	width: 120px;



	height: 120px;



	display: block;



	padding: 20px 20px 0;



}



.toolbar .pop-code h3 {



	height: 52px;



	line-height: 26px;



	text-align: center;



	color: #fff;



	font-size: 16px;



	font-weight: 400;



	white-space: nowrap;



}



.toolbar .pop-code h3 b {



	display: block;



	font-size: 14px;



	font-weight: normal;



}



.toolbar .qq span {



	background-position: -35px -47px;



}



.toolbar .qq a {



	width: 52px;



	height: 52px;



	cursor: pointer;



	display: block;



}



.toolbar .qq:hover {



	background-color: #67b306;



	border-radius: 100%;



}



.toolbar .qq:hover span {



	background-position: 0 -47px;



}



.toolbar .tel span {



	background-position: -35px 0;



}



.toolbar .tel:hover {



	background: #67b306;



}



.toolbar .tel:hover span {



	background-position: 0 0;



}



.toolbar .code span {



	background-position: -35px -95px;



}



.toolbar .code:hover {



	background-color: #67b306;



	border-radius: 100%;



}



.toolbar .code:hover span {



	background-position: 0 -95px;



}



.toolbar .top span {



	background-position: -35px -142px;



}



.toolbar .top:hover {



	background-color: #67b306;



	border-radius: 100%;



}



.toolbar .top:hover span {



	background-position: 0 -142px;



}



.toolbar dd:hover {



}



/*******font-face********/



@font-face {



	font-family: 'impact';



	src: url('../other/impact.eot');



	src: url('../other/impact.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../other/impact.woff') format('woff'), /* Modern Browsers */ url('../other/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../other/impact.svg#impact') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */



}



/************** * Animations for content elements * **********/



/* 滞后 */



.delay100 {



	-webkit-animation-delay: 100ms;



	animation-delay: 100ms;



}



.delay200 {



	-webkit-animation-delay: 200ms;



	animation-delay: 200ms;



}



.delay300 {



	-webkit-animation-delay: 300ms;



	animation-delay: 300ms;



}



.delay400 {



	-webkit-animation-delay: 400ms;



	animation-delay: 400ms;



}



.delay500 {



	-webkit-animation-delay: 500ms;



	animation-delay: 500ms;



}



.delay600 {



	-webkit-animation-delay: 600ms;



	animation-delay: 600ms;



}



.delay700 {



	-webkit-animation-delay: 700ms;



	animation-delay: 700ms;



}



.delay800 {



	-webkit-animation-delay: 800ms;



	animation-delay: 800ms;



}



.delay900 {



	-webkit-animation-delay: 900ms;



	animation-delay: 900ms;



}



.delay1000 {



	-webkit-animation-delay: 1000ms;



	animation-delay: 1000ms;



}



.delay1100 {



	-webkit-animation-delay: 1100ms;



	animation-delay: 1100ms;



}



.delay1200 {



	-webkit-animation-delay: 1200ms;



	animation-delay: 1200ms;



}



.delay1300 {



	-webkit-animation-delay: 1300ms;



	animation-delay: 1300ms;



}



.delay1400 {



	-webkit-animation-delay: 1400ms;



	animation-delay: 1400ms;



}



.delay1500 {



	-webkit-animation-delay: 1500ms;



	animation-delay: 1500ms;



}



.delay1600 {



	-webkit-animation-delay: 1600ms;



	animation-delay: 1600ms;



}



.delay1700 {



	-webkit-animation-delay: 1700ms;



	animation-delay: 1700ms;



}



.delay1800 {



	-webkit-animation-delay: 1800ms;



	animation-delay: 1800ms;



}



.delay1900 {



	-webkit-animation-delay: 1900ms;



	animation-delay: 1900ms;



}



.delay2000 {



	-webkit-animation-delay: 2000ms;



	animation-delay: 2000ms;



}



.delay2100 {



	-webkit-animation-delay: 2100ms;



	animation-delay: 2100ms;



}



.delay2200 {



	-webkit-animation-delay: 2200ms;



	animation-delay: 2200ms;



}



.delay2300 {



	-webkit-animation-delay: 2300ms;



	animation-delay: 2300ms;



}



.delay2500 {



	-webkit-animation-delay: 2500ms;



	animation-delay: 2500ms;



}



.delay2700 {



	-webkit-animation-delay: 2700ms;



	animation-delay: 2700ms;



}



.delay2900 {



	-webkit-animation-delay: 2900ms;



	animation-delay: 2900ms;



}



.delay3000 {



	-webkit-animation-delay: 3000ms;



	animation-delay: 3000ms;



}



.delay4000 {



	-webkit-animation-delay: 4000ms;



	animation-delay: 4000ms;



}



.delay4500 {



	-webkit-animation-delay: 4500ms;



	animation-delay: 4500ms;



}



.delay5000 {



	-webkit-animation-delay: 5000ms;



	animation-delay: 5000ms;



}



.onactive .animated {



	-webkit-animation-duration: .8s;



	animation-duration: .8s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



}



.active .animated.fast {



	-webkit-animation-duration: .5s;



	animation-duration: .5s;



}



.onactive .flyInDown {



	-webkit-animation-name: flyInDown;



	animation-name: flyInDown;



}



@-webkit-keyframes flyInDown {



0% {



opacity: 0;



-webkit-transform: translateY(-20px);



}



100% {



opacity: 1;



-webkit-transform: translateY(0);



}



}



@keyframes flyInDown {



0% {



opacity: 0;



-webkit-transform: translateY(-20px);



-moz-transform: translateY(-20px);



-ms-transform: translateY(-20px);



transform: translateY(-20px);



}



100% {



opacity: 1;



-webkit-transform: translateY(0);



-moz-transform: translateY(0);



-ms-transform: translateY(0);



transform: translateY(0);



}



}



.onactive .flyInRight {



	-webkit-animation-name: flyInRight;



	animation-name: flyInRight;



}



@keyframes flyInRight {



0% {



opacity: 0;



-webkit-transform: translateX(100px);



-moz-transform: translateX(100px);



-ms-transform: translateX(100px);



transform: translateX(100px);



}



100% {



opacity: 1;



-webkit-transform: translateX(0);



-moz-transform: translateX(0);



-ms-transform: translateX(0);



transform: translateX(0);



}



}



.onactive .flyInUp {



	-webkit-animation-name: flyInUp;



	animation-name: flyInUp;



}



@keyframes flyInUp {



0% {



opacity: 0;



-webkit-transform: translateY(50px);



-moz-transform: translateY(50px);



-ms-transform: translateY(50px);



transform: translateY(50px);



}



100% {



opacity: 1;



-webkit-transform: translateY(0);



-moz-transform: translateY(0);



-ms-transform: translateY(0);



transform: translateY(0);



}



}



.onactive .flyInLeft {



	-webkit-animation-name: flyInLeft;



	animation-name: flyInLeft;



}



@-webkit-keyframes flyInLeft {



0% {



opacity: 0;



-webkit-transform: translateX(-200px);



}



100% {



opacity: 1;



-webkit-transform: translateX(0);



}



}



@keyframes flyInLeft {



0% {



opacity: 0;



-webkit-transform: translateX(-200px);



-moz-transform: translateX(-200px);



-ms-transform: translateX(-200px);



transform: translateX(-200px);



}



100% {



opacity: 1;



-webkit-transform: translateX(0);



-moz-transform: translateX(0);



-ms-transform: translateX(0);



transform: translateX(0);



}



}



.onactive .opacityI {



	-webkit-animation-name: zoomIn;



	animation-name: zoomIn;



}



@-webkit-keyframes opacityI {



0% {



opacity: 0;



}



50% {



opacity: 1;



}



}



@keyframes opacityI {



0% {



opacity: 0;



}



50% {



opacity: 1;



}



}



.onactive .shake {



	-webkit-animation-name: shake;



	animation-name: shake;



	-webkit-animation-delay: 6s;



	animation-delay: 6s;



	-webkit-animation-iteration-count: infinite;



	animation-iteration-count: infinite;



}



@keyframes shake {



0% {



transform: translateX(0);



}



10%, 30%, 50%, 70%, 90% {



transform: translateY(-10px);



}



20%, 40%, 60%, 80% {



-transform: translateY(6px);



}



100% {



transform: translateY(0);



}



}



@-webkit-keyframes shake {



0% {



-webkit-transform: translateX(0);



}



10%, 30%, 50%, 70%, 90% {



-webkit-transform: translateY(-10px);



}



20%, 40%, 60%, 80% {



-webkit-transform: translateY(6px);



}



100% {



-webkit-transform: translateY(0);



}



}



@-moz-keyframes shake {



0% {



-moz-transform: translateX(0);



}



10%, 30%, 50%, 70%, 90% {



-moz-transform: translateY(-10px);



}



20%, 40%, 60%, 80% {



-moz-transform: translateY(6px);



}



100% {



-moz-transform: translateY(0);



}



}



@-o-keyframes shake {



0% {



-o-transform: translateX(0);



}



10%, 30%, 50%, 70%, 90% {



-o-transform: translateY(-10px);



}



20%, 40%, 60%, 80% {



-o-transform: translateY(6px);



}



100% {



-o-transform: translateY(0);



}



}



@-ms-keyframes shake {



0% {



-ms-transform: translateX(0);



}



10%, 30%, 50%, 70%, 90% {



-ms-transform: translateY(-10px);



}



20%, 40%, 60%, 80% {



-ms-transform: translateY(6px);



}



100% {



-ms-transform: translateY(0);



}



}



.onactive .zoomIn {



	-webkit-animation-name: zoomIn;



	animation-name: zoomIn;



}



@-webkit-keyframes zoomIn {



0% {



opacity: 0;



-webkit-transform: scale3d(0.3, 0.3, 0.3);



transform: scale3d(0.3, 0.3, 0.3);



}



50% {



opacity: 1;



}



}



@keyframes zoomIn {



0% {



opacity: 0;



-webkit-transform: scale3d(0.3, 0.3, 0.3);



-ms-transform: scale3d(0.3, 0.3, 0.3);



transform: scale3d(0.3, 0.3, 0.3);



}



50% {



opacity: 1;



}



}



@-webkit-keyframes scaleIn {



0% {



opacity: 1;



-webkit-transform: scale(1);



transform: scale(1);



}



50% {



opacity: 1;



-webkit-transform: scale(1.02);



transform: scale(1.02);



}



}



@keyframes scaleIn {



0% {



opacity: 1;



-webkit-transform: scale(1);



-ms-transform: scale(1);



transform: scale(1);



}



50% {



opacity: 1;



-webkit-transform: scale(1.02);



-ms-transform: scale(1.02);



transform: scale(1.02);



}



}



/*↓组图样式↓*/



.HS10, .HS15 {



	overflow: hidden;



	clear: both;



}



.HS10 {



	height: 10px;



}



.HS15 {



	height: 15px;



}



.Hidden {



	display: none;



}



.Clearer {



	display: block;



	clear: both;



	font-size: 1px;



	line-height: 1px;



	margin: 0;



	padding: 0;



}



.FlLeft {



	float: left;



}



.FlRight {



	float: right;



}



/*幻灯片区域背景*/



.MainBg {



	width: 1200px;



	margin: 0 auto;



}



/*大图展示区域*/



.OriginalPicBorder {



	padding: 0;



}



#OriginalPic {



	width: 1200px;



	overflow: hidden;



	position: relative;



	font-size: 12px;



}



#OriginalPic img {



	display: block;



	min-width: 100px;



	margin: 0 auto;



}



/*鼠标手势*/



.CursorL {



	position: absolute;



	z-index: 999;



	width: 50%;



	height: 600px;



	color: #FFF;



	left: 0;



	cursor: url(../other/CurL.cur), auto;



	background: url(../images/space.png) repeat scroll 0 0 transparent;



}



.CursorR {



	position: absolute;



	z-index: 999;



	width: 50%;



	height: 600px;



	color: #FFF;



	right: 0;



	cursor: url(../other/CurR.cur), auto;



	background: url(../images/space.png) repeat scroll 0 0 transparent;



}



/*小图预览和滑动*/



.SliderPicBorder {



	width: 100%;



	overflow: hidden;



}



.ThumbPicBorder {



	width: 1200px;



	margin: 0 auto;



	background: #eeeeee;



	overflow: hidden;



	position: relative;



}



.ThumbPicBorder #btnPrev {



	width: 45px;



	height: 113px;



	cursor: pointer;



	position: absolute;



	left: 20px;



	top: 20px;



}



.ThumbPicBorder #btnNext {



	width: 45px;



	height: 113px;



	cursor: pointer;



	position: absolute;



	right: 20px;



	top: 20px;



}



.ThumbPicBorder .pic {



	width: 1025px;



	overflow: hidden;



	position: relative;



	margin: 20px auto;



}



#ThumbPic img {



	border: 3px solid #ddd;



	cursor: pointer;



	background-color: #ddd;



	margin: 0 10px;



	width: 145px;



	height: 108px;



	display: block;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#ThumbPic img.active {



	border: 3px solid #67b306;



}



/*↑组图样式↑*/



/* pages*/
.mypages{text-align:center;height:40px;line-height:40px;margin-top:20px;}
.mypages ul{display:inline-block;margin:0 auto}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#86b350;}