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

/* index */
body{ background:#fff; font-family:"宋体";}
a{ text-decoration:none;font-family:"宋体";}
a:hover{ text-decoration:none;}
.warp{ width:1100px; margin:0 auto;}  
.header{ height:116px; background:#fff;}
.header .logo{ width:167px; float:left; padding:0 0 0 0}
.header .nav{ float:right; /*width:713px;*/ height:33px;/* background:url(../images/nav-bg.jpg) no-repeat;*/ margin-top:30px; margin-left:100px; display:inline; font-weight:bold;}
.header .nav li{ line-height:33px; height:33px; float:left; display:inline; margin:0 20px; position:relative;}
.header .nav li > a{font-size:16px;}
.header .nav li > a:hover,.header .nav li > a.cur{ text-decoration:none; color:#785e58;}
.header .nav li .wbs-k{ position:fixed; padding-left: 700px;top:90px; left:0; width:800px; height:52px; line-height:52px; z-index:11; color:#fff; display:none;}
.header .nav li .zj-right{ text-align:right; right:0; left:auto;}
.header .nav li .wbs-k > span{ display:inline-block; padding:0 5px; position:relative;}
.header .nav li .wbs-k > span a{color:#fff; display:inline-block; }
.header .nav li .wbs-k > span .ocs-plo{ position:absolute; width:100px; background:#727171; left:0; top:52px; padding:0 10px; line-height:35px; display:none; text-align:left;}
.header .nav li .wbs-k > span .ocs-plo > a{ display:block;}
.bg-sbg{ height:52px; position:absolute; width:100%; background:#8ebfe3; top:95px; left:0; z-index:10; display:none;}
.bg-sbgpro{ height:104px; position:absolute; width:100%; background:#8ebfe3; top:95px; left:0; z-index:10; display:none;}
.lang-sy{ float:right; padding-top:30px;}
.lang-sy a{ display:inline-block; background:url(../images/lcs.jpg) no-repeat left center; text-indent:20px; height:33px; line-height:33px; font-size:15px; color:#855c28; font-weight:bold; margin-left:15px;}
#full-screen-slider { width:100%; height:686px; float:left; position:relative;}
#slides { display:block; width:100%; height:646px; position:relative;}
#slides li { display:block; width:100%; height:100%; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:586px; z-index:11;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:8px; height:8px; float:left; margin-left:10px; border:2px solid #009933; border-radius:50%; background:#efead7;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#009933;}

.bs-ima li{ width:326px; height:220px; background:url(../images/in-bg.jpg) no-repeat; float:left; margin:0 12px; padding:0 8px 13px;}
.bs-ima li a{ display:block;width:326px; height:220px; position:relative; overflow:hidden;}
.bs-ima li img{ position:absolute; left:0; top:0; z-index:1;}
.bs-ima li span{ height:45px; line-height:45px; text-align:center; color:#fff; display:block; font-size:18px;font-family:Arial, Helvetica, sans-serif; background:url(../images/bg-bl.png); position:absolute; left:0; bottom:0; width:326px; z-index:2;}
.foot-t{ padding:20px; border-bottom:1px solid #e4e4e4;}
.foot-t .name-on{ float:left; width:530px; line-height:25px; color:#8ebfe3;}
.foot-t .name-on span{font-family:Arial, Helvetica, sans-serif; font-size:22px;}
.foot-t .conts{ float:right; padding-top:20px; font-size:14px; color:#8ebfe3; position:relative;}
.foot-t .conts a{ display:inline-block; margin-left:20px;}
.foot-t .conts .ewm{ width:134px; height:134px; position:absolute; right:-50px; top:-130px; z-index:3; display:none;}
.dress-bot{ line-height:25px; font-size:14px; color:#333;}
.dress-bot p{ float:left; padding:10px 10px 20px; width:520px; color:#333;}
body.ov{ width:100%; height:100%;}
.con-main{ overflow:hidden; width:100%;}
.con-main .imgs{ float:left;}
/*.con-main .imgs img{ width:auto;}*/
.con-main .kinsa{ float:left; position:relative; margin-left:45px;}
.con-main .coina{ position:absolute; left:0; top:0; width:720px;}
.con-main .coina h3{ background:url(../images/yc.jpg) no-repeat left center; text-indent:15px; font-weight:normal; color:#333; padding:20px 0;}
.con-main .coina dl{ float:left; margin-right:30px; margin-bottom:15px;}
.con-main .coina dl dt{ position:relative;}
.con-main .coina dl dt a span{ display:block; width:100%; height:100%; background:url(../images/bg-bl.png); position:absolute; left:0; top:0; font-size:120px; line-height:150px; text-align:center; color:#fff; display:none;}
.con-main .coina dl dt a:hover span{ display:block;}
.con-main .coina dl dd{ line-height:40px;font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.page-list{ text-align:center; margin-top:20px;}
.page-list a{ display: inline-block; background:#0099FF; padding:5px 7px; margin:0 3px; color:#fff;}
.bg-col{ width:100%; height:100%; background:url(../images/bg-bl.png); position:fixed; left:0; top:0; z-index:20; display:none;}
.big-img{position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-300px; z-index:21; display:none;}
.big-img .coasn > img{ width:1000px; height:600px;}
.coasn{ position:relative;}
.coasn a{ position:absolute; left:1010px; top:0;}

.con-main .fwzzs{position:absolute; left:0; top:0; width:720px;}
.con-main .fwzzs h3{ font-size:24px; color:#845b27; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:35px 0;}
.con-main .fwzzs > dl{ border-bottom:1px solid #e2d8ba; font-size:14px;}
.con-main .fwzzs > dl dt{ height:45px; line-height:45px; border-top:1px solid #e2d8ba; font-weight:bold; background:url(../images/yj.png) no-repeat 696px center; text-indent:12px; cursor:pointer;}
.con-main .fwzzs > dl dt.cur{ background:#fff url(../images/xj.png) no-repeat 692px center;}
.con-main .fwzzs > dl dd{ line-height:30px; display:none; padding:20px 15px; border-top:1px solid #e2d8ba; overflow:auto; height:90px;}
.con-main .fwzzs > dl dd .ovsk{}
.con-main .fwzzs > dl dd span{ color:#855c28;}
.con-main .about{ width:875px;}
.con-main .about .about-con{ line-height:25px; height:470px; padding:15px; width:700px;}
.con-main .about .about-con p{ text-indent:24px; margin:10px 0;}

.gsc-list{}
.gsc-list h2{ font-size:24px;color:#845b27; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:50px; padding-left:110px;}
.ctps { padding-left:95px; height:468px; margin-top:20px;}
.ctps li{ float:left; width:285px; display:inline; margin:15px 15px 0;}
.ctps li i{ display:block; height:30px; line-height:30px; text-align:center; font-size:14px; color:#444;}

.mod20Box { width:1019px;position:fixed; left:50%; top:50%; margin-left:-550px; margin-top:-340px; z-index:21; height:0; padding:0 50px; overflow:hidden;}
.mod20{ width: 1019px; height: 643px; position: relative; }
.mod20 .close{ position:absolute; right:-50px; top:0;}
.mod20 .btn{position:absolute;width:22px;height:40px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod20 .prev{ display:none;}
.mod20 #prevTop,.mod20 #nextTop{top:280px;width:28px;height:50px;}
.mod20 #prevTop{background:url(../images/left.png) no-repeat; display:block; left:-50px;}
.mod20 #nextTop{background:url(../images/right.png) no-repeat; display:block; right:-50px;}
.mod20 .next{ display:none;}
.mod20 li{float:left;}
.mod20 .cf li{position:relative;color:#fff;}
.mod20 .cf a{display:block;width:1019px;height:562px;position:absolute;color:#fff;}
.mod20 .picBox{height:562px;position:relative;overflow:hidden;}
.mod20 .picBox ul{height:535px;position:absolute;}
.mod20 .picBox li{width:1019px;height:562px;}

.mod20 .listBox{ width:1019px; height: 105px; position: relative; padding: 15px 0 0; overflow: hidden; }
.mod20 .listBox ul{height:85px;position:absolute;}
.mod20 .listBox li{width:203px;height:105px;cursor:pointer;position:relative; text-align:center;}
.mod20 .listBox li i{display:none;}
.mod20 .listBox li a{display: inline-block;width:157px;height:85px;}
.mod20 .listBox li img{width:192px;height:105px;}
.mod20 .listBox .on img{width:186px;height:99px;border:3px solid #d2c196;}
.mod20 .listBox .on i{display:block;}

.news{ width:808px;}
.news-con ul li{ height:74px; position:relative; background:#737172; margin-bottom:20px;}
.news-con ul li:hover{ background:#372d24;}
.news-con ul li span{ display:block; position:absolute; left:0; top:0; width:38px; height:74px; background:url(../images/qj.png);}
.news-con ul li p.time-s{ color:#fff; float:left; width:145px; text-align:center; padding-top:43px;}
.news-con ul li dl{ width:385px; float:left;}
.news-con ul li dl dt{ text-align:right; line-height:35px; height:35px; overflow:hidden;}
.news-con ul li dl a{ color:#fff;}
.news-con ul li dd{ color:#d1d1d1; line-height:30px; height:30px; overflow:hidden;}
.news-con ul li dd a{ color:#d1d1d1;}
.news-con ul li p.pic{ width:181px; float:right;}


/*2018.3.28*/
.top{ background:#2f3841; height:30px; line-height:30px;}
.top_fl{ color:#fff; float:left;}
.top_fr{ float:right; color:#8193ab; position:relative;}
.top_fr a{color:#8193ab;display: block;float: left; padding-right:10px;}
.iphone{background: url(../images/top_icon.png) no-repeat  -84px 7px;padding: 0 0 0 20px;}
.sina{background: url(../images/top_icon.png) no-repeat -57px -21px;padding: 0 0 0 23px;}
.webchat{background: url(../images/top_icon.png) no-repeat -24px -49px;padding: 0 0 0 25px;}
.tmall{background: url(../images/top_icon.png) no-repeat 6px -79px;padding: 0 0 0 25px;}
.iphone_ewm{ display:none; position:absolute; height:134px; width:134px; left:0; bottom:-146px;z-index:9999;}
.top_fr a:hover .iphone_ewm{ display:block;}
.webchat_ewm{ display:none; position:absolute; height:134px; width:134px; left:180px; bottom:-146px; z-index:9999;}
.top_fr a:hover .webchat_ewm{ display:block;}
#wrap1{ width:1200px; margin:0 auto;}
.ipro_tit{ margin-left:-65px; padding-top:55px;}
.ipro_lm{ height:296px; border:1px solid #f4f4f4; background:url(../images/ipro_icon.jpg) no-repeat left top; margin-top:20px;}
.ipro_fl{ float:left; padding:36px 0 0 62px; width:418px;}
.ipro_fl ul li{ float:left;  margin-right:45px; margin-bottom:12px;}

.ipro_fl ul li a{ color:#000000;text-decoration:none;width:155px; height:35px; border:1px solid #d2d2d2; border-radius:25px;text-align:center; line-height:35px; display:block;}
.ipro_fl ul li a:hover{ background:#8ebfe3; cursor:pointer; color:#fff;}
.ipro_fr{ float:right;}
.ipro_active{ background:#8ebfe3; cursor:pointer; color:#fff!important;}
.ipro_fl ul li a:hover.ipro_active{background:#2a71a4;}
.ipro{ margin-top:30px; margin-bottom:55px;}
/*走马灯*/
#rool{ width:1200px;}
.item1{ width:289px; height:251px; border:1px solid #eeeeee; overflow:hidden; }
.item1 img{ width:289px; height:186px;transition: all 1s ease 0s; webkit-transform: all 1s ease 0s; }
.item1 .ipro_pic{overflow:hidden;}
.item1:hover img{transform: scale(1.1);  -webkit-transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s;}
.item1 p{ height:65px; line-height:65px;border-top:1px solid #eeeeee; font-weight:bold; color:#8ebfe3; padding-left:12px;}
.item1 p span{ display:inline-table; background:url(../images/ipro_jt.jpg) no-repeat center center; height:26px; width:26px; float:right; padding-top:36px; padding-right:30px;transition: all 1s ease 0s; webkit-transform: all 1s ease 0s; }
.item1:hover a{ text-decoration:none;}
.item1:hover p span{padding-right:10px;transform: scale(1);  -webkit-transform: scale(1); transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s;}

/*首页检测方案*/
.icase{ background:url(../images/icase_bg.jpg) no-repeat center center; height:550px; padding-top:65px;}
.icase_fl{ width:730px; height:445px; background:#fff; padding:40px 30px 0 45px; float:left;}

.icase_fl_tit{ font-size:24px; font-weight:bold; color:#8ebfe3; padding-bottom:36px;}
.icase_fl_tit i{width:25px; height:3px; background:#8ebfe3; display:block; margin-top:10px;}
.icase_fl_tit p{ float:left;}
.icase_fl_tit span{ font-size:14px; float:right;}
.icase_fl_tit span a{ color:#8ebfe3;}
.icase_fl_tit span a:hover{ color:#2a71a4;}

.icase_fl_st{ padding-bottom:25px; border-bottom:1px dashed #ececec;}
.icase_fl_st img{ float:left;}
.icase_fl_content{ float:right; width:520px;}
.icase_fl_content h1{ font-size:16px;color:#8ebfe3; padding:10px 0 15px 0;}
.icase_fl_content p{ line-height:22px;}
.icase_fl_content a{ display:block; color:#8ebfe3;padding-top:10px;}
.icase_fl_content a:hover{ display:block; color:#2a71a4; }

.icase_fl_lb{ padding-top:15px;}
.icase_fl_lb ul li {float: left;width: 353px;padding-left: 10px; overflow: hidden; line-height: 30px;}
.icase_fl_lb ul li a{display: block;font-size: 14px;color: #626262; background: url(../images/icon03.png) no-repeat left center; padding-left: 8px;}

.icase_fr{ float:right; width:325px; height:445px; background:#76aed8; padding:40px 25px 0 30px;}
.icase_fr_tit{ font-size:24px; font-weight:bold; color:#fff;}
.icase_fr_tit i{width:25px; height:3px; background:#fff; display:block; margin-top:10px;}
.icase_fr_tit p{ float:left;}
.icase_fr_tit span{ font-size:14px; float:right;}
.icase_fr_tit span a{ color:#fff;}
.icase_fr_tit span a:hover{ color:#2a71a4;}
.icase_fr_lb ul li{ padding-bottom:10px; padding-top:20px; border-bottom:1px dashed #fff; background:url(../images/ifaq_icon.png) no-repeat left 22px; }
.icase_fr_lb ul li a{ display:block; color:#fff;    padding-left: 24px;}
.icase_fr_lb ul li:hover{opacity:.8;}

/*首页新闻资讯*/
.tab{  margin:0 auto 50px;}
.tab-hd { overflow:hidden; zoom:1;float: right; margin-top:-40px;}
.tab-hd li{ float:left; width:104px; color:#333; text-align:center; cursor:pointer;font-size: 14px;height: 26px;line-height: 26px; font-weight:bold;}
.tab-hd li.active{ background:#8ebfe3; color:#fff;}
.tab-bd li{display:none; padding-top:35px;  border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}
.inews_lb{ height:85px; float:left; padding-bottom:15px;}
.inews_lb_fl{padding-right:18px;}
.inews_lb_fr{padding-left:18px;}
.inews_time{ float:left; width:55px; background:#f0f0f0; color:#999999; font-size:20px; font-weight:bold; padding:20px 15px; text-align:center;}
.inews_time span{ display:block; font-weight:normal; font-size:14px;}
.inews_lb:hover .inews_time{ background:#8ebfe3; color:#fff;}
.inews_lb:hover .inews_time span{ border-top:1px dashed #fff;}
.inews_content{ float:left; width:445px; background:#fcfafa; padding:20px 30px 0 15px;height:67px;}
.inews_content h1{ font-size:14px; font-weight:normal; color:#333;}
.inews_content p{ font-size:12px; color:#666; padding-top:15px;}
.inews_lb:hover .inews_content h1{ color:#8ebfe3}

/*首页关于我们*/
.iabout{background:url(../images/iabout_bg.jpg) no-repeat center center; height:540px; padding-top:77px; margin-top:46px;}
.iabout_content{ background:url(../images/iabout_bg1.png) no-repeat bottom center; height:458px; position:relative;}

.iabout_fl_tit{ font-size:24px; font-weight:bold; color:#8ebfe3;padding:45px 0 30px 45px;}
.iabout_fl_tit i{width:25px; height:3px; background:#8ebfe3; display:block; margin-top:10px;}
.iabout_content p{ padding:0 233px 15px 45px; font:14px; line-height:30px; color:#333; z-index:111;}
.iabout_content a{ height:43px; width:136px; background:#8ebfe3; border-radius:25px;display:block; color:#fff; text-align:center; line-height:43px; margin-left:45px; cursor:pointer; z-index:111;}
.iabout_content a:hover{ background:#3b88c0;}
.itel{ position:absolute;bottom:32px; left:45px;color:#fff; font-size:22px; letter-spacing:3px;}
.itel i{ display:block; background:url(../images/itel.png) no-repeat 0 0; height:31px; width:32px; float:left;padding-right: 15px;}
.itel span{ display:block; color:#fff; font-size:36px; font-weight:bold;letter-spacing:6px; padding-top:10px;}
.ihonor{position:absolute;bottom:32px; left:622px;color:#fff; font-size:20px; font-weight:bold;}
.ihonor i{ display:block; background:url(../images/ihonor.png) no-repeat 0 0; width:66px; height:73px; float:left; }
.ihonor span{ font-size:12px; display:block; text-transform:uppercase; font-weight:normal; padding-top:10px;}
.ihonor_tit{ float:left; padding-left:27px; padding-top:11px;}

/*底部*/
.link{ background:#f9f9f9; height:70px; line-height:70px;}
.link a{ color:#333; padding:0 10px;}
.link a:hover{ color:#8ebfe3;}

/*产品详细*/
.pro_lb{ height:100px; background:#f4f4f4; font-size:30px; line-height:100px; text-align:center; color:#666; border-top:5px solid #848484;}
.pro_detail{ float:right; width:980px;   padding-top: 20px;}
.container {height:300px; float:left;}
	
	/* ---菜单-------------------------------------------------- */
	
	#navigation_vert  ul {height:37px; display:block}
	#navigation_vert  ul li {display:block; width:200px; height:37px; line-height:37px; background:#f1f1f1; margin:0 0 1px 0; position:relative;}
	#navigation_vert  ul li:hover{background:#8ebfe3;}
	#navigation_vert  ul li a.navlink {display:block; *display:inline-block; width:200px; height:37px; line-height:37px; text-align:center; color:#333; text-decoration:none}
	#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}

		#navigation_vert ul li #dropdown_four {background:#fff7f0; border:2px solid #8ebfe3;z-index:1; }
		#navigation_vert ul li #dropdown_four a {padding-left: 30px;
    background: url(../images/indexSprite.png) no-repeat -8px -249px;
    color: #666666;
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;margin-right: 15px;
    margin-top: 15px;}
	#navigation_vert ul li #dropdown_four a:hover{ color:#8ebfe3;}
		#navigation_vert ul li #dropdown_five {background:#fff7f0; color:#fff}
		#navigation_vert ul li #dropdown_five a {color:black}
		#navigation_vert ul li #dropdown_six {background:#fff7f0; color:#fff}	
		#navigation_vert ul li #dropdown_six a {color:orange}
		
		/* 多图 */
		.img_dt{ float:left; }
		#MagnifierWrap2{position: relative;width:428px;}

		.MagnifierMain{position: relative;width: 428px;height:263px;  border:1px solid #ececec;}
		.MagnifierMain img{width: 100%; height:100%;} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0;}

		.spec-items{position: relative;width: 369px;height: 69px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
		.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 65px;height: 65px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;
			
		}
		.spec-items li.on{border:2px solid #000;}
		.spec-items li img{width: 100%; height:100%;} 
		span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{left: 0;}
		span.spe_rightBtn{right: 0;}
		
		.pro_title{ padding:10px; float:right; width:500px;}
		.pro_title h1{font-size: 22px;color: #333;margin-right: 6px; font-weight:normal; padding-bottom:10px; border-bottom:1px dotted #cfcfcf; margin-bottom:15px;}
		.pro_title p{ color:#333; line-height:26px;}
		
		.fx{border-top:1px dotted #cfcfcf; margin-top:15px;padding-top:10px;}
		
		/*多标签*/

.tabbox{width:980px;height:800px;margin:30px 0;background:#fff;font-family:'宋体';}
.tabbox .tab1{overflow:hidden;}
.tabbox .tab1 a{display:block; font-size:16px; height:38px; line-height:38px; text-align:center; width:193px;float:left;text-decoration:none;color:#fff; background:#b2b2b2; margin:0 3px 0 0;}
.tabbox .tab1 a:hover{background:#8ebfe3;color:#fff;text-decoration:none;}
.tabbox .tab1 a.on{background:#8ebfe3;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;width:980px;height:800px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0;height:800px;}
.tabbox .content li{width:980px;height:800px;float:left;}
.tabbox .content li p{padding:10px; color:#333; line-height:24px;}

/*qq*/
.float {
  position: fixed;
  top: 50%;
  right: 60px;
  margin-top: -135px;
  width: 53px;
  z-index:9999;
}
@media screen and (max-width: 1000px) {
  .float {
    display: none;
  }
}

.float-item, .float-item-1, .float-item-2, .float-item-3, .float-item-4, .float-item-5 {
  width: 53px;
  height: 54px;
  border-bottom: 1px solid #0099FF;
  position: absolute;
  right: 0px;
}
.float-item > a, .float-item-1 > a, .float-item-2 > a, .float-item-3 > a, .float-item-4 > a, .float-item-5 > a {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #0099FF;
  color: #fff;
  line-height: 53px;
  font-size: 16px;
  cursor: pointer;
}
.float-item i, .float-item-1 i, .float-item-2 i, .float-item-3 i, .float-item-4 i, .float-item-5 i {
  float: left;
  width: 53px;
  height: 53px;
  background: url("../images/sprite_2.png") 0 0 no-repeat;
  margin-right: 8px;
}

.float-item:hover > a, .float-item-1:hover > a, .float-item-2:hover > a, .float-item-3:hover > a, .float-item-4:hover > a, .float-item-5:hover > a {
  background-color:#006633;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-expand, .float-item-1, .float-item-4 {
  text-indent: 2px;
}
.float-item-expand > div, .float-item-1 > div, .float-item-4 > div {
  display: none;
}

.float-item-slide, .float-item-2, .float-item-3 {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.float-item-slide > a, .float-item-2 > a, .float-item-3 > a {
  width: 140px;
}

.float-item-slide:hover, .float-item-2:hover, .float-item-3:hover {
  width: 140px;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-1 {
  top: 0px;
}
.float-item-1 i {
  background-position: 0px 0px;
}

.float-item-2 {
  top: 54px;
}
.float-item-2 i {
  background-position: 0px -53px;
}

.float-item-3 {
  top: 108px;
}
.float-item-3 i {
  background-position: 0px -106px;
}

.float-item-4 {
  top: 162px;
}
.float-item-4 i {
  background-position: 0px -159px;
}

.float-item-5 {
  top: 216px;
}
.float-item-5 i {
  background-position: 0px -212px;
}

.float-expand, .float-qq, .float-wechat {
  position: absolute;
  top: 0px;
  left: -187px;
  height: 270px;
  width: 160px;
  padding: 0 14px;
  background-color: #006633;
  color:#fff;
}
.float-expand h5, .float-qq h5, .float-wechat h5 {
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
  font-weight:bold;
  text-align:center;
}

.qq-list dd {
  line-height: 34px;
  overflow: hidden;
  padding: 6px 0;
  line-height: 22px;
}

.qq-item-btn {
  float: left;
  height: 22px;
  width: 77px;
  background: url(../images/qq_talk.png) 0 0 no-repeat;
}

.qq-item-txt {
  float: left;
  margin-left: 5px;
  color: #fff;
}

.float-wechat {
  top: -162px;
}
.float-wechat p {
  line-height: 20px;
  padding: 9px 0;
  color: #fff;
  text-align: center;
}
.float-item-4:hover .float-wechat{display:block;}
.wechat-pic {
  display: block;
  width: 100%;
}