@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; border:0px;}
body{background:#fff;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#000;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei Arial';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-weight:bold;}
a{ color:#000}
input, textarea{outline:none;}
.lf{ float:left}
.lr{ float:right}
header, banner, main, footer{ width:100%; float:left;}
/*lomo*/
.lg_mo{ width:100%; background:#fff;}
.lomon{ width:1200px; margin:0px auto; height:135px;}
.lg_mo h1.logo{ float:left; margin-top:25px;}
.lg_mo h1.logo a{ float:left;}
.lg_mo h1.logo p{ float:right; margin-left:30px; padding-left:30px; border-left:1px #ccc solid; font-size:18px;margin-top: 15px;}
.lg_mo h1.logo p span{ display:block; color:#fc7c02;}
.lg_mo .lom{ float:right; margin-top:20px;}
.lg_mo .lom .tr_tl{background:url(../images/t1.png) top left no-repeat; margin-top:20px; float:left; padding-top:30px; font-size:24px; font-weight:900;color:#fc7c02;}
.lg_mo .lom .tr_tl span{ font-size:16px; font-weight:100; color:#000;margin-left: 15px;}
.lg_mo .lom>img{ float:right; margin-left:30px;}
/*nav*/
.xypg-left-menu {}
#menu2{background:#2c72ff;width:100%;}
.nav{ width:1200px; margin:0px auto;}
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 130px;}
.nav li a{display:block;line-height:60px;color: #fff;height:60px;padding: 0;font-size: 16px;padding: 0;}
.nav li a span{display:block; position:relative; z-index:9;}
.nav li a:hover{color:#fff;text-decoration:none;background:transparent;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background: transparent;}
.nav li a i{background:#fc7c02; display:block; position:absolute; left:0; top:0; height:100%; transition:0.5s; width:100%; transform:scaleX(0); transition:0.5s;}
.nav li a:hover i{transform:scaleX(1); transition:0.5s;}
.nav .sec a{color:#ffffff;height:50px;line-height:50px;font-size: 14px;background:#2c72ff;}
.nav .sec a:hover{background:#fc7c02;text-decoration:none;color: #fff;}
.nav > li:hover .sec{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.sec {position: absolute;z-index: 99;width: 100%;left: 0%;top: 60px;background:#032d5e;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
/*ban*/
banner .slideBox{ width:100%; overflow:hidden; position:relative;}
banner .slideBox .hd{ height:40px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
banner .slideBox .hd ul li{ float:left; margin:5px;  width:20px; height:20px; line-height:30px; text-align:center; background:#1458a9; cursor:pointer;border-radius:25px;transition: all 300ms;}
banner .slideBox .hd ul li.on{ background:#f00; color:#fff;width:50px;transition: all 300ms;}
banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
banner .slideBox .bd img{ width:100%;display:block;  }
banner .slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
banner .slideBox .prev:hover,
banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
banner .slideBox .prevStop{ display:none;  }
banner .slideBox .nextStop{ display:none;  }
/*main*/
#soso, #product, #nbab1, #ys, #about, #case, #fwlc, #news{ width:100%; height:auto; display:block; float:left;}
h2.tit{ font-size:30px; text-align:center; background:url(../images/tb.png) bottom center no-repeat; width:100%; display:block; padding-bottom:15px; margin:40px auto;}
h2.tit p{font-size: 20px;color: #696767;margin-top: 10px;}
h2.tit span{ display:block; font-weight:100; font-size:30px; color:#666;font-variant:small-caps;}
/*so*/
#soso{ background:#fff; height:77px;box-shadow:0px 5px 7px #c3c3c3;}
#soso .so{ width:1200px; margin:0px auto; font-size:14px;}
#soso .so>p{ display:block; float:left;line-height:77px; color:#333}
#soso .so>p a{ margin:0px 5px; color:#333;}
#soso .so>form{ display:block; float:right; background:url(../images/img.jpg) center center no-repeat; height:47px; width:400px; margin-top:15px;}
#soso .so>form .cont_text{ width:315px; height:47px; background:none; float:left; display:block; margin-left:30px}
#soso .so>form .cont_btn{ width:47px; height:47px; background:none; float:right; display:block;}
/*product*/
#product{ background:#f2f2f2;}
.pro{ width:1200px; margin:0px auto;}
.pro .slideTxtBox{ width:100%;}
.pro .slideTxtBox .hd{ height:44px; line-height:44px;}
.pro .slideTxtBox .hd ul{ height:44px; text-align:center;border-bottom: 1px #ccc solid;}
.pro .slideTxtBox .hd ul li{cursor:pointer;display: inline-block;margin: 0px 10px;padding:0px 30px;font-size:16px;}
.pro .slideTxtBox .hd ul li.on{border-bottom: 3px #2c72ff solid; color:#2c72ff;}
.pro .slideTxtBox .bd ul{zoom:1;  }
.pro .slideTxtBox .bd li{ float:left; width:31%; margin-right:3%;margin-top:30px;}
.pro .slideTxtBox .bd li .pro_img{ overflow:hidden;transition: all 300ms;}
.pro .slideTxtBox .bd li img{ width:100%;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.pro .slideTxtBox .bd li p{ line-height:50px; text-align:center;color:#000; font-size:16px;}
.pro .slideTxtBox .bd li:nth-child(3n){ margin-right:0px;}
.pro .slideTxtBox .bd li:hover .pro_img{box-shadow: 0px 0px 10px 0px #bfbfbf;transition: all 300ms;}
.pro .slideTxtBox .bd li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.pro .slideTxtBox .bd li:hover p{color:#106ecb;}
#product .pro .pro_mr{ width:100%; height:140px;float: left;}
#product .pro .pro_mr a{ background:url(../images/promor.png)#106ecb 145px center no-repeat; width:240px; text-indent:65px;margin:30px auto; display:block; color:#fff;line-height:52px;transition: all 300ms;}
#product .pro .pro_mr a:hover{box-shadow: -3px 5px 5px 0px #b3b0b0;transition: all 300ms;}
/*nbab1*/
#nbab1{ background:url(../images/t5.png) center center no-repeat;}
.nban{ width:1200px; height:320px; position:relative; margin:0px auto; text-align:center; color:#fff;}
.nban>p:nth-child(1){ font-size:40px; font-weight:900; line-height:50px;letter-spacing: 5px;padding-top: 60px;}
.nban>p:nth-child(2){ font-size:26px; line-height:95px;}
.nban>p:nth-child(3){ padding-top:15px;}
.nban>p span.tel{background:url(../images/t3.png) left center no-repeat; height:52px;display: inline-block;line-height: 52px;padding-left: 65px;font-size:30px;font-weight: 900;}
.nban>p span.mly a{background:url(../images/t4.png)#fc7c02 20px center no-repeat; color:#fff; margin-left:50px; width: 150px;line-height: 52px;padding-left: 40px;font-size: 24px;font-weight: 900;display: inline-block;}
/*about*/
#about{ background:url(../images/t6.png) top center no-repeat;padding-bottom:20px;}
#about .abo{ width:1200px; margin:0px auto;}
#about .abo .abo_n{ width:540px; overflow:hidden;}
#about .abo .abo_g{ width:50%; overflow:hidden;border: 10px #fff solid;box-shadow: 0px 0px 10px 3px #b3b0b0;}
#about .abo .abo_g img{ width:100%;}
.abo_n.lf .abtt{height:97px; line-height:97px; font-size:32px; color:#000; font-weight:900; margin-bottom:30px;}
.abo_n.lf .abtt>span{ color:#1458a9; margin-right:20px; font-weight:900;}
.abo_n.lf .abtt>a{ background:url(../images/r.png) center center no-repeat; height:94px; width:94px; display:block; float:right;}
#about .abo .abo_n.lf p{ font-size:16px; color:#fff; text-indent:30px; line-height:30px;}
#about .abo .abo_n.lf .abo_mr{ width:100%;}
#about .abo .abo_n.lf .abo_mr a{ width:24%; display:block; float:left; margin-right:1%; text-align:center; color:#fff;}
#about .abo .abo_n.lf .abo_mr a img{ margin:15px auto; width:95px; height:95px; display:block;filter:grayscale(90%);transition: all 300ms;border-radius: 50px;}
#about .abo .abo_n.lf .abo_mr a:nth-child(4){ margin-right:0px;}
#about .abo .abo_n.lf .abo_mr a:hover img{filter:grayscale(0);box-shadow: 0px 1px 16px #ffffff;border-radius: 50px;transition: all 300ms;}
#about .abo .abo_n.lr{ font-size:16px; line-height:30px;text-align:justify;height: 370px;}
#about .abo .abo_n.lr h5{ font-size:24px;}
#about .abo .abo_n.lr h5>span{ font-weight:100; font-size:18px; border-bottom:2px solid #fc7c02; display:block; line-height:40px; margin:10px 0;}
#about .abo .abo_n.lr a{ display:block; float:right; width:170px; height:48px; background:#fc7c02; line-height:36px; color:#fff; text-align:center;}
ul.abo_mr{text-align: center; width:100%; float:left;margin: 50px auto;}
ul.abo_mr li{display: inline-block;text-align: center; width:24%;}
ul.abo_mr li h3{font-size:50px; font-weight:100;color: #666666;}
ul.abo_mr li h3 span{font-size: 36px;font-weight: bold;margin-right: 5px;}
ul.abo_mr li p{font-size: 18px;color: #888888;margin-top: 10px;}
ul.abo_mr li:last-child{border: none;}

/*应用*/
.adv{padding-bottom:0;}
.adv .hTitle span{font-size:42px;opacity:.85;}
.adv ul{margin-right:-1px;}
.adv li{float:left;width:15%;height:600px;position:relative;z-index:2;transition:all .6s;cursor:pointer;}
.adv li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#000;opacity:.7;transition:all .6s;transition-delay:.2s;}
.adv li .txt{position:absolute;top:60%;z-index:2;color:#fff;text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform:translateY(-50%);transition:all .5s;}
.adv li .txt h4{font-size:1.714em;padding-bottom:30px;position:relative;transition:all .3s;}
.adv li .txt h4 i{font-style:normal;display:block;font-size:30px;margin-bottom:10px;}
.adv li .txt h4::after,.aboutBtn p::after{content:"";position: absolute;left:50%;background:#ee620b;width:12px;height:1px;bottom:0;margin-left:-6px;transition:all .3s;}
.adv li .info{padding-left:25px;border-left: 1px solid #ee620b;opacity:0;color:#fff;line-height:1.8;margin-top:30px;transition:all .5s;}
.bgImg {background-position: center;background-size: cover;position: relative;transition: all 0.5s;display: block;width: 100%;height: 100%;}
.adv li.cur{width:40%;text-align:left;}
.adv li.cur::after{left:10%;right:10%;top:10%;bottom:10%;}
.adv li.cur .txt{top:50%;padding:0 15%;text-align:left;}
.adv li.cur h4{font-size:2.2em;line-height:1;}
.adv li.cur h4::after{display:none;}
.adv li.cur .info{opacity:1;margin-top:0;} 
/*t_m*/
.t_m{ width:100%; float:left;margin-top: 40px;}
.t_m .slideGroup{ width:100%; background:#fff; height:400px;box-shadow:0px 0px 9px 5px #565656;}
.t_m .slideGroup .parHd{ height:110px; line-height:30px;padding:0 20px;}
.t_m .slideGroup .parHd ul{ height:110px; width:100%;text-align: center;}
.t_m .slideGroup .parHd ul li{width:227px; height:50px; text-align:center; background:#eee; line-height:50px; display:inline-block;margin: 30px 10px;cursor:pointer}
.t_m .slideGroup .parHd ul li.on{background:#1458a9; color:#fff;}
.t_m .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 70px; position:relative;}
.t_m .slideGroup .sPrev{ position:absolute; left:5px; top:100px; display:block; width:50px; height:50px; background: url(../images/slider-arrow.png)#1458a9 -100px 10px no-repeat;}
.t_m .slideGroup .sNext{ position:absolute; top:100px; right:5px; display:block; width:50px; height:50px; background: url(../images/slider-arrow.png)#1458a9 18px 10px no-repeat;}

.t_m .slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.t_m .slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.t_m .slideGroup .parBd ul li .pic{ text-align:center;}
.t_m .slideGroup .parBd ul li .pic img{ width:337px; height:250px; display:block;  padding:2px; border:1px solid #ccc;}
.t_m .slideGroup .parBd ul li .pic a:hover img{ border-color:#999;}
.t_m .slideGroup .parBd ul li .title{ line-height:24px;}
/*case*/
#case .cas{ width:1300px; margin:0px auto;}
#case .cas li{ float:right; text-align:center;margin-bottom:29px; width:43%; position:relative;}
#case .cas li:nth-child(1){ float:left; width:55%;}
#case .cas li:nth-child(1) span{}
#case .cas li img{-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
#case .cas li a span{overflow:hidden; border:1px #ccc solid;display: block;}
#case .cas li a p{line-height:50px; position:absolute; bottom:0px; left:0px; width:100%; height:50px;background: rgb(0 0 0 / 72%); color:#fff;}
#case .cas li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}

/*news*/
#news{ background:#f2f2f2; padding-bottom:40px;}
.new{ width:1300px; margin:0px auto;}
.new .slideTxtBox1{ width:100%;}
.new .slideTxtBox1 .hd{ height:44px; line-height:44px;}
.new .slideTxtBox1 .hd ul{ height:44px; text-align:center; }
.new .slideTxtBox1 .hd ul li{cursor:pointer;display: inline-block;margin: 0px 10px;padding:0px 30px;background: #ccc;font-size:18px;}
.new .slideTxtBox1 .hd ul li.on{background:#fc7c02; color:#fff;font-weight:900;}
.new .slideTxtBox1 .bd ul{zoom:1;  }
.new .slideTxtBox1 .bd li{ width:68%; float:right;border-bottom:1px #CCC dashed;line-height: 45px;margin-top:15px;padding-bottom:15px;}
.new .slideTxtBox1 .bd li:hover h3{background:url(../images/rr.png) 0px center no-repeat; padding-left:30px;transition: all 300ms; color:#fc7c02;}
.new .slideTxtBox1 .bd li:hover span{background: #d9d9d9;}
.new .slideTxtBox1 .bd li h3{ background:url(../images/rr.png) -20px center no-repeat; width:85%; float:left; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all 300ms;display: -webkit-box; font-weight:900; color:#000;}
.new .slideTxtBox1 .bd li p{width:85%; float:left; line-height:30px; height:90px;display: -webkit-box;-webkit-box-orient: vertical;}
.new .slideTxtBox1 .bd li span{ float:right;width:12%;text-align: center;display: block;line-height: 30px;font-size: 20px;}
.new .slideTxtBox1 .bd li span b{ display:block;font-weight: 100; font-size:48px;line-height: 60px;}
.new .slideTxtBox1 .bd li:nth-child(1){float:left; width:30%; height:440px; border-bottom:0px;}
.new .slideTxtBox1 .bd li:nth-child(1) h3{ width:100%; float:left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.new .slideTxtBox1 .bd li:nth-child(1):hover a.new_img{ background:none; padding:0px;}
.new .slideTxtBox1 .bd li:nth-child(1) a.new_img img{transition: all 300ms; width:100%;}
.new .slideTxtBox1 .bd li:nth-child(1) a.new_img{overflow:hidden;}
.new .slideTxtBox1 .bd li:nth-child(1):hover a{padding:0; background:none;}
.new .slideTxtBox1 .bd li:nth-child(1) h4{ width:94%; height:30px;line-height: 30px;background: #fff; font-weight:900;float: left;margin-top: 20px; padding:3%;}
.new .slideTxtBox1 .bd li:nth-child(1):hover h4{color:#fc7c02;}
.new .slideTxtBox1 .bd li:nth-child(1) p{ font-size:16px; line-height:30px; background: #fff;float: left;width:94%;padding:0 3%; overflow:hidden;}

/*fwlc*/
#fwlc{background:#fff;height:520px;}
#fwlc .lc_n{ width:1300px; margin:0px auto;}
#fwlc .lc_n ul{ margin-top:40px;}
#fwlc .lc_n ul li{float:left;width:176px;height:267px;margin-right:10px;text-align:center;font-size:16px;transition: all 300ms;cursor:pointer}
#fwlc .lc_n ul li:last-child{ margin-right:0px;}
#fwlc .lc_n ul li:nth-child(1){background:url(../images/y1.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(2){background:url(../images/y2.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(3){background:url(../images/y3.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(4){background:url(../images/y4.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(5){background:url(../images/y5.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(6){background:url(../images/y6.jpg) center top no-repeat;}
#fwlc .lc_n ul li:nth-child(7){background:url(../images/y7.jpg) center top no-repeat;}
#fwlc .lc_n ul li:hover{background-position:bottom;transition: all 300ms; color:#fff;}
#fwlc>.lc_n>ul>li>p{ width:100%; display:block;margin-top:145px; line-height:30px;}
#fwlc .cl_te{ text-align:center; width:100%; float:left;margin-top: 25px;}
#fwlc .cl_te .cl_tel{ border:1px solid #CCC;padding:0px 50px; height:43px; line-height:35px;display: inline-block; font-weight:100; font-size:16px;border-radius:35px;box-shadow: 0px 0px 15px 0px #a0a0a0;color:#2c72ff;padding-top: 10px; font-weight:900; font-size:16px;cursor:pointer;transition: all 300ms;}
#fwlc .cl_te .cl_tel span{ font-size:30px; font-family: fantasy;display: block;float: right; font-weight:100;}
#fwlc .cl_te .cl_tel:hover{ background:#1458a9; color:#fff;box-shadow:none;transition: all 300ms;}

/*footer*/
footer{background:url(../images/f.jpg)#3879fb center top no-repeat;margin-top: 60px;}
footer .f_con{ width:1300px; margin:0px auto;}
footer .f_con .f_nav{ float:left; width:200px;}
footer .f_con .f_nav h4{ font-size:24px; font-weight:900; line-height:90px; color:#fff;}
footer .f_con .f_nav>a{ float:left; display:block; width:50%;display: -webkit-box;-webkit-box-orient: vertical; color:#fff; line-height:50px;}
footer .f_con .f_c_n{ float:left}
footer .f_con .f_c_n .fon p{ line-height:35px; font-size:16px;}
footer .f_con .f_c_n.a{width:500px; color:#fff;font-size: 14px;line-height: 30px;margin-left: 70px;}
footer .f_con .f_c_n.a a{ color:#fff;}
footer .f_con .f_c_n.a h4{ font-size:24px; font-weight:900; line-height:90px;}
.f_c_n.c{float:right!important; color:#fff;}
footer .f_con .f_c_n.c h4{ font-size:24px; font-weight:900; line-height:90px;}
footer .f_con .f_c_n.c ol{ float:left;text-align: center;margin: 0 10px;}
footer .f_con .f_ys{ width:100%; float:left; border-bottom:1px #ccc solid;border-top:1px #ccc solid; margin:30px auto;padding: 45px 0px;}
footer .f_con .f_ys li{ float:left;padding-left:55px; font-size:22px; line-height:30px;color:#fff; margin-right:35px;}
footer .f_con .f_ys li>p{ font-size:14px;}
footer .f_con .f_ys li:nth-child(1){background:url(../images/f1.png)left center no-repeat;}
footer .f_con .f_ys li:nth-child(2){background:url(../images/f2.png)left center no-repeat;}
footer .f_con .f_ys li:nth-child(3){background:url(../images/f3.png)left center no-repeat;}
footer .f_con .f_ys li:nth-child(4){background:url(../images/f4.png)left center no-repeat; margin-right:0px;}

.link{width:100%; height:80px; background:#3f3f3f; float:left;}
.link ul{width:1300px; margin:0px auto;}
.link ul .li.k{ width:100%;height:81px;overflow: hidden;float: left;}
.link ul li{float:left; margin-right:10px; line-height:35px; color:#fff;}
.link ul .sjzc{ float:right; width:100%; color:#fff; margin-top:20px;}
.link ul .sjzc a{ color:#fff;}
.link ul li a{color:#fff;}


/*侧边工具条*/
#toolbar {
	position: fixed;
	z-index: 9999;
	right: 17px;
	bottom: 10%;
}
#toolbar li {
	margin-bottom: 3px;
	font-size: 0;
	width: 57px;
	height: 57px;
	right: 0;
	position: relative;
}
#toolbar li a {
	display: block;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	width: 57px;
	height: 57px;
	overflow: hidden;
	background: #292e39;
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
	white-space: nowrap;
	font-size: 0;
}
#toolbar li .icon-font {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	background-color: #d9d9d9;
}
#toolbar li .icon-qq:after {
	background-position: 0 -150px;
}
#toolbar li .icon-phone:after {
	background-position: 0 -90px;
}
#toolbar li .icon-ewm:after {
	background-position: 0 -30px;
}
#toolbar li .icon-message:after {
	background-position: 0 -120px;
}
#toolbar li .icon-top:after {
	background-position: 0 -60px;
}
#toolbar li .icon-wangwang:after {
	background-position: 0 0;
}
#toolbar li .wz {
	display: inline-block;
	line-height: 57px;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
}
#toolbar li.ewm .ewm-box {
	position: absolute;
	z-index: 1;
	padding: 5px;
	background: #292e39;
	width: 110px;
	right: 120%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
 -webkit-transition: all .7s;
 transition: all .7s;
}
#toolbar li.ewm .ewm-box p {
	margin-bottom: 0;
}
#toolbar li.ewm .ewm-box img {
	max-width: 100%;
}
#toolbar li.ewm .ewm-box:after {
	content: '';
	position: absolute;
	right: -5px;
	bottom: 20px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 5px;
	cursor: pointer;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #292e39;
	border-right: none;
}
#toolbar li.ewm:hover .icon {
	background-position: -57px -180px;
}
#toolbar li.ewm:hover .ewm-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#toolbar li.backtop {
	cursor: pointer;
}
#toolbar li.backtop .iconfont {
	color: #fff;
	background-color: #292e39;
}
#toolbar li:hover a {
	width: 200px;
}
#toolbar li:hover .icon-font {
	background-color: #292e39;
}
#toolbar li:hover .icon-qq:after {
	background-position: -30px -150px;
}
#toolbar li:hover .icon-phone:after {
	background-position: -30px -90px;
}
#toolbar li:hover .icon-ewm:after {
	background-position: -30px -30px;
}
#toolbar li:hover .icon-message:after {
	background-position: -30px -120px;
}
#toolbar li:hover .icon-wangwang:after {
	background-position: -30px 0;
}
#toolbar li:hover .icon-top:after {
	background-position: -30px -60px;
}
.icon-font{ position:relative;}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
 @media (max-width: 990px) {
 #toolbar {
 display: none;
}
}