@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
	margin: 0;
	padding: 0;
}
body {
	color: #666;
	font-size: 14px;
	font-family: Microsoft yahei;
}
section, article, aside, header, footer, nav, dialog, figure {
	display: block;
}
ul, ol {
	list-style: none;
}
img, fieldset {
	vertical-align: top;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
address, cite, code, em, th {
	font-weight: normal;
	font-style: normal;
}
input, button, textarea, select {
	font: 100% Microsoft yahei;
	vertical-align: middle;
}
table, td, tr, th {
	font-size: 14px;
}
.nodispaly {
	display: none;
}
.line {
	height: 20px;
	line-height: 20px;
	font-size: 0px;
	clear: both;
	overflow: hidden;
	display: block;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #07b254;
	text-decoration: underline;
}
.width_all {
	max-width: 1200px;
	margin: 0 auto;
}
.width_all:after {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.up_down {
	margin: 30px auto;
}
/*head_top*/

.head_top {
	width: 100%;
	background: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.head_top h1 {
	float: left;
	width: 540px;
	margin: 12px 0;
}
.head_top h1 img {
	width: 100%;
}
.head_top h1.shouji {
	display: none;
}
.cnen {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}
.cnen a {
	color: #fff;
	margin: 0 8px;
}
.cnen a:hover {
	text-decoration: none;
	color: #07b254;
}
.nav {
	float: right;
}
.nav .daohang {
	margin: 0 auto;
	width: 100%;
}
.nav .daohang li {
	line-height: 53px;
	float: left;
	margin: 0 0 0 32px;
	position: relative;
}
.nav .daohang li a {
	font-size: 16px;
	color: #fff;
	line-height: 98px;
	border-bottom: #535353 1px solid;
	display: block;
}
.nav .daohang li:hover a {
	text-decoration: none;
	color: #07b254;
	border-bottom: #07b254 2px solid;
}
.nav .daohang li a.hover {
	color: #07b254;
	border-bottom: #07b254 2px solid;
}
.app_xz {
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 100px; /*right:0;*/
	width: 120px;
	margin: 0 auto;
	background: #fff;
	padding: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.app_xz li a {
	line-height: 30px !important;
}
.nav .daohang li:hover .app_xz {
	height:auto;
	padding: 10px; /*border:#07b254 1px solid;*/
	display:inline-block;
}
.nav .daohang li .app_xz ul {
	overflow: hidden;
}
.nav .daohang li .app_xz ul li {
	float: left;
	width: 100%;
	margin: 0 10px 0 0;
	text-align: center;
	display: block;
}
.nav .daohang li .app_xz ul li:nth-child(2n) {
	margin: 0;
}
.nav .daohang li .app_xz ul li img {
	width: 100%;
}
.nav .daohang li .app_xz ul li span {
	background: #07b254;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	display: block;
	text-align: center;
}
/*banner*/

.banner_sj {
	display: none;
}
.banner_pc {
	margin: 100px 0 0 0;
}
.flexslider {
	position: relative;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
	border-radius: 0px;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.flex-control-nav {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 10px;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
}
.flex-control-paging li a {
	width: 14px;
	height: 14px;
	display: block;
	background: #666;
	background: #fff;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-o-border-radius: 14px;
	border-radius: 14px;
}
.flex-control-paging li a:hover {
	background: #07b254;
}
.flex-control-paging li a.flex-active {
	background: #07b254;
	cursor: default;
}
/*about_us*/

.about_left {
	width: 50%;
	float: left;
}
.about_left img {
	width: 100%;
}
.about_right {
	width: 45%;
	float: right;
	position: relative;
}
.about_right .about_name {
	width: 270px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/about_namebg.png) center no-repeat;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	padding: 0 0 19px 0;
}
.about_right .about_xq {
	width: 100%;
	margin: 12px auto;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.about_right .about_more {
	width: 108px;
	background: #07b254;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.about_right .about_more a {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	display: block;
}
.about_right .about_more a:hover {
	text-decoration: none;
	background: #535353;
}
.about_right .about_more i {
	width: 11px;
	height: 10px;
	background: url(../images/more_jt.png);
	float: right;
	margin: 9px 7px 0 0;
}
/*we_services*/

.we_services {
	width: 100%;
	background: url(../images/about_usbg.jpg) center no-repeat;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 40px 0;
}
.we_s_left {
	width: 45%;
	float: left;
}
.we_s_left .we_s_name {
	width: 246px;
	margin: 52px auto 24px auto;
	overflow: hidden;
	background: url(../images/namebg.png) center no-repeat;
	font-size: 30px;
	color: #07b254;
	text-align: center;
	line-height: 36px;
}
.we_s_left .we_s_xq {
	width: 100%;
	margin: 24px auto;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.we_s_left .we_s_xq strong {
	font-size: 18px;
	color: #07b254;
	display: block;
	line-height: 36px;
	margin: 16px 0 0 0;
}
.we_s_left .we_s_more {
	width: 108px;
	background: #07b254;
}
.we_s_left .we_s_more a {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	display: block;
}
.we_s_left .we_s_more a:hover {
	text-decoration: none;
	background: #535353;
}
.we_s_left .we_s_more i {
	width: 11px;
	height: 10px;
	background: url(../images/more_jt.png);
	float: right;
	margin: 9px 7px 0 0;
}
.we_s_right {
	width: 50%;
	float: right;
}
.we_s_right img {
	width: 100%;
}
/*new_product*/

.product_name {
	max-width: 370px;
	margin: 0 auto 59px auto;
	overflow: hidden;
	font-size: 30px;
	color: #07b254;
	text-align: center;
	line-height: 43px;
	border-bottom: 2px solid #00bf63;
}
.img-scroll {
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.img-scroll .prev, .img-scroll .next {
	position: absolute;
	display: block;
	width: 30px;
	height: 51px;
	top: 50%;
	margin-top: -25px;
	z-index: 9;
}
.img-scroll .prev {
	left: 0;
	cursor: pointer;
}
.img-scroll .next {
	right: 0;
	cursor: pointer;
}
.img-scroll:hover .prev {
	background: url(../images/l.png) no-repeat center;
}
.img-scroll:hover .next {
	background: url(../images/r.png) no-repeat center;
}
.img-list {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.img-list ul {
	width: 800%;
}
.img-list li {
	float: left;
	width: 285px;
	margin: 0 20px 0 0;
	position: relative;
}
.img-list li img {
	width: 100%;
}
.img-list li span {
	font-size: 16px;
	line-height: 52px;
	height: 52px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	position: relative;
}
.img-list li a {
	display: block;
	color: #fff;
	text-align: center;
	border: #ccc 1px solid;
	background: #07b254
}
.img-list li a:hover {
	text-decoration: none;
	background: #07b254;
	color: #fff;
}
/*news*/

.fengexian {
	width: 100%;
	background: #f5f5f5;
	height: 1px;
}
.news_name {
	width: 246px;
	margin: 0 auto 30px auto;
	overflow: hidden;
	font-size: 30px;
	color: #07b254;
	text-align: center;
	line-height: 36px;
	border-bottom: 2px solid #00bf63;
}
.news {
	width: 100%;
	margin: 0;
}
.news ul li {
	float: left;
	width: 26%;
	padding: 2%;
	margin: 0 5% 0 0;
	transition: all .6s;
	border-bottom: #fff 2px solid;
	cursor: pointer;
}
.news ul li:nth-child(3n) {
	margin: 0;
}
.news ul li:hover {
	box-shadow: 0 0 6px #ccc;
	border-bottom: #07b254 2px solid;
}
.news ul li img {
	width: 100%;
}
.news ul li p {
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.news ul li p.ns_js {
	font-size: 16px;
	color: #333;
	line-height: 22px;
	margin: 14px 0 8px 0;
}
.news ul li dl {
	width: 100%;
	margin: 18px auto 0 auto;
	overflow: hidden;
}
.news ul li dl dd {
	float: left;
}
.news ul li dl dd big {
	font-size: 24px;
	color: #999;
	display: block;
	line-height: 24px;
}
.news ul li dl dd small {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
.news ul li dl dt {
	float: right;
	width: 65px;
	background: #07b254;
	border-radius: 11px;
}
.news ul li dl dt a {
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	display: block;
	padding: 0 0 0 6px;
}
.news ul li dl dt a:hover {
	text-decoration: none;
	background: #535353;
	border-radius: 11px;
}
.news ul li dl dt i {
	width: 11px;
	height: 10px;
	background: url(../images/more_jt.png);
	float: right;
	margin: 7px 8px 0 0;
}
/*footer*/

.footer_top {
	width: 100%;
	background: #f5f5f5;
	height: 24px;
	border-bottom: #fff 1px solid;
	margin: 0;
	overflow: hidden;
}
.footer {
	width: 100%;
	background: #f5f5f5;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.footer:before {
	content: '';
	position: absolute;
	width: 100%;
	border-top: #fff 1px solid;
	bottom: 48px;
}
.footer:after {
	content: '';
	position: absolute;
	width: 100%;
	border-top: #e8e8e8 1px solid;
	bottom: 49px;
}
.footer .footer_left {
	width: 330px;
	float: left;
	border-right: 1px solid #fff;
	padding: 0 3% 0 0;/* margin:25px 0 46px 0;*/
}
#Feedbackform {
	overflow: hidden;
}
.col-sm {
	padding-left: 40px;
}
.col-sm1 {
	background: url(../images/fdbk_name.png) top left no-repeat;
}
.col-sm2 {
	background: url(../images/fdbk_tel.png) top left no-repeat;
}
.col-sm3 {
	background: url(../images/fdbk_mail.png) top left no-repeat;
}
.col-sm4 {
	background: url(../images/fdbk_message.png) top left no-repeat;
	position: relative;
	padding-right: 60px;
}
.col-sm .btn-default {
	position: absolute;
	height: 70px;
	width: 50px;
	right: 0px;
	top: 0px;
	background: #fff;
	color: #333;
	font-size: 12px;
}
.col-sm .form-control {
	display: block;
	width: 100%;
	height: 29px;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 25px;
	background: #fff;
	box-sizing: border-box;
	margin: 0 0 10px 0;
}
.col-sm .FeedabckContent {
	display: block;
	width: 100%;
	height: 70px;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	box-sizing: border-box;
}
 .col-sm .form-control::-webkit-input-placeholder, .col-sm .FeedabckContent::-webkit-input-placeholder {
color:#ccc;
}
 .col-sm .form-control:-moz-placeholder, .col-sm .FeedabckContent:-moz-placeholder {
color:#ccc;
}
 .col-sm .form-control:-ms-input-placeholder, .col-sm .FeedabckContent:-ms-input-placeholder {
color:#ccc;
}
.footer .footer_nav {
	float: left;
	margin: 25px 0;
	padding: 0 0 0 3%;
}
.footer .footer_nav dl {
	float: left;
	margin: 0 52px 0 0;
}
.footer .footer_nav dl dd {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 12px 0;
}
.footer .footer_nav dl dd a {
	color: #333;
}
.footer .footer_nav dl dd a:hover {
	text-decoration: none;
	color: #000;
}
.footer .footer_nav dl dt {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	overflow: hidden;
}
.footer .footer_nav dl dt a {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: block;
}
.footer .footer_nav dl dt a:hover {
	text-decoration: none;
	color: #07b254;
}
.footer .footer_nav dl dt .zwei {
	width: 42px;
	float: left;
}
.footer .footer_nav dl dt .judao {
	float: left;
}
.footer .footer_ewm {
	width: 500px;
	float: right;
	margin: 25px 0;
}
.footer .footer_ewm li {
	width: 120px;
	float: left;
	margin: 0 10px 0 0;
}
.footer .footer_ewm li:nth-child(3n) {
	margin: 0;
}
.footer .footer_ewm img {
	width: 100%;
}
.footer .footer_ewm span {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	display: block;
	text-align: center;
	margin: 5px 0 0 0;
}
.icp {
	font-size: 12px;
	color: #666;
	line-height: 22px;
	padding: 13px 0;
}
/*ny_banner*/

.ny_banner {
	width: 100%;
	background: #f5f5f5;
	margin: 100px 0 0 0;
}
.lj_left {
	width: 30%;
	float: left;
	font-size: 14px;
	color: #535353;
	line-height: 20px;
	padding: 28px 0 18px 0;
}
.lj_left h1 {
	font-size: 24px;
	color: #07b254;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}
.lj_left font {
	color: #888;
}
.lj_left a {
	color: #07b254;
}
.lj_left a img {
	width: 15px;
	height: 12px;
	margin: 3px 3px 0 0;
}
.lj_right {
	float: right;
	margin: 28px 0 0 0;
	width:70%;
}
.lj_right ul li {
	float: left;
	margin: 0 0 0 2%;
	border: #ddd 1px solid;
	padding: 0 2%;
	transition: all .5s;
	position: relative;
}
.lj_right ul li:hover {
	border: #07b254 1px solid;
	background: #07b254;
}
.lj_right ul li a {
	font-size: 14px;
	color: #535353;
	line-height: 40px;
	display: block;
}
.lj_right ul li:hover a {
	text-decoration: none;
	color: #fff;
}
.lj_right ul li.hrtt {
	background: #07b254;
	border: #07b254 1px solid;
}
.lj_right ul li.hrtt a {
	color: #fff;
}
.sanji {
	display: none;
}
.lj_right ul li:hover .sanji {
	display: block;
	position: absolute;
	left: -1px;
	background: #07b254;
	width: 100%;
	z-index: 9;
	padding: 0 1px;
}
.lj_right ul li:hover .sanji .lik_p {
	border-bottom: #ddd 1px solid;
}
.lj_right ul li:hover .sanji .lik_p a {
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	display: block;
	text-align: center;
}
.lj_right ul li:hover .sanji .lik_p a:hover {
	background: #ddd;
	color: #535353;
}
/*about_us*/

.about_us {
	background: url(../images/aboutbg.jpg) top center no-repeat;
	overflow: hidden;
}
.about_us .zz_name {
	width: 310px;
	margin: 68px auto;
	overflow: hidden;
	background: url(../images/jm_namebg.png) center no-repeat;
	font-size: 30px;
	color: #07b254;
	text-align: center;
	line-height: 48px;
}
/*profiles*/

.profiles {
	margin: 36px auto 52px auto;
	font-size: 16px;
	color: #535353;
	line-height: 30px;
}
.profiles strong {
	font-size: 18px;
	color: #07b254;
	display: block;
	line-height: 36px;
	margin: 16px 0 0 0;
}
/*fenxiang*/

.fenxiang {
	margin: 36px auto 52px auto;
	font-size: 16px;
	color: #535353;
	line-height: 30px;
}
.fenxiang img {
	max-width: 100%;
}
/*products*/

.products {
	margin: 36px auto;
}
.products li {
	float: left;
	width: 23.5%;
	margin: 0 2% 2% 0;
	position: relative;
}
.products li:nth-child(4n) {
	margin: 0 0 2% 0;
}
@media (max-width: 767px) {
.products li img {height:100px !important;}
}

.products li img {
	width: 100%;
height:200px;
}
.products li span {
	font-size: 16px;
	line-height: 52px;
	height: 52px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	position: relative;
}
.products li a {
	display: block;
	color: #333;
	text-align: center;
	border: #07b254 1px solid;
}
.products li a:hover {
	text-decoration: none;
	background: #07b254;
	color: #fff;
}
.productshow {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.productshow img {
	width: 100%;
}
.productshow section {
	margin: 0;
	padding: 0;
}
/*ny_news*/

.ny_news {
	margin: 36px auto;
	overflow: hidden;
	background: #f5f5f5;
	transition: all .6s;
}
.ny_news:hover {
	box-shadow: 0 0 6px #ccc;
}
.ny_news a {
	color: #666;
}
.ny_news:hover a {
	color: #07b254;
	text-decoration: none;
}
.ny_news .ny_n_left {
	float: left;
	width: 33%;
	position: relative;
}
.ny_news .ny_n_left img {
	width: 100%;
	height: 250px;
}
.ny_news .ny_n_left .times {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	width: 160px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
}
.ny_news .ny_n_right {
	float: right;
	width: 61%;
	margin: 0 3% 0 0;
}
.ny_news .ny_n_right strong {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 26px 0 8px 0;
	display: block;
}
.ny_news .ny_n_right em {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	margin: 8px 0;
	display: block;
}
.ny_news .ny_n_right .nrong {
	border-top: #fff 1px solid;
	font-size: 14px;
	line-height: 28px;
	padding: 14px 0;
}
.ny_news_wid {
	margin: 36px auto;
}
.news_names {
	width: 100%;
	text-align: center;
	border-bottom: #ccc 1px dashed;
	margin: 0 0 26px 0;
}
.news_names strong {
	font-size: 18px;
	color: #535353;
	line-height: 25px;
	margin: 0 0 8px 0;
	display: block;
}
.news_names em {
	color: #999;
	font-size: 12px;
	line-height: 22px;
	display: block;
}
.news_xq {
	width: 100%;
	color: #666;
	font-size: 14px;
	line-height: 26px;
}
.news_xq img {
	max-width: 100%;
}
.news_xq section {
	margin: 0;
	padding: 0;
}
.news_xq .section1 {
	margin: 20px 0 0 0;
}
.p_next {
	width: 100%;
	margin: 26px auto;
	overflow: hidden;
	background: #f5f5f5;
	padding: 10px 0;
}
.p_next p {
	display: block;
	padding: 0 2%;
}
.p_next a {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
/*services*/

.services {
	margin: 36px auto 52px auto;
	font-size: 16px;
	color: #535353;
	line-height: 30px;
}
.services img {
	max-width: 100%;
}
/*contact*/

.contact {
	margin: 36px auto 52px auto;
	font-size: 16px;
	color: #535353;
	line-height: 30px;
	text-align: center;
}
.contact img {
	max-width: 100%;
}
/*anzhuang*/

.anzhuang {
	margin: 36px auto;
}
.anzhuang ul {
	overflow: hidden;
}
.anzhuang ul li {
	line-height: 24px;
}
.anzhuang ul li.oi1 {
	background: #f5f5f5;
	border: #ddd 1px solid;
	border-left: none;
	border-right: none;
}
.anzhuang ul li a {
	font-size: 16px;
	color: #767676;
	line-height: 24px;
	padding: 10px 0;
	display: block;
}
.anzhuang ul li a:hover {
	color: #07b254;
	text-decoration: none;
}
.anzhuang ul li span {
	font-size: 14px;
	font-weight: bold;
	margin: 0 30px 0 10px;
}
/*join*/

.join {
	margin: 36px auto;
}
.join dl {
	overflow: hidden;
	margin: 0 0 30px 0;
}
.join dl .join_name {
	border-bottom: #07b254 2px solid;
	margin: 0 0 18px 0;
	overflow: hidden;
}
.join dl .join_name h2 {
	float: left;
	font-size: 18px;
	color: #07b254;
	font-weight: bold;
	line-height: 42px;
}
.join dl .join_name a {
	float: right;
	border: #07b254 1px solid;
	line-height: 26px;
	padding: 0 16px;
	border-radius: 14px;
	margin: 7px 0 0 0;
}
.join dl .join_name a:hover {
	text-decoration: none;
	color: #fff;
	background: #07b254;
}
/*.join dl dd{ float:left; width:45%;}

.join dl dd img{ width:100%;}*/

.join dl dt { /*float:right; width:50%;*/
	font-size: 16px;
	color: #535353;
	line-height: 30px;
}
.joins {
	margin: 28px auto 36px auto;
}
.joins .join_name {
	border-bottom: #07b254 2px solid;
	overflow: hidden;
	font-size: 18px;
	color: #07b254;
	font-weight: bold;
	line-height: 42px;
}
.joins .join_img {
	text-align: center;
	margin: 24px auto;
}
.joins .join_img img {
	max-width: 100%;
}
.joins .join_xq {
	background: #f5f5f5;
	font-size: 16px;
	color: #535353;
	line-height: 30px;
	padding: 3%;
}
/*kefu*/

.four-con {
	position: fixed;
	right: 0.5%;
	top: 50%;
	margin-top: -90px;
	z-index: 22;
}
.four-con ul li {
	position: relative;
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}
.f-all-con {
	left: -90px;
	top: 6px;
	padding-right: 17px;
	display: none;
	position: absolute;
}
.f-a-bg {
	position: relative;
	background-color: #07b254;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
}
.f-a-bg b {
	font-size: 18px;
	display: block
}
.f-a-bg:after {
	content: "";
	position: absolute;
	right: -7px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 5px solid transparent;
	border-left: 7px solid #07b254;
	border-bottom: 5px solid transparent;
}
.four-con ul li:hover .f-all-con {
	display: block;
}
.four-con ul li.a-w1 .f-all-con {
	top: -16px;
	left: -175px;
}
.four-con ul li.a-w2 .f-all-con {
	top: -44px;
	left: -154px;
}
a.f-icon5, a.f-icon4, a.f-icon1 {
	width: 50px;
	height: 50px;
	display: inline-block;
	background: url(../images/ficon1.png) no-repeat 0 -51px;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	cursor: pointer;
}
a.f-icon4 {
	background: url(../images/ficon4.png) no-repeat 0 -51px;
}
a.f-icon5 {
	background: url(../images/ficon5.png) no-repeat 0 -51px;
}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1 {
	background-position: 0 0;
}