@charset "utf-8";

html { font-family:"微软雅黑"; font-size:14px;} 

html,body{ height:100%;    color: #666; }

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%;}

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;}

 a:focus {  outline: none;}

 select,input,img,select{vertical-align:middle;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



/*header*/
.xypg-right-content{ font-size: 16px; line-height: 2;}
.boxx{margin: 0 auto; }

.logo{ width:250px; float: left; padding:0 0 0}

.logo img{ width:250px; height:76px; display:table}

.logo .logo_on{ display:none}

#header{/*position: fixed; */width: 1200px; margin: 0 auto;top: 0; z-index: 9999; height: 80px; }

#header .boxx{background-color: rgba(255, 255, 255, 0); /*border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;*/ padding: 0; height: 100px; -webkit-transition: all .5s; transition: all .5s;}

#header .boxx.on{max-width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;/*box-shadow: 0 0 30px rgba(0, 0, 0, .1);background-color: rgba(255, 255, 255, 1);*/}

#header .boxx.on .topup{max-width:85%; margin: 0 auto;}

#menu{/* float:right; width:calc(100% - 270px - 180px);*/ margin-left:5%; display: inline-block}

.tel{ float:right; margin: 30px 0 0; height:40px; background: url("../images/tel.png") no-repeat 10px center #006530; display:table; padding: 0 20px  0 35px; line-height: 40px; color: #fff; font-size: 17px; box-sizing: border-box; border-radius: 25px}







.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	

.zy a{ padding:0 6px; color:#296fb7;}

.zy a:hover{ color:#f4a45d;}



.nav_k{ float: right;display:table; margin:0 auto; height:80px;}

.navBar{margin:0 auto;height:56px; line-height:80px; position:relative; z-index:9999;   }

.nav{  margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }

.nav h3{ font-size:100%; font-weight:normal;  }

.nav .m{  position:relative; float:left;  margin:0 0 0 0px; display:inline; text-align:center;   }

.nav .m:hover{ olor:#1573bd; }

.nav h3 a{ font-size:16px;  zoom:1;  height:80px; line-height:80px; padding:0px 30px;  display: block; margin:0px auto 0; color:#181818; }

.nav h3 a:hover,.nav .m:hover h3 a{color:#1573bd}

.nav .m:last-child a{ padding: 0 0 0 30px}





.nav .sub{ display: none;  width:110%; padding: 0;  margin:0 ; margin-left: -5%; position:absolute; top:80spx;  background-color: rgba(255, 255, 255, 1);  float:left; line-height:20px; }

.nav .sub li{ text-align:center;  }

.nav .sub li a{ color:#181818; display:block; zoom:1; font-size:15px; padding:10px 10px; box-sizing: border-box}

.nav .sub li a:hover{  background:#e9eaeb; color:#333;   }





/*轮播结束*/

.banner{width: 100%;overflow: hidden;position: relative; margin: 0 0 0}

.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:45px;height: 6px;opacity: 1;background: rgba(255,255,255,.6);border:0;box-sizing:border-box; margin:0 6px; border-radius:0}

.banner .swiper-pagination-bullet-active{background: #061d50;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}

.banner .swiper-slide em .banner_t1{ display:none}





/* 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);}

}

/**/

.wrap{ width:100%; }

.bt{ width:1200px; display:table; margin:0 auto; line-height: 1; text-align:center; padding:60px 0 40px }

.bt h1{font-size:36px; color:#222; font-weight:bolder; text-transform:uppercase; margin: 0 auto 15px}

.bt  span{ color: #828282;font-size:17px; margin-top: 16px; }



.cp{ width:1200px; display: table; margin: 0 auto}

.cp ul{  display:table;  box-sizing:border-box; padding:0 }

.cp ul li{width:390px;   border: solid 1px #e6e6e6;box-sizing:border-box;background: #fff; display:block; color:#000000;float:left; margin:0 15px 15px 0;}

.cp ul li a{ width:100%;  margin:0 auto; display:block;}

.cp ul li:nth-child(3n){  margin:0 0px 15px 0;}

.cp ul li a h1{ font-size:16px;  color:#5a5a5a;line-height:60px; display:block; text-align:center;width:100%; margin:0 auto ;}

.cp ul li a .cp_t{ width:100%;   display: table;margin: 0 auto;overflow: hidden; }

.cp ul li a .cp_t img{width:100%; height:100%;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.cp ul li a:hover .cp_t img{transform: scale(1.1);}

.cp ul li a:hover h1 { color:#1573bd}





.box2{background: url(../images/bj1.png)  center no-repeat;height:791px;padding-top:75px; margin: 40px 0 0}

.box2 .bt h1,.box2 .bt span,.box4 .bt h1,.box4 .bt span,.box6 .bt h1,.box6 .bt span{color:#ffffff}



.ysbgs{position:relative;width:1146px;margin:0 auto;margin-top:25px;height:527px}

.ysbgs ul li .nums{font:bold 20px/25px MicrosoftYaHei;color:#1573bd;text-align:center}

.ysbgs ul li .nums span{font:bold 21px/25px "黑体";color:#1573bd}

.ysbgs ul li .ysconts{font:normal 16px/25px MicrosoftYaHei;color:#222222;margin-top:5px}

.ysbgs ul li{position:absolute}

.ysbgs ul li:nth-child(1){width:226px;left:0;top:384px}

.ysbgs ul li:nth-child(2){width:209px;left:79px;top:214px}

.ysbgs ul li:nth-child(3){width:218px;left:217px;top:73px}

.ysbgs ul li:nth-child(4){width:225px;right:458px;top:0}

.ysbgs ul li:nth-child(5){width:211px;right:213px;top:73px}

.ysbgs ul li:nth-child(6){width:178px;right:98px;top:214px}

.ysbgs ul li:nth-child(7){width:220px;right:-5px;top:384px}

.yspics{position:absolute;left:0;right:0;margin:0 auto;bottom:0;text-align:center}

.yspics img{width:652px;height:383px}





.box3{ padding: 70px 0; display: table}

.abpics{width:544px;height:395px;background-color:#ffffff;border:solid 1px #a8a8a8;padding:8px 6px;overflow:hidden}

.abpics img{width:531px;height:379px}

.abconts{width:620px;margin-top:45px}

.abconts h3{font:bold 32px/32px MicrosoftYaHei;letter-spacing:0px;color:#222222}

.abconts h4{font:normal 18px/18px MicrosoftYaHei;letter-spacing:3px;color:#474747;margin-top:20px}

.abconts .abnris{font:normal 14px/30px MicrosoftYaHei;color:#787878;margin-top:40px}

.abconts a{display:block;width:136px;height:39px;border-radius:20px;border:solid 1px #e6e6e6;text-align:center;font:normal 14px/37px MicrosoftYaHei;color:#787878;margin-top:50px;float:left}

.abconts span{float:left;background:url(../images/tel0.png) left center no-repeat;padding-left:53px;font:normal 18px/45px MicrosoftYaHei;color:#3e3e3e;margin-top:45px;margin-left:29px}

.abconts span strong{font:bold 24px/45px MicrosoftYaHei;color:#061d50}





/* */

.box4{background:url("../images/bj2.jpg") center no-repeat; height: 811px; padding-top: 14px;}

.foyss{position: relative; margin-top: 28px;}

.foyss .bd ul li{height: 436px; background-color: #ffffff; float: left;}

.foyss .bd ul li .fyspics{width: 741px;height: 436px;}

.foyss .bd ul li .fyspics img{width: 741px; height: 436px;}

.foyss .bd ul li .ysconrs{width: 458px; padding:95px 17px 0 56px;}

.foyss .bd ul li .ysconrs dd{float: left; width: 49px;height: 49px; background-color: #061d50; border-radius: 50%; text-align: center; font:bold 30px/49px MicrosoftYaHei; color: #ffffff;}

.foyss .bd ul li .ysconrs h3{font:bold 24px/49px MicrosoftYaHei; color: #061d50; float: left; margin-left: 28px;}

.foyss .bd ul li .ysconrs span{display: block; border-top: 1px dashed #a8a7a7; margin-top: 11px;}

.foyss .bd ul li .ysconrs p{font:normal 15px/25px MicrosoftYaHei; color: #585858; margin-top: 25px;}

.foyss .bd ul li .ysconrs a{display: block; width: 101px;height: 33px;background-color: #061d50; border-radius: 17px; text-align: center; font:normal 14px/33px MicrosoftYaHei; color: #ffffff; margin-top: 30px;}

.foyss{}

.foyss .fuls{text-align: center; margin-top: 32px;}

.foyss .fuls li{margin-right: 18px; width: 286px;height: 75px;cursor: pointer; border: solid 1px #ffffff; text-align: center; float: left;}

.foyss .fuls li:last-child{margin-right: 0;}

.foyss .fuls li dd{width: 45px;height: 45px; background-color: #ffffff; float: left; margin-top: 13px; margin-left: 10px; text-align: center; font:normal 26px/45px SimHei; color: #222222; border-radius: 50%;}

.foyss .fuls li h3{font:bold 20px/75px MicrosoftYaHei; color: #ffffff; float: left; margin-left: 16px;}

.foyss .fuls li.on{background-color: #ffffff;}

.foyss .fuls li.on dd{background-color: #061d50; color: #fff;}

.foyss .fuls li.on h3{color: #061d50;}

.foyss .fulss{position: absolute; bottom: 182px; right: 25px; z-index: 99;}

.foyss .fulss li{width: 11px;height: 11px; background-color: #061d50; border-radius: 50%; float: left; margin:0 9px;}







/* 本例子css */

.box5{width:100%; padding:20px 0 50px 0}

.sy_case{ width: 1200px; display: table; position: relative; margin: 0 0 50px}

.sy_case .hd{}

.sy_case  .next{ display:block;  width:28px; height:96px; overflow:hidden; cursor:pointer; background:url("../images/jt01.jpg") no-repeat; position: absolute; left: -50px; top:80px}

 .sy_case .prev{display:block;  width:28px; height:96px; overflow:hidden; cursor:pointer; background:url("../images/jt02.jpg") no-repeat; position: absolute; right: -50px; top:80px  }

 .sy_case .hd .prevStop{  }

 .sy_case .hd .nextStop{  }

 .sy_case .bd{ padding:0;   }

 .sy_case .bd ul{ overflow:hidden; zoom:1; }

 .sy_case .bd ul li{ margin:0 8px; float:left; _display:inline;    border: solid 1px #e6e6e6; overflow:hidden; text-align:center;  }

 .sy_case .bd ul li .pic{ text-align:center; height: 231px; overflow: hidden}

 .sy_case .bd ul li .pic img{ width:390px; height:231px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

 .sy_case .bd ul li a:hover  .pic img{ border-color:#999; transform: scale(1.1); }

 .sy_case .bd ul li a .title{ line-height:60px; color: #595959;font-size:18px;   }

 .sy_case .bd ul li a:hover .title{ color: #061d50}



.more{display:table; margin:0 auto;}

.more a{ padding: 0 60px; line-height: 46px; font-size: 16px; color: #fff; background: #061d50; display: table; margin: 0 auto; border-radius: 25px;}



/* 本例子css */

.box6{width:100%; padding:20px 0 10px 0;background:url("../images/bj3.jpg") no-repeat;}

.sy_case1{ width: 1200px; display: table; position: relative; margin: 10px 0 50px}

.sy_case1 .hd{}

.sy_case1  .next{ display:block;  width:28px; height:96px; overflow:hidden; cursor:pointer; background:url("../images/jt03.png") no-repeat; position: absolute; left: -50px; top:80px}

 .sy_case1 .prev{display:block;  width:28px; height:96px; overflow:hidden; cursor:pointer; background:url("../images/jt04.png") no-repeat; position: absolute; right: -50px; top:80px  }

 .sy_case1 .bd{ padding:0;   }

 .sy_case1 .bd ul{ overflow:hidden; zoom:1; }

 .sy_case1 .bd ul li{ margin:0 8px; float:left; _display:inline;    overflow:hidden; text-align:center;  }

 .sy_case1 .bd ul li .pic{ text-align:center; height: 231px; overflow: hidden}

 .sy_case1 .bd ul li .pic img{ width:390px; height:231px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

 .sy_case1 .bd ul li a:hover  .pic img{ border-color:#999; transform: scale(1.1); }

 .sy_case1 .bd ul li a .title{ line-height:60px; color: #fff;font-size:18px;border-bottom: 2px solid  rgba(255, 255, 255, 0)}

 .sy_case1 .bd ul li a:hover .title{ border-bottom: 2px solid #fff}



/* */

.box7{display: table; margin: 0 auto 60px}

.box6 .cont{margin-top:33px;}

.n-left{width:713px; border:1px solid #d9d7d7; height: 512px; background: #ffffff; border-top: 2px solid #0030b8;}

.n-left h2{text-align:center;height:40px;border-bottom:1px solid #c4c4c4;padding:0 10px;}

.n-span{display:block;float:left;height:40px;cursor:pointer;margin-right:15px;background: url("../images/xx.png") right center no-repeat;padding-right: 24px;font:bold 20px/40px MicrosoftYaHei;letter-spacing: 1px;color: #222222;}

.n-span:nth-child(2){background: none;}

.active{color:#061d50;}

.xinpics{padding:0 10px; margin-top: 25px;}

.n-content dl{}

.n-content dl dt{width:100%;overflow:hidden;margin-top:20px;margin-bottom:10px;font-weight: normal;}

.n-content dl dt .aa{line-height:40px;font-size:18px;color:#333333;font-weight:bold;}

.n-content dl dt .a2{line-height:27px;font-size:14px;color:#888888;display:block;}

.n-content dl 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;}

.n-content dl dt:hover .a3{border-color:#0066d9;color:#0066d9;}

.n-content dl dd{width:684px;height:85px;border-bottom: 1px solid #c5c5c5; padding:30px 0 0 0; margin:0 auto;}

.n-content dl dd a{font-size:14px;color:#7d7c7c; display: block;}

.n-content dl dd span{margin-top: 6px; display: table}

.n-content dl dd a h1{display: block; font-size:16px; color: #061d50;}

.n-right1{width:465px; border:1px solid #d9d7d7; height: 512px; background: #ffffff; border-top: 2px solid #0030b8;}

.n-right1 h2{height:40px;border-bottom:1px solid #c4c4c4;padding:0 14px; font:bold 20px/40px MicrosoftYaHei; letter-spacing: 1px;color: #061d50;}



.nn{width: 189px; height: 151px; background-color: #061d50; color: #ffffff;font-size: 40px;font-weight: bold;line-height: 151px;text-align: center;}

.nimg img{display: block;width: 502px;height: 151px;}



/* 本例子css */

.xw1{ margin:0 auto;  width:93%; overflow:hidden; position:relative; height: 420px }



.xw1 .bd{width:100%; display: table; margin: 30px 0 0}

.xw1 .bd li{  width:100%; display: table;padding: 18px 0 15px; border-bottom: 1px dashed #c5c5c5;}

.xw1 .bd li a h1{line-height:30px;padding-left:38px;background: url("../images/xw01.png") left bottom no-repeat;display:block;font-size:16px;color:#26211f;}

.xw1 .bd li a p{background: url("../images/xw02.png") left top no-repeat;padding-left:38px;font:400 14px/22px "微软雅黑";color:#7d7c7c;display:block}

.xw1 .bd li a:hover h1{ color: #061d50}



/*fotter*/



/* */

.footbgs{height: 208px; background-color: #061d50; padding-top: 47px;}

.fadds{font:normal 14px/26px MicrosoftYaHei; color: #ffffff; background: url("../images/fo_xx.png") top right no-repeat; width: 275px;}

.fnavs{background:url("../images/fo_xx.png") top right no-repeat; width: 230px; margin-left: 57px; font:normal 14px/19px MicrosoftYaHei; color: #ffffff;}

.fnavs a{color: #ffffff; width: 110px; float: left; margin:0 0 16px;}

.fcopyright{width: 450px; margin-left: 29px; font:normal 14px/29px MicrosoftYaHei; color: #ffffff; background: url(//cdn.myxypt.com/daf85bbe/20/12/d27becea7244780d00654d3737280eef47ed88e0.png) top right no-repeat;}

.fcopyright a{color: #ffffff;}

.fewm{margin-right: 40px;}

.f_link{width: 1200px;margin: 0 auto;font:normal 14px/30px MicrosoftYaHei;color: #3b3b3b;padding: 10px 0 20px;text-align: center;}



.fo2{ width: 440px; color:#fff;vertical-align:middle;display: table; font-size:13px;  margin:0 auto 0 40px;line-height:24px; padding:0 0; float: left}

.fo2 a{color:#fff; margin:0 5px 0 0 }

.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}

.fo2 .fo_lj img{ display:table; padding: 0 0 }

.fo2 a:hover,.footbgs a:hover{ color:#d4bb9d}



.fy{ text-align:center; font-size:14px; padding:20px 0;}









.f_link{width: 1200px;margin: 0 auto;font:normal 14px/30px MicrosoftYaHei;color: #3b3b3b;padding: 10px 0 20px;text-align: center;}

.f_link a {margin: 0 5px;    color: #666; }

.f_link a:Hover{ color: #061d50;}



/*左侧工具条*/

#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;}