@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";color: #333333;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#666666;font-size:12px;text-decoration:none;}
a:hover{color:#004587;text-decoration:none;}
ul,ol,dl,dt,dd {display: block; list-style-type: decimal; margin-block-start: 0em;margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;
padding-inline-start: 0px;}
.clearfix{zoom:1;}
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.clear{clear: both;}
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}
.fl{float:left;}
.fr{float:right;}
.topnav{width: 100%;height:114px;background-color: #004587;color: #fff;}
.logo_l {float: left;width:230px;color: #fff;height: 62px;padding-top: 26px;padding-bottom: 26px;}
.logo_l dl {font-size:34px;font-weight: bold;}
.logo_l dt {text-transform: uppercase;font-size:12px;}
.logo_c{ width:270px; border-left:3px solid #fff;padding-left: 24px;float: left;height: 58px;margin-top:28px;}
.logo_c dl{ line-height: 31px; font-size:16px;}
.logo_c dt{ line-height: 26px; font-size:18px;}
.ewm1{float: right;width: 78px;margin-top:18px;margin-right: 10px;}
.stel{float: right;margin-top:15px;}
.search_bg{width: 260px;border: 1px solid #fff;padding: 2px 0px;}
.search_bg input{background:none;border: 0px;height: 29px;line-height: 29px;width: 210px;color: #fff;outline:none;}
.search_bg button{background: none;border: 0px;float: right;height: 29px;}
.tel{background: url(../images/tel.png) no-repeat right center;height: 38px;line-height: 38px;margin-top: 5px;font-size: 14px;padding-left:50px;}
.tel span{font-weight: bold;font-size: 18px;}
#nav{width: 100%;height:70px;line-height:70px;}
#nav li{float:left;text-align:center;background: url(../images/db.png) no-repeat right center;}
#nav li a{line-height:70px;display:block;height:70px;text-align:center;font-size:16px;color: #3b3b3b;}
#nav li:hover{text-decoration:none; height:70px;}
#nav li:hover a{color: #0071c3;font-weight: bold;background: url(../images/line.png) no-repeat center 53px;}
#nav li dl{background-color:#0155a5;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;color: #fff!important;font-weight: normal!important;}
#nav li dl dt a:hover{font-size:15px;font-weight:bold!important;transition:all 0.3s ease-in-out 0s;}
#nav li:hover dl{left:auto;}
.gstitle{width:195px;height:203px;background-color:#0155a5;padding-top:32px;text-align:center;color:#fff;}
.gstitle li{font-size:30px;font-weight:bold;line-height:36px;}
.gstitle p{font-size: 20px;line-height: 36px;text-transform: uppercase;}
.gstitle ol{font-size: 18px;line-height: 36px;margin-top: 15px;}
.gstitle dt{font-size: 18px;font-weight: bold;color: #0155a5;line-height: 36px;margin: 15px auto 0px auto;width: 150px;height: 38px;background: #fff;border-radius: 5px;}
.gsnr{margin: 0px 20px;}
.gsnr li{font-size: 24px;font-weight: bold;line-height: 36px;color: #323232;margin-top: 13px;}
.gsnr li span{color: #0155a5;}
.gsnr p{color: #5a5a5a;}
.gsnr ol{width: 155px;height: 38px;border: 1px solid #0155a5;border-radius: 8px;text-align: center;line-height: 36px;margin-top:15px;}
.gsnr ol a{font-size: 16px;color: #0155a5;}
.gsnr ol:hover{background-color: #0155a5;}
.gsnr ol:hover a{color: #fff;}
.gspic{width: 381px;height: 234px;overflow: hidden;display: table;}
.gspic img{transition:all 0.3s ease-in-out 0s;width: 381px;height: 234px;}
.gspic:hover img{transform: scale(1.3);}
#wrap{width: 100%;background: url(../images/cp.png) no-repeat center top;padding-top: 40px;}
.title{text-align: center;color: #fff;color: #f9f9f9;}
.title li{font-size: 30px;font-weight: bold;}
.title p{font-size: 18px;margin-top: 6px;}
.icpfl{display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff;border-radius: 5px;padding: 20px 10px;}
.icpfl li{text-align: center;height:40px;line-height: 40px;width:18%;}
.icpfl li a{font-size: 16px;}
.icpfl li:hover{background-color: #004587;}
.icpfl li:hover a{color: #fff;}
#wrap1{width: 100%;background: url(../images/gs.jpg) no-repeat center bottom;padding: 65px 0px;}
.zgs{width:312px;color: #fff;margin-top: 110px;margin-right: 160px;}
.zgs li{font-size: 36px;font-weight: bold;text-align: center;}
.zgs p{font-size: 18px;color: #f9f9f9;line-height:36px;margin-top:10px;text-align: center;}
.zgs ol{background: url(../images/more.png) no-repeat center center;height: 53px;line-height: 53px;margin-top: 30px;}
.zgs ol a{padding-left: 26px;font-size:18px;color:#0155a5;transition: all 0.6s;}
.zgs ol a:hover{padding-left: 35px;}
.zgsjs{justify-content: space-between;display: flex;flex-wrap: wrap;}
.zgsjs dl{width:calc(48% - 70px);background-color: #fff;padding: 20px 35px;margin-bottom: 10px;}
.zgsjs dl p{text-align: center;}
.zgsjs dl p img{vertical-align: middle;transition: all .8s ease 0s;}
.zgsjs dl:hover p img{transform: rotate(360deg);}
.zgsjs dl dt{margin-top:16px;font-size:20px;font-weight:bold;text-align:center;color:#0155a5;}
.zgsjs dl li{color:#337ab7;font-size: 14px;line-height:24px;margin-top: 10px;text-align: center;}
.title1{text-align: center;}
.title1 li{font-size: 30px;color: #393939;font-weight: bold;}
.title1 p{font-size: 18px;color: #838282;margin-top: 10px;}
.gsyjm{width: 585px;}
.gsyjn{border: 1px solid #C2C2C2;border-left: none;height: 476px;}
.gsyjn_1{height: 218px;border-bottom: 1px solid #c2c2c2;padding-top:30px;padding-left: 48px;padding-right: 50px;}
.gsyjn_1 li{font-size: 20px;color: #323205;font-weight: bold;}
.gsyjn_1 p{font-size: 14px;color: #5a5a5a;line-height: 24px;margin-top: 15px;}
.gsyjn_1 ol{margin-top:15px;width: 177px;height: 50px;background: #004587;display: block;text-align: center;line-height: 50px;border-radius: 5px;}
.gsyjn_1 ol a{font-size: 16px;color: #fff;}
.dllist1 {margin:0px auto;}
.dllist1 dl {float: left;margin:0px 10px;padding-top: 5px;}
.dllist1 dl dt{width:280px;overflow: hidden;display: inline-table;box-shadow:1px 1px 3px #ccc;}
.dllist1 dl dt img {width: 280px;height:190px;transition: all 0.6s;}
.dllist1 dl:hover dt img{transform: scale(1.3);}
#demo {overflow: hidden;margin-top:15px;margin-left:5px;margin-right: 5px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;overflow: hidden;}
.w1920 {width: 1920px;margin-left: -960px;left: 50%;}
.w1200 {width: 1200px;margin: 0px auto;}
.w1300{margin: 0px auto;text-align: center;}
.cptd{height: 768px;background:  url(../images/ys.png) no-repeat top center;margin-top: 52px;position: relative;}
.cptd1{height: 603px;position: relative;}
.cptd1 ul li img{transition: all 0.6s;}
.cptd1 ul li:hover img{transform: rotate(360deg);}
.cptd1 ul li:nth-child(1){position: absolute;left: 101px;bottom: 102px;}
.cptd1 ul li:nth-child(1) img{position: absolute;right: -18px;top:70px;}
.cptd1 ul li:nth-child(2){position: absolute;left: 206px;bottom: 252px;}
.cptd1 ul li:nth-child(2) img{position: absolute;right: -27px;top:89px;}
.cptd1 ul li:nth-child(3){position: absolute;left: 379px;top: 116px;}
.cptd1 ul li:nth-child(3) img{position: absolute;right: 7px;top:112px;}
.cptd1 ul li:nth-child(4){position: absolute;right: 366px;top: 116px;}
.cptd1 ul li:nth-child(4) img{position: absolute;right:116px;top:122px;}
.cptd1 ul li:nth-child(5){position: absolute;right: 180px;bottom: 250px;}
.cptd1 ul li:nth-child(5) img{position: absolute;right: 194px;top:94px;}
.cptd1 ul li:nth-child(6){position: absolute;right: 86px;bottom: 80px;}
.cptd1 ul li:nth-child(6) img{position: absolute;right: 237px;top:47px;}
.cptd1 ul li a{position: relative;display: block;}
.cptd1 ul li ol{font-size: 18px;color: #06499d;font-weight: bold;}
.cptd1 ul li p{font-size: 14px;color: #3c3c3c;font-weight: normal;line-height: 24px;margin-top: 20px;}
.cptd2 {text-align:center;position: relative;margin:0px auto 0px auto;top:60px;}
.cptd2 li{font-size:30px;color:#323232;font-weight:bold;}
.cptd2 p{font-size:18px;color:#5a5a5a;font-weight:normal;margin-top:5px;}
.cptd3{margin-top:-40px;}
.cptd3 .wz1 li{font-size:24px;color:#fff;font-weight:normal;margin-left:15px;line-height:24px;}
.cptd3 .wz1 p{font-size:14px;color:#fff;font-weight:normal;margin-left:15px;margin-top:16px;line-height:14px;}
.cptd3 .wz2{padding-left:62px;background: url(../images/tel1.png) no-repeat left center;margin-right:110px;}
.cptd3 .wz2 li{font-size:22px;color:#ecb641;font-weight:normal;line-height:22px;}
.cptd3 .wz2 p{font-size:24px;color:#ffffff;font-weight:bold;line-height:24px;margin-top:12px;}
.xwzx{width: 100%;background: url(../images/xwzx.png) no-repeat center bottom;padding-bottom: 30px;}
.xwzx1{background-color: #fff;padding: 30px 20px;box-shadow:1px 1px 6px #ccc;}
.cjwt{width: 400px;background-color: #004587;color: #fff;padding: 26px 15px 0 15px;}
.cjwt li{text-align: center;font-size: 18px;font-weight: bold;padding-bottom: 19px;border-bottom: 1px solid #fff;}
.cjwt ul{border-bottom: 1px solid #5784b0;padding-top: 27px;padding-bottom: 10px;}
.cjwt ul ol{background: url(../images/w.png) no-repeat left center;height: 40px;line-height: 40px;overflow: hidden;}
.cjwt ul ol a{color: #fff;padding-left:60px;font-size: 16px;transition: all 0.6s;}
.cjwt ul p{background: url(../images/dd.png) no-repeat left center;height: 40px;line-height: 40px;padding-left:60px;font-size: 16px;overflow: hidden;}
.cjwt ul:hover ol a{padding-left: 70px;}
.fs_rt ol {border-bottom: 1px solid #D2D2D2;}
.fs_rt ol .n_name{height: 60px;line-height: 60px;display: inline-block;text-align: center;color: #333;font-size: 20px;font-weight:bold;float: left;padding: 0px 10px;}
.fs_rt ol .cur span{color:#337ab7;display: inline-block;background: url(../images/line.png) no-repeat center 50px;}
.xwzx3 li{border-bottom: 1px solid #c3c3c3;height: 59px;line-height: 59px;background: url(../images/li.png) no-repeat left center;}
.xwzx3 li a{font-size: 16px;color: #333;padding-left: 15px;transition: all 0.6s;}
.xwzx3 li:hover a{color: #004587;margin-left: 10px;}
.xwzx3 li span{float: right;font-size: 16px;}
.news_l dl{margin: 10px auto;}
.news_l dl li{width:240px;float:left;margin-right:20px;height:180px;overflow:hidden;}
.news_l dl li img{ width: 240px; height:180px;}
.news_l dl dt{ line-height: 55px;font-size: 18px;color: #0155a5;font-weight: bold; margin-bottom: 5px;transition: all 0.6s;}
.news_l dl dd{ line-height: 24px; font-size: 14px; color: #888888; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_l dl ul{ line-height: 26px; font-size: 14px; color: #272727; padding-bottom: 18px;}
.news_l dl ul span{ float: right;}
/*footer*/
.footer{ background-color:#004587;color: #fff;padding: 40px 0px;}
.footer a:hover{color: #ECB641;}
.footl dl,.footc dl{margin-bottom: 10px;font-size:16px;font-weight: 700;}
.footl dt{width: 50%;float: left;line-height: 36px;}
.footc dt{line-height: 36px;}
.footl dt a,.footc dt a{color:rgba(255,255,255,0.49);font-size: 14px;}
.footm{width:340px;font-size: 14px;}
.footm dt{line-height: 36px;}
.footm dt img{margin-right:10px;}
.footr{width: 160px;text-align: center;}
.footr p{line-height: 32px;font-size: 14px;}
.copyright{text-align: center;color: #fff;line-height:32px;font-size: 14px;}
.yqlj{text-align: center;line-height: 36px;color:#898989;}
.yqlj a{color:#898989;padding-right: 5px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #004587;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #004587;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #004587;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #004587;border: 1px solid #004587;}
.page li:hover a{color: #fff;}
.current{background-color: #004587!important;border: 1px solid #004587!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;transition: all 0.6s;}
.inews ul li a:hover{color: #004587;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.nrr img{max-width: 1200px;height: auto;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.info img{max-width:940px;height: auto;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;margin-bottom: 20px;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;margin-bottom: 20px;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #004587;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:55px;line-height:55px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:10px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#333;}
.cpfl li:hover a{color:#fff;}
.cpfl ol{height:55px;line-height:55px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl ol a{font-size:15px;}
.cpfl ol:hover{transition:all .2s ease; text-indent:40px;background-color:#333;}
.cpfl ol:hover a{color:#fff;}
.cpfl dl{background-color: #004587;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height: 36px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #004587; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #004587;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #004587;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #004587;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav li{width:175px;}	
#nav li dl{width:175px;}
.gsnr{width:784px;}
.gsnr p{font-size: 18px;font-weight: normal;line-height: 37px;margin-top: 16px;}	
.cpzs div{width:341px;margin-right:12px;float:left;margin-bottom: 20px;}
.cpzs div li{width:335px;height:335px;border:1px solid #e2e2e2;padding:2px;}
.cpzs div li a{width:335px;height:335px;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:335px;height:335px;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.2);}
.cpzs div:nth-child(4n){margin-right:0px;}
.cpzs div p{line-height:48px;font-size: 16px;text-align:center;border:1px solid #e2e2e2;margin-top: 2px;height: 48px;}
.cpzs div p a{font-size:15px;color: #5a5a5a;}
.cpzs div:hover p{background-color: #004587;border:1px solid #004587;}
.cpzs div:hover p a{color: #fff;}
.zgsjs{width:928px;}	
.gsyjn{width:814px;} 	
.xwzx2{width:900px;margin-right: 30px;}		
.footl{width:450px;}	
.footc{border-right: 1px solid #5C88B2;width:360px;margin-right: 89px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #004587;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #004587;}
.cp_r{ width:690px;}
}	
#toolbar {position: fixed;z-index: 9999;right: 0px;bottom: 15%;}
#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: #004587;-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: #333;color: #fff;}
#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: 18px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li .wz1 {display: inline-block;line-height: 57px;font-size: 20px;font-family: impact;color: #fff;vertical-align: middle;padding-left: 0px;}
.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);}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #004587;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 #004587;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: #004587;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #004587;}
#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;}