.m_lr_auto{margin-left: auto; margin-right: auto; width: 1170px;}
@media (max-width: 1180px) {
	.m_lr_auto { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; }
}

.m_lr_auto1520 {margin-left: auto; margin-right: auto; width: 1520px;}
@media (max-width: 1520px) {
	.m_lr_auto1520 { margin-left: 0; margin-right: 0; box-sizing: border-box; width: 100%; padding:0 10px; }
}

.m_lr_auto1920 { width: 1920px;margin-left: auto; margin-right: auto;  }
@media (max-width: 1920px) {
	.m_lr_auto1920 { margin-left: 0; margin-right: 0; width: 100%; }
}

.top_s_right { float: right; display: none; width: .3rem; }
.top_s_right img { width: 100%; vertical-align: middle; }
.top_s_left { top: 0; display: none; position: fixed; height: 100%; width: 100%; z-index: 27; background-color: #000;filter:alpha(opacity=50);  -moz-opacity:.5;  -khtml-opacity: .5;  opacity: .5;}
.phone_nav { overflow: auto; overflow-y: scroll; position: fixed; width: 170px; height: 100%; right: -100%; top: 0; z-index:99; background-color: #34a42b; }
.phone_nav ul li h3 { width: 100%;padding-left: 10px; font-size: 14px; line-height: 30px;color: #fff; box-sizing: border-box; }
.phone_nav ul li h3 span { font-size: 12px; display: block; line-height: 12px; padding-bottom: 7px; font-weight: normal; }
.phone_nav ul li p { font-size: 12px; text-indent: 5px;color: #fff; line-height: 26px; padding-left: 10px; box-sizing: border-box;}
.phone_nav ul li h3:hover,
.phone_nav ul li h3.on,
.phone_nav ul li p:hover,
.phone_nav ul li p.on { background-color: #fff; color: #34a42b; }
.go_top_box { display: none; position: fixed; top: 20px; right: 20px;width: 1.6rem; }
.go_top_box img { width: 100%; position: relative; margin-bottom: -3px;}
.go_top_box ul { background-color: #ff3e81; border-radius: .2rem; padding:.2rem 0 1px;}
.go_top_box ul li { background: url("../images/ff_nav_bg.png") 0 0 no-repeat; background-size: 100%; color: #fff; font-size: .2rem; text-align: center; height: .34rem; line-height: .34rem; margin-bottom: .2rem;}


html {  font-size: 625%;  }
body { font-size: .14rem;}

header { line-height: 80px; }
header .logo { float: left; }
header .logo img { vertical-align: middle; margin:10px 0; width: 1.8rem; }
header nav { float: right; }
header nav li { float: left; position: relative; }
header nav li h3 { font-weight: normal; font-size: 14px; color: #7b7b7b; margin-left: .1rem; margin-right: .1rem; padding:0 .1rem; line-height: 78px; }
header nav li:hover h3,
header nav li h3.on {  border-bottom: 2px solid #34a42b; }
header nav li:hover .nav_L2 { display: inline-block; }
header nav li .nav_L2 { display: none; position: absolute; top: 80px; left: 0; z-index: 2; width: 100%; }
header nav li .nav_L2 p { width: 100%; padding:.1rem .05rem; box-sizing: border-box; text-align: center; line-height: 1.3em; background-color: #fff; }
header nav li .nav_L2 p:hover { background-color: #34a42b; color: #fff; }

.banner {position: relative; max-width: 1920px!important; margin-left: auto; margin-right: auto; }
.banner img { width: 100%;}
.banner .hd {  }
.banner .bannMLRauto {  }
.banner .bann_ico { display: none; position: absolute; top: 50%;left: 3%; width: 94%;}
.banner:hover .bann_ico { display: inline-block; }
.banner .bann_ico span { filter:alpha(opacity=40);  -moz-opacity:.4;  -khtml-opacity: .4;  opacity: .4; display: inline-block; padding:8px; width: .34rem; position: absolute; top: 50%; margin-top: -.32rem; cursor: pointer; background-color: rgba(0,0,0,.5); }
.banner .bann_ico span:hover { filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.banner .bann_ico .prev { left: 0; }
.banner .bann_ico .next { right: 0; }
.banner .hd ul{ display: none; width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; font-size:0; vertical-align:top; }
.banner .hd ul li{ cursor: pointer; display:inline-block; width:7px; height:7px; background:#e2e2e2; margin:0 5px;  vertical-align:top; overflow:hidden; border-radius: 7px; border:2px solid #e2e2e2; }
.banner .hd ul .on{ background:rgba(0,0,0,0); border-color: #6bb424; }



.ind_tit { padding-top: .7rem; }
.ind_tit .left h3 { color: #505050; font-size: .24rem; font-weight: normal; }
.ind_tit .left p { color: #969696; }
.ind_tit .right {  }
.ind_tit .right p { display: inline-block; padding:7px 15px; color: #969696; font-size: 13px; margin-bottom: .1rem; }
.ind_tit .right p:hover,
.ind_tit .right p.on { background-color: #34a42b;  color: #fff; }
.ind_tit .right span { color: #b9b9b9; font-size: 13px; margin-left: 20px; }

.ind_pro_box {  }
.ind_pro_box .bd { padding-bottom: .4rem; }
.ind_pro_box .bd .cpBannKLi { float: left; width: 32.5%; margin-right: 1.25%; }
.ind_pro_box .bd .cpBannKLi img { width: 100%; }
.ind_pro_box .bd .cpBannKLi h3 { color: #5d5d5d; font-size: 16px; padding:.2rem .15rem .08rem; font-weight: normal; }
.ind_pro_box .bd .cpBannKLi p { color: #a3a3a3; font-size: 12px; padding:0 .15rem .15rem; }
.ind_pro_box .banner { height: 0px; box-sizing: border-box; overflow: hidden; transition: .3s; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.ind_pro_box .banner.on { padding:.4rem 0 .1rem; height: auto; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.ind_pro_box .banner:hover .bann_ico { display: none; }
.ind_pro_box .banner .hd ul { position: relative; display: inline-block; }

.ind_proBom { padding:.8rem 0; }
.ind_proBom ul li { float: left; width: 20%; text-align: center; position: relative; }
.ind_proBom ul li .top { position: relative; display: inline-block; width: .87rem; height: .87rem; border-radius: .87rem; overflow: hidden; }
.ind_proBom ul li .top img { width: .87rem; height: .87rem; }
.ind_proBom ul li .top .H { transition: .3s; height: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 2; }
.ind_proBom ul li .top:hover .H { height: .87rem; }
.ind_proBom ul li h3 { font-size: 16px; color: #444444; font-weight: normal; padding-bottom: .15rem; padding-top: .25rem; }
.ind_proBom ul li p { font-size: 14px; color: #949494; text-align: center; padding:0 .2rem; line-height: 1.6em; }

.ind_about_box { background-color: #f8f8f8; padding-top: .6rem; }
.ind_about_box .ind_tit .left h3 { color: #34a42b; }
.ind_about { padding-top: .5rem; padding-bottom: .3rem; }
.ind_about .left { width: 6.5rem; }
.ind_about .left h3 { font-size: 18px; color: #666666; font-weight: normal; margin-bottom: .3rem; padding-top: .3rem; }
.ind_about .left p { color: #999999; font-size: 12px; line-height: 24px; }
.ind_about .left .more { padding:.07rem .5rem; border:1px solid #d6d6d6; display: inline-block; font-size: 14px; color: #999999; margin-top: .35rem; }
.ind_about .right { width: 3.9rem; }
.ind_about .right img { width: 100%; }

.ind_SzBox { position: relative; top: .6rem; z-index: 2; box-shadow: 0 0 .2rem rgba(0,0,0,.05); position: relative; z-index: 3; padding:.3rem 0; text-align: center; background-color: #fff; color: #717171; }
.ind_SzBox ul { font-size: 0; }
.ind_SzBox li { display: inline-block; width: 25%; box-sizing: border-box; font-size: 14px; border-right: 1px solid #eaeaea; }
.ind_SzBox li.on { margin-right: 0; padding-right: 0; border-right: none; }
.ind_SzBox ins { font-weight: bold; font-size: .48rem; font-family: "宋体"; display: inline-block; }
.ind_SzBox span { display: inline-block; vertical-align: top; }
.ind_SzBox p { font-size: 16px; }

.ind_news_box { padding-top: .6rem; }
.ind_news_box .ind_news { height: 0px; box-sizing: border-box; overflow: hidden; transition: .3s; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.ind_news_box .ind_news.on { padding-top: .45rem; padding-bottom: .3rem; height: auto; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }

.ind_news_box .ind_news .left { background-color: #f8f8f8; padding: .45rem .75rem .45rem .55rem; width: 5.2rem; box-sizing: border-box; }
.ind_news_box .ind_news .left span { color: #bbbbbb; font-size: 25px; margin-bottom: .2rem; display: inline-block; }
.ind_news_box .ind_news .left h3 { font-size: 18px; color: #4a4a4a; font-weight: normal; }
.ind_news_box .ind_news .left p { color: #aeaeae; font-size: 14px; margin:.25rem 0; line-height: 24px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ind_news_box .ind_news .left img { width: 100%; }
.ind_news_box .ind_news .left .more {}
.ind_news_box .ind_news .left .more span { display: inline-block; background-color: #34a42b; padding:.02rem .6rem; color: #fff; font-size: .26rem; margin-top: .4rem; }
.ind_news_box .ind_news .right { width: 5.55rem; }
.ind_news_box .ind_news .right li { background: url(../images/news_rightIco2.png) 100% 75% no-repeat; border-top: 1px solid #e4e4e4; padding: .45rem 0; }
.ind_news_box .ind_news .right h3 { padding-left: .3rem; color: #6f6f6f; font-size: 14px; font-weight: normal; background: url(../images/news_rightIco.png) .1rem 50% no-repeat; }
.ind_news_box .ind_news .right h3 span { float: right; font-size: 20px; color: #bbbbbb; }
.ind_news_box .ind_news .right p { line-height: 26px; margin-top: .13rem; width: 70%; color: #afafaf; font-size: 12px; padding-left: .3rem; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news_bo_box { background: url(../images/news_icoBg.png) 50% 50% no-repeat; padding:1.5rem 0 1.7rem; }
.news_bo_box li { float: left; width: 16.66%; text-align: center; }
.news_bo_box li span { display: inline-block; height: .9rem; line-height: .9rem; width: .9rem; border-radius: .1rem; text-align: center; filter:alpha(opacity=50);  -moz-opacity:.5;  -khtml-opacity: .5;  opacity: .5; border:3px solid #fff; box-sizing: border-box; }
.news_bo_box li:hover span { filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.news_bo_box li span img { vertical-align: middle; max-width: 60%; }
.news_bo_box li p { font-size: 14px; color: #fff; padding-top: .2rem; }

.ind_case_box {  }
.ind_case_box .bd { padding-bottom: .4rem; }
.ind_case_box .bd .cpBannKLi { float: left; width: 19.6%; margin-right: .5%; padding:0 1%; text-align: center; box-sizing: border-box; }
.ind_case_box .bd .cpBannKLi img { width: 100%; }
.ind_case_box .bd .cpBannKLi h3 { white-space: nowrap; overflow: hidden;text-overflow:ellipsis; color: #4c4c4c; font-size: 18px; padding:.3rem .15rem .05rem; font-weight: normal; }
.ind_case_box .bd .cpBannKLi span { display: inline-block; width: 20px; height: 1px; background-color: #34a42b; margin-bottom: .07rem; }
.ind_case_box .bd .cpBannKLi p { color: #a0a0a0; font-size: 14px; padding:0 .15rem; margin-bottom: .15rem; line-height: 24px; width: 100%; box-sizing: border-box; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ind_case_box .banner { height: 0px; box-sizing: border-box; overflow: hidden; transition: .3s; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.ind_case_box .banner.on { padding:.4rem 0 .1rem; height: auto; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.ind_case_box .banner:hover .bann_ico { display: none; }
.ind_case_box .banner .hd ul { position: relative; display: inline-block; }

.ind_link_box { padding-bottom: .5rem; }
.ind_link_box ul li { text-align: center; margin-bottom: .1rem; float: left; width: 15.55%; margin-right: 1.33%; border:1px solid #f3f3f3; box-sizing: border-box; }
.ind_link_box ul li img { width: 86%; }

footer { background-color: #404040; }
footer .foo_top { padding-top: .7rem; }
footer .foo_top ul { font-size: 0; }
footer .foo_top ul li { color: #bababa; font-size: 16px; margin-right: .3rem; display: inline-block; }
footer .foo_top .foo_dz { color: #bababa; padding:.45rem 0 1rem; font-size: 14px; line-height: 24px; }

footer .foo_top .foo_phone { font-size: 14px; text-align: right; display: inline-block; vertical-align: top; padding-top: .05rem; margin-right: .1rem; }
footer .foo_top .foo_phone h3 { background-color: #34a42b; color: #fff; font-weight: normal; text-align: center; border-radius: 3px; display: inline-block; padding:.08rem .25rem;  }
footer .foo_top .foo_phone h3 img { margin-right: .05rem; width: .17rem; }
footer .foo_top .foo_phone p { color: #9fa6ae; padding:.1rem 0 .05rem; }
footer .foo_top .foo_phone span { color: #ffffff; font-size: .24rem; }
footer .foo_top .ewm { display: inline-block; font-size: 12px; color: #9fa6ae; text-align: center; }
footer .foo_top .ewm img { width: 1.2rem; }
footer .foo_top .ewm p { padding-top: .05rem; }
footer .foo_top .foo_link { font-size: 13px; color: #a2a1a2; padding-bottom: .2rem; }
footer .foo_top .foo_link span { color: #a2a1a2; margin-right: .15rem; }
footer .foo_bom { padding:.3rem 0; border-top: 1px solid #4f4f4f; font-size: 13px; color: #a2a1a2; }
footer .foo_bom span { float: right; }






/*在 992 和 1199 像素之间的屏幕里，中等屏幕，分辨率低的 PC*/
@media (max-width: 1199px) {
    html {  font-size: 600%;  }

}


@media (max-width: 1140px) {
    header nav li h3 { margin-left: 0; }
	.ind_news_box .ind_news .left { width: 48%; }
	.ind_news_box .ind_news .right { width: 48%; }
}


@media (max-width: 1050px) {
    .ind_about_box { padding-top: 0; }
    .ind_about .left { width: 60%; }
	.ind_about .right { width: 38%; box-sizing: border-box; }
	.news_bo_box li { width: 33.33%; margin-bottom: .2rem; }
}


/*在 768 和 991 像素之间的屏幕里，小屏幕，主要是 PAD*/
@media (max-width: 995px) {
    html{  font-size: 570%;  }
    header .logo { width: 100%; text-align: center; }
    header nav { width: 100%; }
	header nav li { width: 11.11%; text-align: center; }
	header nav li h3 { line-height: 40px; border:2px solid rgba(0,0,0,0); padding-left: 0; padding-right: 0; }
}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    html{  font-size: 530%;  }
	header .logo { text-align: left; float: left; width: auto; }
	header nav { display: none; }
	.top_s_right { display: inline-block; }
	.ind_tit .right { width: 100%; padding-top: .1rem; }
	.ind_tit .right span { float: right; margin-top: .12rem; }
	.ind_about .left { margin-bottom: .15rem; }
	.ind_about .left,
	.ind_about .right { width: 100%; }
	.ind_SzBox ins { font-size: 22px; }
	.ind_SzBox span { font-size: 10px; }
	.ind_SzBox p { font-size: 14px; }
	.ind_news_box .ind_news .left,
	.ind_news_box .ind_news .right { width: 100%; }
	.ind_news_box .ind_news .left span { font-size: 20px; }
	.ind_news_box .ind_news .left h3 { font-size: 16px; }
	.ind_news_box .ind_news .right h3 { font-size: 14px; }
	.ind_news_box .ind_news .right h3 span { padding-left: .1rem; display: inline-block; font-size: 14px; }
	.news_bo_box { padding-top: .3rem; padding-bottom: .5rem; }
	.news_bo_box li { width: 50%; }
	.news_bo_box li p { font-size: 12px; }
	.ind_case_box .bd .cpBannKLi h3 { font-size: 14px; }
	.ind_case_box .bd .cpBannKLi p { font-size: 12px; line-height: 20px; }
	.ind_link_box ul li { width: 50%; margin-right: 0; margin-bottom: .15rem; }
	.ind_proBom { padding:.25rem 0; }
	
	footer .foo_top ul { text-align: center; }
	footer .foo_top ul li { display: inline-block; font-size: 14px; margin-left: .1rem; margin-right: .1rem; }
	footer .foo_top .right,
	footer .foo_top .foo_phone { width: 100%; text-align: center; margin-bottom: .2rem; }
	footer .foo_top .foo_dz { padding-bottom: .3rem; }
}

@media (max-width: 580px) {
    .ind_SzBox li { width: 50%; margin-bottom: .1rem; border:none; }

}


/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    html{  font-size: 480%;  }
	.ind_pro_box .bd .cpBannKLi,
	.ind_case_box .bd .cpBannKLi { width: 100%; }
	
}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 399px) {
    html{  font-size: 400%;  }

}



/*产品中心*/
.list_wrap .pr_banner { margin-left: auto; margin-right: auto; max-width: 1920px; }
.list_wrap .pr_banner img { width: 100%; }
.list_wrap .re_link h2 { text-indent: 20px; background: url(../images/ico1.jpg) 0 50% no-repeat; font-weight: normal; line-height: 50px; }
.list_wrap .re_link h2 ins { margin-left: 5px; margin-right:5px; }
.list_wrap .list_body {border:1px solid #cacaca;}
.list_wrap .list_body .left { box-sizing: border-box; display: inline-block; float: left; width: 23%; border-right: 1px solid #cacaca; }
.list_wrap .list_body .left .top { background-color: #fff; background-size: 100%; }
.list_wrap .list_body .left .top ins { display: none; float: left; font-size: 56px; color: #1d2238; line-height: 90px; margin-left: 15px; }
.list_wrap .list_body .left .top h3 { float: left; font-size: 18px; color: #1d2238; line-height: 18px; margin-top: 15px; margin-bottom: 15px; margin-left: 20px; }
.list_wrap .list_body .left .top h3 span { font-size: 12px; display: block; font-weight: normal; }
.list_wrap .list_body .left .bom { border-top: 1px solid #cacaca; }
.list_wrap .list_body .left .bom ul li {  padding:10px 0 10px 28px; line-height: 20px; border-bottom: #1a1c1c 1px solid; background: url(../images/ico5.png) 10px 15px no-repeat #f9f9f9; }
.list_wrap .list_body .left .bom ul li.on,
.list_wrap .list_body .left .bom ul li:hover { color: #fff; background: url(../images/ico4.png) 10px 15px no-repeat #1a1c1c; }
.list_wrap .list_body .right { box-sizing: border-box; min-height: 350px; float: left;  border-left: 1px solid #cacaca; width: 77%; padding:15px; box-sizing: border-box; }
.list_wrap .list_body .right .list_p_box { float: left; width: 33.33%; text-align: center; margin-bottom: 10px; }
.list_wrap .list_body .right .list_p_box span {word-break:break-all; box-sizing: border-box;padding:0 5px; display: block;}
.list_wrap .list_body .right .list_p_box img { transition: .3s;-moz-transition: .3s; /* Firefox 4 */-webkit-transition: .3s; /* Safari and Chrome */-o-transition: .3s; /* Opera */  margin: 10px 0; width: 95%; padding: 2.5%;  }
.list_wrap .list_body .right .list_p_box img:hover { transform:scale(1.2); }
.list_wrap .paging { text-align: center; margin-top: 15px; height: 50px;}
.list_wrap .paging em ins { color: red; }
.list_wrap .paging p { display: inline-block; margin-left: 5px; }

/*新闻列表*/
.newsLi ul li { color: #999; border-bottom: 1px dashed #ccc; margin-bottom: 5px; clear: both;}
.newsLi ul li img { float: left; width: 20%; padding-top: 1%;padding-right: 1%;padding-bottom: 1%; box-sizing: border-box; }
.newsLi ul li p { float: left;text-indent: 1em; width: 80%; padding: 1% 0; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.newsLi ul li:hover {color: #000;}
.newsLi ul li span { float: right;padding: 1% 0; }



@media (max-width: 1100px) {
    .list_wrap .list_body .left .top { background-size: auto; }
    .list_wrap .list_body .left .top ins { line-height: 88px; margin-left: 10px; }
}

@media (max-width: 760px) {
    .list_wrap .list_body .left { width: 100%; }
    .list_wrap .list_body .right { width: 100%; border:none; }
    .list_wrap .paging { padding-left: 0; text-align: center;}
}

@media (max-width: 580px) {
    .list_wrap .list_body .right .list_p_box { width: 33.33%; }
}


@media (max-width: 500px) {
    .list_wrap .list_body .right .list_p_box { width: 50%; }
}


@media (max-width: 480px) {
    .list_wrap .list_body .right { padding: 5px; }
}

@media (max-width: 399px) {
    .list_wrap .list_body .right .list_p_box { width: 100%; }
}




.ly_body { text-align: center; padding-bottom: .3rem; }
.ly_body span { float: left; width: 90px; }
.ly_body input,
.ly_body textarea { border:1px solid #ccc; border-radius: 5px; width: 2rem; float: left; line-height: 30px; padding-left: 3px; }
.ly_body textarea { height: 100px; width: 4rem; }
.ly_body li { margin:0 auto; width: 5.4rem; clear: both; padding:.2rem 0; line-height: 30px; }
.ly_bottom { padding:.3rem 0;  }
.ly_bottom button { background: #425467; border-radius: 5px; padding:.08rem .3rem; border:none; cursor: pointer; color: #a6e7f2; }
@media (max-width: 500px) {
    .ly_body li { width: 100%; }
    .ly_body textarea { width: 68%; }
}


.ff_kefu { position: fixed; right: 10px; bottom: 10px; z-index: 33; }
.ff_kefu li {
	position: relative;
	width: 50px;
	cursor: pointer;
    height: 50px;
    margin-top: 4px;
    background: rgba(0,0,0,.3);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    text-align: center;
    color: #fff;
    line-height: 50px;}
.ff_kefu li .iconfont { font-size: 28px; }
.ff_kefu .ff_text { position: absolute; right: 50px; bottom: 0; transition: .3s; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; height: 0px; overflow: hidden; padding-right: 10px; }
.ff_kefu .ff_textBg { font-size: 16px; text-align: left; line-height: 24px; color: #fff; box-sizing: border-box; background-color: rgba(0,0,0,0); padding:10px; border-radius: 10px; }
.ff_kefu .ff_text img { width: 100%; }
.ff_kefu li:hover .ff_text { height: auto; display: inline-block; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.ff_kefu li:hover .ff_textBg { background-color: rgba(0,0,0,.5); }
.ff_kefu .ff_li1 .ff_text { width: 140px; }
.ff_kefu .ff_li2 .ff_text { width: 150px; text-align: center; }
.ff_kefu .ff_li2 .ff_text p { padding-bottom: 5px; }
.ff_kefu .ff_li3 .ff_text { width: 280px; }