@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333333;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#01338c;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
#nav{width: 100%;background-color: #01338c;height:60px;line-height: 60px;}
#nav ol{width: 12px;background: url(../images/line.png) no-repeat left center;float:left;height: 24px;padding: 18px 0px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:60px;background: url(../images/nav.png) no-repeat center center;}
#nav li dl{background-color:#01338c;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;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#nav li:hover a{color: #01338c;}
#curr{background: url(../images/nav.png) no-repeat center center;color: #01338c!important;}	
#ss{width: 100%;background: url(../images/ss.png) no-repeat center bottom;height: 70px;}
.rmss b{color: #01338c;}
.rmss{width:700px;float: left;line-height:60px;font-size: 15px;}
.rmss a{font-size: 14px;color: #888888;margin-right:5px;}
.rmss a:hover{color: #01338c;font-weight: bold;}
.search{width: 474px;height: 46px;margin-top:7px;float: right;}
.search input {color:#888888;display: inline-block;font-size: 14px;height: 44px;border: 1px solid #D4D4D4;outline: none;padding: 0 16px;vertical-align: middle;width: 360px;margin: 0px;background-color: #fff;}
.search button {background-color: #01338c;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;line-height: 44px;outline: none;vertical-align: middle;width:80px;padding: 0px;border: 1px solid #01338c;margin-left:-5px;}
.search img {height: 16px;margin-right: 8px;vertical-align: middle;width: 14px;}
.title{text-align: center;}
.title li{font-weight:bold;font-size:26px;}
.title li span{color: #01338c;}
.title p{color: #777777;font-size: 14px;margin-bottom: 10px;margin-top: 3px;}
.title ol{width: 93px;border-bottom: 1px solid #EEEEEE;margin: 0px auto;}
.title ol span{width: 32px;border-bottom: 2px solid #01338C;display: inline-block;margin: 0px auto;}
.icpfl{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.icpfl li{width:220px;text-align: center;background-color: #01338c;height: 46px;line-height: 46px;margin: 0px 5px 15px 5px;}
.icpfl li a{color: #fff;font-size: 15px;}
.icpfl li:hover{background-color: #272727;}
.icpfl li:nth-child(8){ width: 280px;}
.icpfl li:nth-child(9){ width:280px;}
.icpfl li:nth-child(10){ width: 280px;}
.icpfl li:nth-child(11){ width: 280px;}
.title1 li{float: left;color: #01338c;font-weight: bold;font-size:72px;}
.title1 ol{float: left;font-size:28px;margin-top: 10px;border-right: 1px solid #EEEEEE;padding-right: 15px;margin-right: 15px;}
.title1 ol p{font-weight: bold;}
.title1 dl{float: left;font-size: 18px;margin-top: 25px;}
.title1 dl p{font-size: 16px;color: #777777;margin-top: 5px;}
.title1 dt{float: right;width: 122px;height: 44px;line-height: 44px;background-color: #01338C;text-align: center;margin-top: 26px;}
.title1 dt a{color: #fff;font-size: 14px;}
.title1 dt:hover{background-color: #333;}
.company dd{width:640px;float: right;height:498px;overflow: hidden;}
.company dd img{width: 100%;height: 100%;cursor: pointer;object-fit: cover;}
.company ul{float: left;}
.company ul span{font-size: 13px;color: #666;}
.company ul dt{font-weight: bold;font-size: 26px;margin: 5px 0px 10px 0px;}
.company ul li{width: 68px;height: 6px;background-color: #01338C;}
.company ul p{text-indent: 2em;color: #666;margin: 50px 0px;}
.company ul ol{height:60px;line-height:60px;background-color: #01338C;text-align: center;color: #fff;width: 500px;font-size: 14px;}
.company ul ol b{font-size: 26px;}
.company ul ol img{margin-right: 5px;}
#wrap{width: 100%;background: url(../images/ryzz.jpg) no-repeat center center;padding: 65px 0px;}
.prott {height: auto;overflow: hidden;ZOOM: 1;margin-left: -40px;margin-top:30px;}
.prott .pcontt {float: left;overflow: hidden;ZOOM: 1;}
.prott .ScrCont1 {width: 32733px;ZOOM: 1;}
.prott #List3_1 {float: left;}
.prott #List4_1 {float: left;}
.prott .LeftBotton1 {background: url(../images/left.png) no-repeat left center;float:left;width:40px;height:40px;margin-top:120px;}
.prott .RightBotton1 {background: url(../images/right.png) no-repeat right center;float:right;width:40px;height: 40px;margin-top:120px;}
.prott .LeftBotton1:hover{background: url(../images/lefth.png) no-repeat left center;}
.prott .RightBotton1:hover{background: url(../images/righth.png) no-repeat left center;}
.prott .pl1 {display: block;cursor: pointer;float: left;}
.prott .pl1 li {float: left;margin:10px 10px 0px 10px;width: 330px;}
.prott .pl1 li ol{box-shadow:1px 1px 6px #ccc;}
.prott .pl1 li ol a {background-color: #fff;display: table;overflow: hidden;height: 260px;width: 330px;}
.prott .pl1 li ol a img {width: 330px;height:260px;vertical-align: middle;cursor: pointer;transition: all 0.6s;}
.prott .pl1 li:hover ol a img {transform: scale(1.3);}
.prott .pl1 li p{font-size:16px;height:46px;line-height:46px;text-align: center;}
.prott .pl1 li:hover p{color: #0060b0;}
.fs_rt ol{overflow:hidden;zoom:1;float: right;margin-top: -60px;}
.fs_rt ol .n_name {font-size:16px;width:140px;height:46px;line-height: 46px;margin-left: 10px;display: inline-block;text-align: center;color: #333;background: url(../images/tb.png) no-repeat 110px center #eeeeee;}
.fs_rt ol .cur {color: #fff;background: url(../images/tb1.png) no-repeat 110px center #01338c;}
.footer{ width:100%; background-color:#2D3343;color: #fff;padding: 50px 0px;}
.footer a:hover{color:#fff;}
.footer a{color: #fff;}
.footnav{border-bottom: 1px solid #424856;padding-bottom: 50px;}
.dblogo{float: left;}
.dbsearch{float: right;}
.dbsearch input {display: inline-block;font-size: 14px;height: 44px;outline: none;padding: 0 16px;vertical-align: middle;width: 360px;margin: 0px;background-color: #6C717C;border: 0px;}
.dbsearch button {background-color: #01338c;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;line-height: 44px;outline: none;vertical-align: middle;width:80px;padding: 0px;margin-left:-5px;border: 0px;}
.dbsearch img {height: 16px;margin-right: 8px;vertical-align: middle;width: 14px;}
.dbsearch ::-webkit-input-placeholder {color:rgba(255,255,255,0.6);font-size: 16px;}
.dbfoot ul{width: 330px;float: left;}
.dbfoot ul li{background: url(../images/tel2.png) no-repeat left top;padding-left: 70px;height: 70px;font-size: 16px;}
.dbfoot ul li p{font-weight: bold;font-size:30px;margin-top: 5px;}
.dbfoot ul ol{font-size: 16px;margin-top: 15px;}
.dbfoot dl{width: 375px;float: left;}
.dbfoot dl ol{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.dbfoot dl li{width: 50%;float: left;}
.dbfoot dl li a{color: #797C86;font-size: 13px;line-height: 36px;}
.dbfoot dt{width:170px;float: left;}
.dbfoot dt ol{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.dbfoot dt li{line-height: 36px;}
.dbfoot dt li a{color: #797C86;font-size: 16px;}
#container{width: 100%;height:160px;}
.copyright{background-color:#eeeeee;color:#777777;text-align: center;font-size: 14px;line-height: 32px;}
.copyright a{color:#777777;font-size: 14px;}
.yqlj{width:100%; text-align:center; line-height:32px;background-color:#eeeeee;color:#777777;}
.yqlj a{color:#777777;font-size:12px;padding-right:5px;}
.yqlj a:hover{color: #01338c;}
/*内页样式*/
.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: #01338C;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: #01338C;}
.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: #01338C;}
.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: #01338C;border: 1px solid #01338C;}
.page li:hover a{color: #fff;}
.current{background-color: #01338C!important;border: 1px solid #01338C!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;}
.inews ul li a:hover{color: #01338C;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;margin-bottom: 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: #01338C;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:46px;line-height:46px;transition:all .2s ease;border-bottom: 1px solid #fff;background-color: #F3F3F3;text-indent:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cpfl li a{font-size:14px;}
.cpfl li:hover{transition:all .2s ease; text-indent:50px;background-color:#ffa61a;}
.cpfl li:hover a{color:#ffffff;}
.cpfl dl{height: 36px;line-height: 36px;color: #fff;font-size: 14px; text-indent: 25px;}
.cpfl dt{line-height:36px;font-size: 14px;}
.cpfl dl:hover{ transition:all .2s ease; text-indent:50px;background-color:#ffa61a;}
.cpfl dl:hover a{color:#ffffff;}
.cpfl ol{ line-height: 46px; text-align: center; font-weight: bold; color: #fff; background-color: #01338C;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #01338C; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
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 #01338C;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #01338C;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: #01338C;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
.logo{background: url(../images/logo.jpg) no-repeat center center;height: 100px;}
#nav li{width:188px;}	
#nav li dl{width:255px;}	
.cpzs div{width:341px;margin-right:12px;float:left;background-color: #fff;margin-bottom: 20px;box-shadow:1px 1px 3px #ccc;padding-bottom:20px;}
.cpzs div li{width:341px;height:280px;}
.cpzs div li a{width:341px;height:280px;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:341px;height:280px;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div:nth-child(4n){margin-right:0px;}
.cpzs div p{line-height:48px;height:48px;text-align: center;}
.cpzs div p a{font-size:16px;}
.cpzs div ol{width: 120px;height: 40px;line-height: 40px;border: 1px solid #DBDBDB;margin: 0px auto;text-align: center;}
.cpzs div ol a{font-size: 14px;}	
.cpzs div:hover	p a{color: #01338c;}
.cpzs div:hover	ol{border: 1px solid #01338c;}
.cpzs div:hover	ol a{color: #01338c;}
.company ul{width:700px;}
.company ul p{line-height:31px;font-size: 15px;}		
.company ul ol{margin-top:4px;}		
.prott{width: 1480px;}	
.prott .pcontt{width: 1400px;}
.pro-con{float:left;width:590px;margin-right:30px;}
.pro-con ul{width:100%}
.pro-con ul li{transition:all ease-in-out 0.3s;}
.pro-list{width:590px;height:520px;position:relative;transition:all ease-in-out 0.3s;overflow:hidden}
.pro-list img{width:590px;height:520px;}
.pro-list:before{position:absolute;content:'';width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,0.8);transition:all ease-in-out 0.3s}
.pro-con ul li:hover .pro-list:before{height:520px;}
.xiangqing1{position:absolute;width:590px;height:520px;text-align:center;transition:all ease-in-out 0.3s}
.xiangqing1 dl img{height: 36px;width: 36px;}
.xiangqing1 dl a{color:#fff;display:block;margin-top:200px;}
.xiangqing1 dl a p{font-size:20px;margin: 5px 0px;}
.pro-con ul li:hover .xiangqing1{bottom:0px}
.pro-con dt{box-shadow:1px 1px 3px #ccc;padding:20px 0px;text-align: center;font-size: 16px;}
.pro-con dt img{margin-right: 5px;}
.pro-con dt b{font-size: 28px;color: #01338c;font-weight: bold;}	
.pro-con dt span{width: 105px;height: 35px;line-height: 35px;text-align: center;border-radius:20px;background-color: #01338c;display: inline-block;margin-left: 20px;}	
.pro-con dt span a{font-size: 16px;color: #fff;}	
.pro-con1{width: 780px;float: left;}
.pro-con1 ul{width:100%}
.pro-con1 ul li{float:left;width:375px;margin-right:30px;transition:all ease-in-out 0.3s;margin-bottom: 20px;}
.pro-con1 ul li:nth-child(2n){margin-right: 0px;}
.pro-list1{width:375px;height:290px;position:relative;transition:all ease-in-out 0.3s;overflow:hidden}
.pro-list1 img{width:375px;height:290px;}
.pro-list1:before{position:absolute;content:'';width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,0.8);transition:all ease-in-out 0.3s}
.pro-con1 ul li:hover .pro-list1:before{height:290px;}
.xiangqing2{position:absolute;width:375px;height:290px;text-align:center;transition:all ease-in-out 0.3s}
.xiangqing2 dl img{height: 36px;width: 36px;}
.xiangqing2 dl a{color:#fff;display:block;margin-top:105px;}
.xiangqing2 dl a p{font-size:20px;margin: 5px 0px;}
.pro-con1 ul li:hover .xiangqing2{bottom:0px}	
.xwzx1 dl{border: 1px solid #F0F0F0;float: left;padding: 20px;margin-right: 22px;width: 410px;}	
.xwzx1 dl:nth-child(3n){margin-right: 0px;}	
.xwzx1 dl dt{width: 410px;height:280px;overflow: hidden;}
.xwzx1 dl dt img{width: 410px;height:280px;transition: all 0.6s;}	
.xwzx1 dl:hover dt img{transform:scale(1.3);}	
.xwzx1 dl span{color: #aaaaaa;font-size: 14px;display: inline-block;margin: 5px 0px;}
.xwzx1 dl li{border-bottom: 1px solid #EEEEEE;padding-bottom: 10px;margin-bottom: 10px;}
.xwzx1 dl li a{font-size: 17px;}	
.xwzx1 dl p{font-size: 14px;line-height: 26px;color: #777777;height: 78px;overflow: hidden;}
.xwzx li{border: 1px solid #F0F0F0;float: left;padding: 20px;margin-right: 22px;width: 410px;}
.xwzx li:nth-child(3n){margin-right: 0px;}
.xwzx li dt a{font-size: 17px;}
.xwzx li dt span{float: right;}
.xwzx li:hover dt a{color: #01338c;margin-left: 10px;}
.xwzx li p{color: #aaaaaa;font-size: 14px;margin-top: 5px;}
.dbfoot dd{width:525px;float: left;}
.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: #01338C;}
.right{width:1140px;margin-bottom: 20px;}
.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: #01338C;}
.cp_r{ width:690px;}
.all img{max-width: 1400px;}
}
.toolbar {width: 52px;position: fixed;right: 1%;bottom:5%;z-index: 999;}
.toolbar dd {width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #333;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin:12px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar .slide-tel {display: block;width: 0;height: 53px;line-height: 53px;font-size: 21px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;display: none;}
.toolbar .pop-code {width: 120px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;}
.toolbar .pop-code p {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code p b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #01338C;}
.toolbar .qq:hover span {background-position: 0 -47px;}
.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #01338C;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -95px;}
.toolbar .code:hover {background-color: #01338C;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -95px;}
.toolbar .top span {background-position: -35px -142px;}
.toolbar .top:hover {background-color: #01338C;border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -142px;}