@charset "utf-8";
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none;/* max-width:100%; */  border: none;    background: none;}
select, input, img, select { vertical-align: middle;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }
/*td{ border:1px solid #000}
*/.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*header*/
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.hy{ width:730px; float:left;font-size:12px; padding-left:10px;}
.home{ height:34px; line-height:34px; background: url("../images/bj1.png") no-repeat center center; color:#a0a0a0}
.home a{ color:#fff;  margin:0 5px;font-size:12px;}

.home a:hover{ color:#fff;}
.home_l{ float:left;font-size:14px;}
.home_l span{ padding:0 ;color:#fff; margin-left:5px; font-weight:bolder}
.home_r{ float:right}

.top{ width:1200px;margin:0 auto; height: 100px;justify-content: space-between; align-items: center; }
.top .logo{  float:left; line-height: 100px; margin: 0 0;}
.top .logo img{vertical-align: middle;  }
.top .top_r{ float:right;  margin: 0 0; padding: 22px 0 0}
.top .top_r .tel{ background: url("../images/tel.png") no-repeat center left; font-size:16px; height: 54px; padding:0 0 0 50px; line-height:28px;  }
.top .top_r .tel h1{ margin-right: 10px; text-align: right; font-weight:bolder;  float: left; line-height: 1; padding: 0px 0 0;font-family: 'Arial';font-size:26px;}
.top .top_r .tel h1 span{font-weight:100;font-size:14px; color:#333; display: table; line-height:1.4;}
.header-nav{border-top: 1px solid #ededed;}
/* 导航栏 */

/* 导航样式 */
#menu{background-color: #0066d9;position: relative;z-index: 9999;}
.x-menu{display: flex; justify-content: space-between; align-items: center;}
.x-menu>li{position: relative; width: 150px;}
.x-menu>li>a{display: block; font-size: 16px; color: #ffffff; white-space: nowrap; line-height: 56px; height: 56px; text-align: center;}
.x-menu>li>a:hover{background-color: #9abe30;}
.x-menu>li.active>a{}
.x-menu>li:after{content: ''; position: absolute; z-index: 100; width: 100%; left: 0; /*height: 40px;*/ opacity: 0; top: 100%;}
.x-menu>li:hover .x-sub-menu{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); background: #fff;}
.x-sub-menu{position: absolute; z-index: 99; width: 100%; left: 0%; top: 56px; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease;}
.x-sub-menu>li{/* padding: 0 0.9rem; */}
.x-sub-menu>li>a{display: block; text-align: center; line-height: 2; font-size: 14px; color: #666666; line-height: 2.6;}
.x-sub-menu>li>a:hover{background: #0066d9; color: #fff;}
.x-sub-menu:after{content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; display: none;}




/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; margin:0 0;    width: 1920px;
    left: 50%;
    margin-left: -960px;}
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{ width:100%}
.bannerbox{width: 100%;overflow: hidden;}
.banner .swiper-slid em{display: block;width: 100%;}
.banner .swiper-slide em img{width: 100%;display: block;}
.banner .swiper-pagination-bullet{width:14px;height: 14px;opacity: 1;background: rgba(255,255,255,0);border: 1px solid #fff;box-sizing:border-box; margin:0 15px; border-radius:50%}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.banner .swiper-pagination-bullet-active{background:#0066d9;border: 1px solid #0066d9;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}
.banner .swiper-slide em .banner_t1{ display:none}
.swiper-button-prev{outline: none; position: absolute; top: 50%; z-index: 9999; background: #424246;   height: 65px; width: 50px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; left: 0; transition: all .5s ease;}
.swiper-button-prev i{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-position: -34px -180px;background-repeat: no-repeat; position: absolute; right: calc(50% - 16px); top: calc(50% - 15px);}
.swiper-button-next{outline: none; position: absolute; top: 50%; z-index: 9999; background: #424246; right: 0;   height: 65px; width: 50px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.swiper-button-next i{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png);   background-position: -26px -480px;background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.swiper-button-prev:hover,.swiper-button-next:hover{background:#0066d9;  }



/* banner */
.fullSlide{ width:100%;  position:relative;  height:840px; background:#fff; padding: 0 0  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:840px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:840px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:19px; margin:2px 4px; overflow:hidden; background: url(../images/bg_sign17.png) no-repeat center top;  line-height:999px; border-radius:0.5rem	}
.fullSlide .hd ul .on{ background: url(../images/bg_sign17.png) no-repeat center bottom;  }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

img.lazy{background: url(../images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/

/*热门搜索*/
.search{background:#f2f2f2;height:78px;}
.swz{line-height:78px;color:#0066d9;font-size:24px;font-weight:bold;background: url(../images/line2.png) no-repeat right center;padding-right:35px;}
#formsearch{width:310px;float:right;background: url(../images/ss.png) no-repeat;height:38px;margin-top:20px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*搜索和热门搜索*/
.hotSearch{float:left;height:78px;line-height:78px;color:#666666;font-size:14px;margin-left:35px;background: url(../images/line2.png) no-repeat right center;padding-right:145px;font-weight:bold;}
.hotSearch a{margin-right:18px;font-weight:normal;color:#666666;}
#formsearch input{}
#formsearch input#keyword{height:38px;line-height:38px;padding-left:9px;color:#888888;font-size:14px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:55px;height:38px;line-height:38px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;float:right;}




.wrap{ width:100%; }
.box1{margin-top:40px;}
.ptt{text-align:center;color:#222222;font-size:30px;}
.ptt span{display:block;color:#999999;font-size:18px;display:block;}
.box1 .cont{margin-top:35px;}

.menu_cate{width:258px;float:left;background:#0066d9;height:486px;}
.sort1{width:235px;margin:0 auto;}
.sort1 li{color:#ffffff;font-size:16px;padding-left:22px;border-bottom:1px dashed #3e98fd;line-height:44px;background:url(../images/s1.png) no-repeat 204px center;}
.sort1 li a{color:#ffffff;font-size:16px;}
.sort1 li a:hover{color:#9abe30;}

.dh{color:#fff;font-size:14px;padding-left:30px;margin-top:5px;}
.box1 .prod{width:933px;}

.product_list1 li{float:left;margin-left:26px;margin-bottom:30px;_display:inline;position:relative;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:285px;height:228px;font-weight:normal;}
.product_list1 li h3{text-align:center;font-size:14px;font-weight:normal;color:#fff;background:rgba(0,102,217,.5);line-height:43px;width:100%;position:absolute;left:0;bottom:0;opacity:1;}
.product_list1 li .mask{width:285px;height:228px;position:absolute;left:0;top:0;background:url(../images/mask.png) no-repeat;opacity:0;}
.product_list1 li h4{color:#ffffff;font-size:14px;text-align:center;font-weight:normal;padding-top:78px;}
.product_list1 li:hover .mask{opacity:1;}
.product_list1 li:hover h3{opacity:0;}


.box2{margin-top:15px;}
.box2 .cont{margin-top:30px;position:relative;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

.lb,.rb{position:absolute;top:37%;cursor:pointer;}
.lb{left:-45px;}
.rb{right:-45px;}

.product_list2 li{float:left;margin:0 10px;_display:inline;position:relative;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:285px;height:228px;font-weight:normal;}
.product_list2 li h3{text-align:center;font-size:14px;font-weight:normal;color:#fff;background:rgba(0,102,217,.5);line-height:43px;width:100%;position:absolute;left:0;bottom:0;}
.product_list2 li:hover h3{background:#0066d9;}



.box3{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:240px;background:url(../images/bj2.png) no-repeat;margin-top:73px;}
.hwz{text-align:center;color:#fff;padding-top:45px;line-height:43px;}
.hwz a{color:#fff;text-align:center;font-size:16px;background:url(../images/zx1.png) no-repeat;height:43px;line-height:38px;display:inline-block;width:134px;}
.hwz a:hover{background:url(../images/zx2.png) no-repeat;}
.hwz p:nth-child(3){margin-top:6px;}


.box4{background:#ebf5fd;padding-top:45px;padding-bottom:68px;}
.box4 .cont{margin-top:40px;position:relative;}
.about{width:575px;float:left;}
.about .content{color:#333333;font-size:15px;line-height:30px;text-align:justify;height:205px;overflow:hidden;}
.about a{display:block;width:148px;height:78px;background:url(../images/am.png) no-repeat;margin-top:33px;}
.about a:hover{background:url(../images/am2.png) no-repeat;}
.abpic{width:600px;height:371px;}

.box4 .cont2{margin-top:50px;position:relative;}
.he-title{width: 190px;height: 52px;background: #0066d9;color: #fff;font-size: 22px;line-height: 52px;text-align: center;margin: 0 auto;margin-bottom: 40px;margin-top: 50px;}
#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.lb1,.rb1{position:absolute;top:37%;cursor:pointer;}
.lb1{left:-45px;}
.rb1{right:-45px;}



.box5{margin-top:48px;}
.lytt{text-align:center;font-weight:bold;color:#0066d9;font-size:30px;}
.lytt span{display:block;font-weight:normal;color:#999999;font-size:18px;}
.box5 .cont{margin-top:32px;position:relative;}

.liyou{height:294px;overflow:hidden;}
.pic{width:600px;height:294px;}
.min{width:540px;padding:0 30px;}
.xztt{margin-top:25px;}
.numb{color:#0066d9;font-size:56px;font-family:"Impact";}
.xzwz{color:#333333;font-size:26px;font-weight:bold;line-height:25px;padding-left:12px;padding-top:20px;}
.xzwz span{color:#999999;font-size:16px;font-weight:normal;display:block;}
.sub{color:#333333;font-size:14px;}
.sub p{background:url(../images/y.png) no-repeat left 6px;padding-left:18px;margin-top:15px;}



.box6{background:#ebf5fd;padding:38px 0 60px; display: table; width: 100%}
.box6 .cont{margin-top:18px;}

.n-left{width:718px;height:460px;}



.n-span{display:block;width:92px;float:left;height:45px;cursor:pointer;margin-right:20px;}
.n-span1{display:block;width:35px;float:left;height:45px;cursor:pointer;}
.n-left h2 a{font-size:12px;display:block;float:right;width:65px;line-height:20px;border:1px solid #d1d1d1;text-align:center;color:#666666;font-weight:normal;margin-top:12px;}
.n-left h2 a:hover{border-color:#0066d9;color:#0066d9;}


.active{color:#0066d9;}

.xw1{}
.xw1 dt{width:100%;overflow:hidden;margin-top:20px;margin-bottom:10px;}
.n-content .n-img{float:left;width:258px;height:172px;}
.news_det{width:435px;float:right;}

.xw1 dt .aa{line-height:40px;font-size:18px;color:#333333;font-weight:bold;}
.xw1 dt .a2{line-height:27px;font-size:14px;color:#888888;font-weight: normal;}
.xw1 dt .a3{display:block;width:105px;height:27px;line-height:27px;background:#fff;color:#666666;text-align:center;margin-top:20px;border:1px solid #d1d1d1;
  margin-left:24px;font-weight: normal;}
.xw1 dt:hover .a3{border-color:#0066d9;color:#0066d9;}

.xw1 dd{width:100%;font-size:16px;height:50px;line-height:50px;margin-right:10px;background:url(../images/n3.png) 10px center no-repeat;border-bottom: 1px dashed #c5c5c5;color:#333333;}
.xw1 dd a{color:#333333;padding-left:30px;}
.xw1 dd a:hover{color:#0066d9;}
.xw1 dd span{float:right;margin-right:10px;font-size:13px;color:#666666;}

.slideTxtBox{ width:100%; text-align:left; position:relative; }
/*.slideTxtBox .hd{ height:62px; line-height:62px;padding:0 0; border-bottom:1px solid #eaeaea; position:relative;width:100% }*/
.slideTxtBox .hd{font-size:20px;color:#333333;font-weight:bold;line-height:45px;text-align:center;height:50px;background:url(../images/n1.png) left center no-repeat;border-bottom:1px solid #cccccc;padding-left:43px;}
.slideTxtBox .hd ul{ float:left;  position:absolute; width:100%  }
.slideTxtBox .hd ul li{ float:left; margin-right:45px;  cursor:pointer; font-size:20px; color:#121212; font-weight:bolder; text-align:center }
.slideTxtBox .hd ul li span{ line-height:45px; padding:0 0; display:table; margin:0 auto}
.slideTxtBox .hd ul li.on span{color:#0066d9}
.slideTxtBox .bd { zoom:1;  /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table  }
.xw_tj{ width:100%; border-bottom:1px solid #d2d2d2; padding:0px 0 9px; margin:0 0 8px}
.xw_tj a{ font-size:14px; line-height:28px; color:#6f6f6f;}
.xw_tj a h1{ height:40px; line-height:40px; font-weight:bolder; font-size:18px; color:#3a3a3a}
.xw1 .more1{ position:absolute; right:0; top:0;}
.xw1 .more1 a{ color:#bababa; font-size:15px; line-height:62px;}
.xw1 .more1 a:hover,.bt1 a:hover{color:#18aef0}
.xw1{ width:100%; display:table; margin:0 auto;  padding:12px 0px 0; box-sizing:border-box; overflow:hidden}
.xw1 .xw_more{ position:absolute; top:0; right:0; line-height:46px; cursor:pointer; color:#595959 }


.n-right{width:450px;}
.n-right h2{font-size:20px;color:#333333;font-weight:bold;line-height:45px;height:50px;background:url(../images/n2.png) left center no-repeat;border-bottom:1px solid #cccccc;padding-left:43px;}
.n-right h2 a{font-size:12px;display:block;float:right;width:65px;line-height:20px;border:1px solid #d1d1d1;text-align:center;color:#666666;font-weight:normal;margin-top:12px;}
.n-right h2 a:hover{border-color:#0066d9;color:#0066d9;}



.news_company{width:325px;margin-right:62px;}
.news1_title{border-bottom:1px solid #e5e5e5;font:400 22px/50px "微软雅黑";color:#111;position:relative;}
.news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;}
.news_company .content{padding-top:20px;}


#ydemo{overflow:hidden;margin:0 auto;position:relative;height:456px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}

.news_list3{margin-top:20px;}
.news_list3 li{position:relative;padding:18px 0 15px;border-bottom:1px dashed #c5c5c5;}
.news_list3 li a{line-height:30px;padding-left:38px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:16px;color:#333333;}
.news_list3 li a:hover{text-decoration:none;color:#0066d9;}
.news_list3 span{background: url(../images/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/22px "微软雅黑";margin-top:5px;color:#999;display:block}



.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:12px; text-align:center; background:#19191c;margin:0 auto; width:100%;line-height:24px; padding:8px 0; }
.fo2 a{color:#fff; margin:0 5px }
 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo_lj img{ display:table; padding:0px 0 0 }
/*.fo2 a:hover{ color:#3985d1}*/
/*页面底部*/
#footer{background:#333333;height:308px;border-top:6px solid #0066d9;color:#9a9a9a;}
#footer a{color:#9a9a9a;}
#footer a:hover{color:#fff;text-decoration:none;}
.nav_foot{text-align:center;line-height:72px;font-size:16px;border-bottom:1px solid #444444;}
.nav_foot a{padding:0 35px;}


.ads{margin-top:40px;width:900px;float:left;}
.ads li{width:450px;float:left;margin-bottom:28px;}
.ads li img{width:44px;height:44px;float:left;}
.ads li .det{padding-left:15px;float:left;padding-top:5px;}

.ads li h3{font-size:16px;color:#9a9a9a;font-weight:normal;}
.ads li span{font-size:16px;display:block;color:#9a9a9a;font-weight:bold;}
.ads li:hover h3{color: #9abe30;cursor: pointer;}
.ads li:hover span{color: #9abe30;cursor: pointer;}

.wei{margin-top:33px;margin-right:45px;}

.copyright{text-align:center;line-height:22px;background:#19191c;color:#999999;font-size:13px;padding:12px 0 18px;}
.copyright a{color:#999999;}
.copyright a:hover{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: #061d50;-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;}
.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);}
.icon-font{position: relative;}
#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: #061d50;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 #061d50;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: #061d50;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #061d50;}
#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;}