.c0{color:#000}
.c1{color:#111}
.c2{color:#222}
.c3{color:#333}
.c4{color:#444}
.c5{color:#555}
.c6{color:#666}
.c7{color:#777}
.c8{color:#888}
.c9{color:#999}
.ca{color:#aaa}
.cb{color:#bbb}
.clr{clear:both}
.cc{color:#0f58d6}
.cc1{color:#24407e}
.cc2{color:#da251c}
.cd{color:#ddd}
.ce{color:#eee}
.cf{color:#fff}
.bc0{background-color:#000}
.bcf{background-color:#fff}
.bcc{background-color:#0f58d6}
.boc{border-color:#0f58d6}
.bn{border:none}
.bor{border:1px solid #bbb}
.bt{border-top:1px solid #bbb}
.bl{border-left:1px solid #bbb}
.br{border-right:1px solid #bbb}
.f0{font-size:0}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
@media (max-width:640px){.f14{font-size:13px}
}
.f15{font-size:15px}
@media (max-width:640px){.f15{font-size:1rem}
}
.f16{font-size:.8rem}
@media (max-width:768px){.f16{font-size:.88888889rem}
}
@media (max-width:640px){.f16{font-size:1rem}
}
.f17{font-size:.85rem}
@media (max-width:768px){.f17{font-size:.94444444rem}
}
@media (max-width:640px){.f17{font-size:1.0625rem}
}
.f18{font-size:.9rem}
@media (max-width:768px){.f18{font-size:.94444444rem}
}
.f19{font-size:.95rem}
.f20{font-size:1rem}
.f21{font-size:1.05rem}
@media (max-width:768px){.f21{font-size:1rem}
}
.f22{font-size:1.1rem}
@media (max-width:768px){.f22{font-size:1.04761905rem}
}
.f23{font-size:1.15rem}
@media (max-width:768px){.f23{font-size:1.04545455rem}
}
.f24{font-size:1.2rem}
@media (max-width:768px){.f24{font-size:1.09090909rem}
}
.f25{font-size:1.25rem}
@media (max-width:768px){.f25{font-size:1.08695652rem}
}
.f26{font-size:1.3rem}
@media (max-width:768px){.f26{font-size:1.13043478rem}
}
.f27{font-size:1.35rem}
@media (max-width:768px){.f27{font-size:1.125rem}
}
.f28{font-size:1.4rem}
@media (max-width:768px){.f28{font-size:1.16666667rem}
}
.f29{font-size:1.45rem}
@media (max-width:768px){.f29{font-size:1.16rem}
}
.f30{font-size:1.5rem}
@media (max-width:768px){.f30{font-size:1.2rem}
}
.f31{font-size:1.55rem}
@media (max-width:768px){.f31{font-size:1.19230769rem}
}
.f32{font-size:1.6rem}
@media (max-width:768px){.f32{font-size:1.23076923rem}
}
.f33{font-size:1.65rem}
@media (max-width:768px){.f33{font-size:1.22222222rem}
}
.f34{font-size:1.7rem}
@media (max-width:768px){.f34{font-size:1.25925926rem}
}
.f35{font-size:1.75rem}
@media (max-width:768px){.f35{font-size:1.25rem}
}
.f36{font-size:1.8rem}
@media (max-width:768px){.f36{font-size:1.28571429rem}
}
.f37{font-size:1.85rem}
@media (max-width:768px){.f37{font-size:1.27586207rem}
}
.f38{font-size:1.9rem}
@media (max-width:768px){.f38{font-size:1.31034483rem}
}
.f39{font-size:1.95rem}
@media (max-width:768px){.f39{font-size:1.3rem}
}
.f40{font-size:2rem}
@media (max-width:768px){.f40{font-size:1.33333333rem}
}
.f41{font-size:2.05rem}
@media (max-width:768px){.f41{font-size:1.32258065rem}
}
.f42{font-size:2.1rem}
@media (max-width:768px){.f42{font-size:1.35483871rem}
}
.f45{font-size:2.25rem}
@media (max-width:768px){.f45{font-size:1.36363636rem}
}
.f48{font-size:2.4rem}
@media (max-width:768px){.f48{font-size:1.45454545rem}
}
.f50{font-size:2.5rem}
@media (max-width:768px){.f50{font-size:1.51515152rem}
}
.f54{font-size:2.7rem}
@media (max-width:768px){.f54{font-size:1.58823529rem}
}
.f60{font-size:3rem}
@media (max-width:768px){.f60{font-size:1.57894737rem}
}
.f64{font-size:2.3rem}
@media (max-width:768px){.f64{font-size:1.42857143rem}
}
.f88{font-size:4.4rem}
@media (max-width:1200px){.f88{font-size:4vw}
}
@media (max-width:768px){.f88{font-size:1.45454545rem}
}
.fal{font-family:Arial}
.fyl{font-family:FontBlar}
.fs{font-family:'宋体'}
.fh{font-family:'黑体'}
.fn{font-weight:400}
.fb{font-weight:700}
.fi{font-style:italic}
.fl{float:left}
.fr{float:right}
.db{display:block}
.dib{display:inline-block}
.dt{display:table}
.dtc{display:table-cell}
.dn{display:none}
.bn{border:none}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.tu{text-transform:uppercase}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box{box-sizing:border-box}
.ma{margin-left:auto;margin-right:auto}
.c50{left:50%;transform:translateX(-50%)}
.m0{margin:0}
.p0{padding:0}
.yy{box-shadow:0 0 12px rgba(70,70,70,.5)}
.yy2{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.pz{padding-left:15px;margin-left:-15px}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.ov{overflow:visible}
.wrap{overflow:hidden}
.w50{width:50%;float:left}
.w0{width:0}
.w00{width:100%}
.h0{height:0}
.h00{height:100%}
.ma00{max-width:100%}
.mh00{max-height:100%}
.wa{width:auto}
.ha{height:auto}
.abs{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap{width:100%;padding-top:100%;position:relative;overflow:hidden}
.imWrap img{display:block;position:absolute;width:100%;min-height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon img{position:relative;display:inline-block;width:auto;max-width:100%}
.big{overflow:hidden}
.big img{width:100%;display:block;transform:translateZ(0);transition:1.5s transform .2s}
.big:hover img{transform:scale(1.5,1.5)}
.big .imgcon img{width:auto;min-height:auto}
.imgDiv{position:relative;width:100%;overflow:hidden}
.imgDiv img{position:relative;display:block;left:50%;max-width:100%;transform:translateX(-50%)}
@media (max-width:768px){.imgDiv img{width:150%;max-width:initial}
}
.imgDiv .abs{text-align:center}
.imgDiv .abs::after{display:inline-block;font-size:0;height:100%;vertical-align:middle;content:".";clear:both;width:0}
.imgDiv .ind_tit{display:inline-block;vertical-align:middle;margin:0}
.imgcon{text-align:center;font-size:0;overflow:hidden}
.imgcon img{display:inline-block;vertical-align:middle;max-width:100%}
.imgcon:after{display:inline-block;vertical-align:middle;height:100%;color:#bbb;content:"";width:0}
.m3w{margin-top:30px;margin-top:3vw}
.m2w{margin:2vw 0}
.p2w{padding:2vw 0}
.p3w{padding:3vw 0}
.poi{cursor:pointer}
.btn{display:inline-block;color:#333;font-size:14px;text-align:center;line-height:1.6rem;border:1px solid #333}
@media (max-width:640px){.btn{font-size:13px}
}
.btn.bg{background-color:#0f58d6;color:#fff;border-color:#0f58d6}
.tabCon .con{display:none}
.tabCon .con.act{display:block}
.row{display:flex;flex-flow:row wrap;justify-content:space-between}
.row .col{flex:1}
.tabUl{display:flex;flex-flow:row wrap;justify-content:space-between}
.tabUl li{flex:1;cursor:pointer}
.gradient_linear{background-image:-webkit-gradient(linear,0 0,0 bottom,from(#49d),to(#5571b4));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bgcon{overflow:hidden;background-color:#fff;padding-bottom:3vw;background-repeat:no-repeat;background-position:center top;background-size:auto auto}
.btnact{color:#fff;background-color:#0f58d6;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e60012),to(#bb0917));box-shadow:1px 1px 10px rgba(0,0,0,.2)}
.containe{max-width:1200px}
#header{width:100%}
#header .topr{float:right;display:block;white-space:nowrap;margin-top:22px}
#header .topr .iconfont{color:#0f58d6;float:left;font-size:1.6rem;margin-right:9px;line-height:1.4}
@media (max-width:768px){#header .topr .iconfont{font-size:1.23076923rem}
}
#header .topr h5{font-size:15px;color:#333;font-weight:400;display:inline-block;line-height:3.1}
@media (max-width:640px){#header .topr h5{font-size:1rem}
}
#header .topr h5 em{color:#0f58d6;font-size:1rem;font-family:Arial;font-weight:700;display:inline-block;vertical-align:middle;letter-spacing:1px;line-height:1;margin-top:-3px}
#header.scroll{position:fixed}
.navbar{font-size:0;background-color:#fff}
.navbar .logo{position:relative;float:left;display:inline-block;z-index:5;padding:15px 0;white-space:nowrap;padding-right:2vw}
.navbar .logo img{display:inline-block;vertical-align:middle;margin-right:1.5rem}
@media (max-width:768px){.navbar .logo img{max-height:42px;margin-top:3px}
}
.navbar .logo h1{font-size:0;display:none}
.navbar .logo .slogan{display:none;vertical-align:bottom;font-size:.9rem;color:#485a64;line-height:1.5;margin-bottom:-4px}
@media (max-width:768px){.navbar .logo .slogan{font-size:.94444444rem}
}
.mBtn{display:none;float:right;text-align:center;width:10%;cursor:pointer;margin-top:7px}
.mBtn img{max-width:38px;max-height:35px}
#Nav{display:block;text-align:center;overflow:visible;display:flex;flex-flow:row nowrap;justify-content:space-between}
#Nav a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#Nav li{position:relative;flex:1;padding-right:15px}
#Nav li a{display:block;font-size:.8rem;font-weight:700;box-sizing:border-box;color:#222;line-height:92px;white-space:nowrap}
@media (max-width:768px){#Nav li a{font-size:.88888889rem}
}
@media (max-width:640px){#Nav li a{font-size:1rem}
}
#Nav li a.act{color:#0f58d6}
#Nav li a:hover{color:#0f58d6}
#Nav dl{text-align:left;display:none;background-color:#fff;position:absolute;min-width:74px;z-index:50;top:81%;left:50%;transform:translateX(-50%);padding:.5rem 1rem;border:1px solid #ddd}
#Nav dl dd{display:block;font-size:14px;line-height:2.3}
@media (max-width:640px){#Nav dl dd{font-size:13px}
}
#Nav dl dd a{display:inline-block;color:#333;line-height:.7rem;padding-right:.3rem;margin-right:.3rem}
#Nav dl::before{display:block;position:absolute;content:" ";z-index:5;left:10px;top:-15px;width:16px;height:15px;background-image:url(../images/t8.png);background-repeat:no-repeat;background-position:0 center;background-size:auto}
@media screen and (max-width:767px){body{padding-top:53px}
#header{position:absolute;height:48px;top:0;left:0}
.logo{padding:2px 0!important}
.logo img{height:43px}
.mBtn{display:inline-block}
#Nav{display:none}
}
#footer{overflow:hidden;padding:2vw 0;clear:both;background:#252525;margin-top:3vw}
@media (max-width:1200px){#footer .flogo{display:none}
}
@media (max-width:960px){#footer .ewm{display:none}
}
@media (max-width:768px){#footer{display:none}
}
.ewm{float:right;padding-top:.5rem;display:inline-block}
.ewm .img{width:5rem;padding:.5rem}
.ewm .img p{font-size:13px;color:#ddd;white-space:nowrap}
.fotnav{overflow:hidden;display:flex;flex-flow:wrap}
.fotnav dl{flex:5em}
.fotnav dl dt a{font-size:.8rem;display:block;color:#fff;position:relative;line-height:1.5em;padding-bottom:.7rem}
@media (max-width:768px){.fotnav dl dt a{font-size:.88888889rem}
}
@media (max-width:640px){.fotnav dl dt a{font-size:1rem}
}
.fotnav dl dd a{font-size:14px;color:#ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2}
@media (max-width:640px){.fotnav dl dd a{font-size:13px}
}
.fotnav dl:nth-child(n-2){max-width:300px}
.copyright{text-align:left;color:#ddd;background-color:#1e1e1e;padding:1rem}
.copyright a{color:#ddd}
.copyright .con{font-size:14px;color:#ddd;overflow:hidden}
@media (max-width:640px){.copyright .con{font-size:13px}
}
@media (max-width:768px){.copyright{padding:0 0 60px!important;margin-top:30px;margin-top:3vw}
.copyright .con{padding:1em 0}
.copyright .fr{display:none}
}
.spot{text-align:center;display:none;padding:10px 0}
.spot .dot,.spot li{display:inline-block;padding:0;background-color:#000;width:8px;height:8px;border-radius:100%;opacity:.2;margin:2px}
.spot .dot.on,.spot li.on{background:#c53b55;opacity:1}
@media screen and (max-width:640px){.spot{display:block}
}
.innernav{font-size:0;text-align:right;width:100%;overflow:hidden;padding-bottom:1rem}
.innernav a.nava{display:inline-block;font-size:.8rem;color:#333;line-height:2rem;padding:0 2em;border-radius:1rem;margin:1rem}
@media (max-width:768px){.innernav a.nava{font-size:.88888889rem}
}
@media (max-width:640px){.innernav a.nava{font-size:1rem}
}
.innernav a.nava.act,.innernav a.nava:hover{background-color:#0f58d6;border-color:#0f58d6;position:relative;z-index:8;color:#fff}
.innernav .path{float:left;font-size:14px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:1.5rem;max-width:400px}
@media (max-width:640px){.innernav .path{font-size:13px}
}
.innernav .path a{color:#666}
.innernav .path i{color:#aaa;padding-right:5px}
@media screen and (max-width:640px){.innernav .path{margin-top:1rem}
.innernav .searDiv,.innernav a.nava{display:none}
}
.flow.right_side{position:fixed;width:60px;height:275px;right:0;top:50%;transform:translateY(-50%);z-index:400}
@media screen and (max-width:768px){.flow.right_side{display:none}
}
.flow ul{overflow:visible}
.flow ul li{width:60px;height:60px;float:left;position:relative;margin-bottom:2px}
.flow ul li .sidebox{position:absolute;border-radius:18px;width:60px;height:60px;top:0;right:0;transition:all .3s;background:rgba(37,58,135,.8);color:#fff;font:15px/60px;overflow:hidden}
.flow ul li .sidetop,.flow ul li .sign,.flow ul li .wx{width:60px;height:60px;border-radius:18px;display:block;background:rgba(37,58,135,.8);transition:all .3s}
.flow ul li i{display:inline-block;width:60px;line-height:60px;color:#fff;font-size:30px;text-align:center;vertical-align:middle}
.flow .wx{position:relative}
.flow .wx .wx_code{position:absolute;width:120px;height:120px;background:rgba(37,58,135,.8);padding:4px;left:-130px;top:50%;display:none;transform:translateY(-50%)}
.flow .wx .wx_code img{max-width:100%}
.flow .wx:hover,.flow ul li .sidebox:hover,.flow ul li .sidetop:hover{background:rgba(37,58,135,.8)}
div.digg{text-align:center}
div.digg .active *{background-color:#0f58d6;border-color:#0f58d6;color:#fff}
.pre_news li{overflow:hidden;line-height:2.6rem;border-bottom:1px dashed #ddd}
.pre_news i{color:#0f58d6;font-size:.9rem;padding-right:10px}
@media (max-width:768px){.pre_news i{font-size:.94444444rem}
}
.pre_news a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#333;display:block}
@media (max-width:640px){.pre_news a{font-size:13px}
}
.pre_news a:hover{font-size:14px;color:#333}
@media (max-width:640px){.pre_news a:hover{font-size:13px}
}
.zxun{background-color:#0f58d6;display:inline-block;color:#fff;line-height:2rem;margin:.8rem 0}
.zxun img{border-right:1px solid #fff;display:inline-block;vertical-align:middle;padding:.5rem;margin-right:1em}
.zxun i{margin:0 1em}
.lside{float:left;position:relative;width:14rem;margin-right:2rem;z-index:300}
.lside h2{font-size:1.2rem;color:#fff;background-color:#0f58d6;text-align:left;box-sizing:border-box;font-weight:700;line-height:3.4;text-indent:1em;background-image:url(../images/t5.png);background-repeat:no-repeat;background-position:80% center;background-size:auto auto}
@media (max-width:768px){.lside h2{font-size:1.09090909rem}
}
.lside .iauth{box-sizing:border-box;border:1px solid #ddd;border-top:none}
.lside .iauth li{position:relative;border-bottom:1px solid #ddd}
.lside .iauth li:last-child{border:none}
.lside .iauth a{text-align:left;font-size:.9rem;color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:3.2;text-indent:1.2em;padding-right:1em}
@media (max-width:768px){.lside .iauth a{font-size:.94444444rem}
}
.lside .iauth a::after{display:block;font-family:'宋体';font-weight:700;content:">";z-index:5;position:absolute;right:10px;top:0}
.lside .iauth a.act,.lside .iauth a:hover{color:#0f58d6;background-color:#f6f6f6;border-left:4px solid #0f58d6}
.lside .bdiv{border:1px solid #ddd;margin-top:2rem;padding:0 .8rem .8rem}
.lside h3{font-size:1.2rem;color:#0f58d6;font-weight:700;line-height:2.6;border-bottom:1px solid #ddd}
@media (max-width:768px){.lside h3{font-size:1.09090909rem}
}
.lside .contact_l{padding-top:1em;line-height:2;padding-left:5px}
@media (max-width:768px){.lside{width:100%;float:none}
.lside>*{display:none}
.lside .iauth{display:none;flex-flow:row wrap;justify-content:space-between;width:100%}
.lside .iauth li{flex:1;flex:1 1 8em;text-align:center;margin-right:3%}
.lside .iauth a{padding:0;line-height:2.7em}
.lside .iauth a:after{display:none}
}
.listit{border-bottom:1px solid #ddd;overflow:visible;margin-bottom:2rem;text-align:center}
.listit h2{font-size:1.2rem;font-weight:700;color:#0f58d6;display:inline-block;position:relative;background-color:#fff;margin-bottom:-2px;line-height:3.4}
@media (max-width:768px){.listit h2{font-size:1.09090909rem}
}
.listit h2::after{display:block;background-color:#0f58d6;content:" ";height:3px;width:60%;z-index:5;position:absolute;left:20%;bottom:0}
.wrap .ind_prolist{box-sizing:border-box;width:103%}
.wrap .ind_prolist li{float:left;width:30.3%;margin-right:3%;margin-bottom:3.5%}
.wrap .ind_prolist li .big{border:1px solid #ddd}
.wrap .ind_prolist li .imWrap{padding-top:100%}
.wrap .ind_prolist li .con{text-align:center}
.wrap .ind_prolist li .tit{font-size:.8rem;color:#333;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:3.4;display:block}
@media (max-width:768px){.wrap .ind_prolist li .tit{font-size:.88888889rem}
}
@media (max-width:640px){.wrap .ind_prolist li .tit{font-size:1rem}
}
.wrap .ind_prolist li span{display:inline-block;color:#fff;background-color:#0f58d6;border-radius:1rem;padding:0 2em;line-height:2.4}
@media screen and (max-width:768px){.wrap .ind_prolist li{width:47.7%;margin-left:0;margin-right:2.3%}
}
.articleTit{font-size:1.5rem;color:#333;text-align:center;font-weight:400;line-height:2;margin-bottom:.5rem}
@media (max-width:768px){.articleTit{font-size:1.2rem}
}
@media screen and (max-width:640px){.articleTit{line-height:1.6}
}
.backbtn{font-size:14px;cursor:pointer;color:#fff;float:right;background-color:#0f58d6;line-height:2.5;padding-left:1em;border-radius:3px}
@media (max-width:640px){.backbtn{font-size:13px}
}
.backbtn i{display:inline-block;vertical-align:middle;font-size:1rem;margin-left:8px;width:1.4rem;line-height:1.4rem}
@media screen and (max-width:768px){.backbtn{display:none}
}
#toolbar{display:none;width:100%;background-color:#fff;height:55px;position:fixed;z-index:999;bottom:0;left:0;border-top:1px solid #E5E9F2}
@media (max-width:767px){#toolbar{display:block}
}
#toolbar ul li{float:left;position:relative;text-align:center;width:25%}
#toolbar ul li a{width:100%;position:relative;color:#1b2c42;line-height:23px;padding-top:7px}
#toolbar ul li a.iconfont{font-size:22px}
#toolbar ul li a span{font-size:13px;display:block}
#toolbar ul li:nth-child(2)::after{left:initial;right:0}
#toolbar ul li ul li{width:100%;border-bottom:1px solid #fff}
#toolbar ul li ul li a{width:100%;padding:0;height:28px;line-height:28px}
#toolbar ul li:hover a{color:#0f58d6}
#toolbar ul li:hover a::after{display:block;background-color:#0f58d6;position:absolute;content:'';height:2px;border-radius:0 0 10px 10px;left:0;top:0;right:0}
.m_nav{height:100%;background-color:#fff;position:fixed;top:0;right:0;width:80%;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);z-index:-1;opacity:1;visibility:visible;margin-top:0;transform:translateX(100%);transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .overly{position:absolute;height:100%;width:102vw;right:0;z-index:0;top:0}
.m_nav .ul li .dropdown_menu{display:none;transition:none}
.m_nav .ul li .dropdown_menu a{display:block;box-sizing:border-box;position:relative;height:50px;line-height:50px;padding:0 40px;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.m_nav .ul li .dropdown_menu a .icon-arright{font-size:13px;margin-left:-20px;margin-right:10px}
.m_nav .ul li .icon-xialajiantou{transition:all .5s ease 0s;font-size:8px;color:#666;font-weight:700;position:absolute;right:5px;top:0;z-index:20;width:35px;height:35px;line-height:35px;text-align:center;cursor:pointer;border:7px solid #fff;border-radius:50%}
.m_nav .ul li:hover .icon-xialajiantou{background:#f5f5f5}
.m_nav .ul li:first-child .icon-xialajiantou{display:none}
.m_nav .ul li .icon-xialajiantou.up{transform:rotate(180deg)}
.m_nav.open{z-index:1000;transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .mlogo{width:100%;margin:0 auto}
.m_nav .mlogo img{height:50px;display:block;margin:10px auto}
.m_nav .ul{margin-top:20px;height:calc(100vh - 180px);overflow-y:auto}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li a.leve1{display:block;width:auto;margin-right:3em}
@media screen and (max-width:1000px){.m_nav .ul li a{display:inline-block;width:auto}
.header #navToggle{height:100%;padding:9px 10px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:after,.header #navToggle span:before{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#4f4f4f}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:after,.header #navToggle.open span:before{background:#4f4f4f}
}
.skip{overflow:hidden;margin-top:50px;margin-bottom:30px;background:#f6f6f6;padding:5px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}
.skip a{color:#666}
.skip a:hover{color:#0f58d6}
@media screen and (max-width:640px){.skip>div{width:100%;float:none;padding:5px;margin-left:-5px}
.skip .fl{border-bottom:8px solid #fff}
}
@media screen and (max-width:640px){#ind_banner .swiper-slide{overflow:hidden}
#ind_banner .swiper-slide img{max-width:130%;margin-left:-15%}
}
#ind_products{padding:3vw 0;border-bottom:3px solid #0f58d6;margin-bottom:1.5rem}
#ind_products .big{position:relative;border:1px solid #ddd}
#ind_products .big:hover{border-color:#0f58d6}
#ind_products .titDiv{position:relative;font-size:.9rem;font-weight:700;color:#222;line-height:2.6;margin-bottom:5%}
@media (max-width:768px){#ind_products .titDiv{font-size:.94444444rem}
}
#ind_products .titDiv::before{display:block;float:right;font-family:'宋体';color:#bbb;font-size:1.2rem;padding:0 .5em;line-height:2;content:">";z-index:5;transition:all ease-out .5s;-webkit-transition:all ease-out .5s}
@media (max-width:768px){#ind_products .titDiv::before{font-size:1.09090909rem}
}
@media screen and (max-width:768px){#ind_products .titDiv{margin:5px 0}
}
#ind_products .onePro{float:left;display:block;width:26.5%}
#ind_products .onePro .imWrap{padding-top:126.7%}
#ind_products .onePro .imWrap img{width:auto;max-width:100%;display:block;min-height:inherit;top:50%;left:50%;transform:translateX(-50%) translateY(-40%)}
#ind_products .onePro .big::after{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0;content:"";background-image:url(../images/hot.png);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;z-index:20}
@media screen and (max-width:768px){#ind_products .onePro{width:100%;float:none}
#ind_products .onePro .imWrap{padding-top:90%}
}
#ind_products .onePro:hover .titDiv{color:#0f58d6}
#ind_products .onePro:hover .titDiv::before{color:#0f58d6;padding-right:0}
#ind_products .ind_prolist li{float:left;width:31%;margin-left:2.3%}
#ind_products .ind_prolist li .imWrap{padding-top:64.7%}
@media screen and (max-width:768px){#ind_products .ind_prolist li{width:47.7%;margin-left:0;margin-right:2.3%}
}
#ind_products .ind_prolist li.lastone{background-color:#4c6069}
#ind_products .ind_prolist li.lastone .imWrap{padding-top:80%}
#ind_products .ind_prolist li.lastone .abs{box-sizing:border-box;padding:15% 15% 0;transition:all ease-out .5s;-webkit-transition:all ease-out .5s}
#ind_products .ind_prolist li.lastone p{font-size:.9rem;color:#fff}
@media (max-width:768px){#ind_products .ind_prolist li.lastone p{font-size:.94444444rem}
}
#ind_products .ind_prolist li.lastone a{font-size:14px;color:#fff;display:block;margin-top:18%}
@media (max-width:640px){#ind_products .ind_prolist li.lastone a{font-size:13px}
}
#ind_products .ind_prolist li.lastone:hover .abs{transform:scale(1.1,1.1)}
#ind_products .ind_prolist li:hover .titDiv{color:#0f58d6}
#ind_products .ind_prolist li:hover .titDiv::before{color:#0f58d6;padding-right:0}
@media screen and (max-width:768px){#ind_products .ind_prolist{width:102.3%}
}
.ind_tit{text-align:left;margin-bottom:2rem}
.ind_tit h2{display:inline-block;font-size:1.5rem;font-weight:700;color:#222}
@media (max-width:768px){.ind_tit h2{font-size:1.2rem}
}
.ind_tit small{font-size:14px;font-weight:400;display:inline-block;text-indent:.5em;color:#485a64}
@media (max-width:640px){.ind_tit small{font-size:13px}
}
@media screen and (max-width:768px){.ind_tit{margin-bottom:1rem}
}
#ind_about{overflow:hidden;flex-flow:row wrap;justify-content:space-around;background-color:#4c6069}
#ind_about .big{float:left;width:59%;border-right:.5rem solid #fff}
@media screen and (max-width:1600px){#ind_about .big{height:26rem}
#ind_about .big img{width:auto;height:100%;max-width:inherit}
}
@media screen and (max-width:640px){#ind_about .big{width:100%;height:auto;float:none}
#ind_about .big img{max-width:100%;height:auto}
}
#ind_about .cont{padding:10% 10% 0}
@media screen and (max-width:1600px){#ind_about .cont{padding:8% 2% 8% 6%}
}
@media screen and (max-width:640px){#ind_about .cont{padding-bottom:8%}
}
#ind_about h2{font-size:1.8rem;color:#fff;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:4px;line-height:2;margin-bottom:1.5rem}
@media (max-width:768px){#ind_about h2{font-size:1.28571429rem}
}
@media screen and (max-width:768px){#ind_about h2{margin-bottom:.5rem}
}
#ind_about .con{font-size:15px;color:#fff;overflow:hidden;height:14em;line-height:2}
@media (max-width:640px){#ind_about .con{font-size:1rem}
}
#ind_about .btns{margin-top:2.5rem}
#ind_about .btns .btn{color:#fff;font-size:13px;display:inline-block;border-color:#fff;border-radius:5px;line-height:3;padding:0 2.5em;margin-right:5%}
@media screen and (max-width:768px){#ind_about .btns .btn{line-height:2.4;padding:0 1.5rem}
}
#ind_supply{background-color:#0f58d6;box-sizing:border-box;padding:2rem;margin-top:.5rem}
#ind_supply h3{float:left;font-size:1.8rem;color:#fff;display:inline-block;font-weight:700;line-height:2.2;border-bottom:2px solid #fff;margin:0 1.5rem}
@media (max-width:768px){#ind_supply h3{font-size:1.28571429rem}
}
#ind_supply li{float:left;color:#fff;text-align:center;font-size:.9rem;font-weight:700;width:25%;line-height:3}
@media (max-width:768px){#ind_supply li{font-size:.94444444rem}
}
#ind_supply li img{display:block;margin-left:auto;margin-right:auto;transition:all ease-out .5s;-webkit-transition:all ease-out .5s}
#ind_supply li:hover img{transform:rotate(360deg)}
@media screen and (max-width:768px){#ind_supply{display:none}
}
#ind_news{padding-top:3vw}
#ind_news .ind_newsli{width:103%;margin-top:1.5%}
#ind_news .ind_newsli li{float:left;width:22%;margin-right:3%;line-height:2.2}
@media screen and (max-width:768px){#ind_news .ind_newsli li{width:97%}
}
#ind_news .ind_newsli .date{float:right;font-size:13px;color:#666;padding-left:8px}
#ind_news .ind_newsli a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}
#ind_news .ind_newsli a i{color:#0f58d6;padding-right:7px}
.ind_newslist{padding-left:15px;margin-left:-15px}
.ind_newslist li{float:left;box-sizing:border-box;border-radius:9px;width:22%;margin-right:3%;background-color:#f5f5f5;padding:1rem}
.ind_newslist li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.ind_newslist li:hover .tit,.ind_newslist li:hover .top *{color:#0f58d6}
.ind_newslist li:nth-child(n+5){display:none}
.ind_newslist .swiper-slide{border-bottom:3px solid #0f58d6;padding-bottom:.6rem}
.ind_newslist .imWrap{padding-top:61.5%}
.ind_newslist .tit{font-size:.9rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:3}
@media (max-width:768px){.ind_newslist .tit{font-size:.94444444rem}
}
.ind_newslist .tagdiv{font-size:13px;color:#666;line-height:.9}
.ind_newslist .tagdiv span{margin-right:4%}
.ind_newslist .con{font-size:14px;color:#666;overflow:hidden;display:block;line-height:1.7;height:3.4em;margin:1em 0 .5em}
@media (max-width:640px){.ind_newslist .con{font-size:13px}
}
.ind_newslist .more{font-size:14px;color:#666}
@media (max-width:640px){.ind_newslist .more{font-size:13px}
}
@media screen and (max-width:640px){.ind_newslist{width:98%}
.ind_newslist li{width:100%;margin-right:0;margin-bottom:10px}
}
.searDiv{float:right;overflow:hidden;position:relative;display:inline-block;box-sizing:border-box;margin-top:1.2rem;max-width:430px;width:215px;height:36px;border:1px solid #ddd;background:0 0;border-radius:18px}
.searDiv .fa{position:absolute;font-size:.9rem;z-index:5;top:7px;right:11px;padding-left:6px;border-left:1px solid #ddd}
@media (max-width:768px){.searDiv .fa{font-size:.94444444rem}
}
#searcher{float:right;display:block;font-size:13px;color:#333;border:none;position:relative;height:34px;width:160px;padding:0 2px;margin-right:4px;z-index:10;text-indent:7px}
#searchglass{float:right;display:block;overflow:hidden;border:none;width:36px;height:36px;cursor:pointer;background-repeat:no-repeat;background-position:3px center;text-indent:-99em;background-color:transparent}
.ditucon{float:right;width:35rem;margin-left:3%}
@media screen and (max-width:768px){.ditucon{display:none;margin-left:0}
.ditucon+.wrap{display:inline-block;text-align:left}
}
.inner_new{margin-top:-1.5rem}
.inner_new li{padding:1.5rem 0;border-bottom:1px solid #ddd}
.inner_new li .item3{position:relative}
.inner_new li .item3 a{display:block;overflow:hidden}
.inner_new li .date{color:#666;text-align:center;float:left;display:inline-block;font-size:1.05rem;background-color:#ebebeb;margin-right:1.5rem;padding:.8rem .5rem .3rem}
@media (max-width:768px){.inner_new li .date{font-size:1rem}
}
.inner_new li .date .big-date{position:relative;font-weight:400;font-size:1.5rem;color:#666;font-family:'宋体';display:block;line-height:.8}
@media (max-width:768px){.inner_new li .date .big-date{font-size:1.2rem}
}
.inner_new li .date .small-date{font-size:12px;color:#666;display:inline-block;background-color:#fff;padding:0 7px}
.inner_new li .big{width:10rem;float:left;margin-right:2.5vw}
.inner_new li .imWrap{padding-top:67%}
.inner_new li .text-wrap{position:relative;overflow:hidden;padding-right:10%}
.inner_new li .text-wrap .title{font-size:1rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;padding-bottom:.5rem}
.inner_new li .text-wrap p{overflow:hidden;color:#666;display:block;font-size:14px;line-height:2;padding-top:5px;height:6em}
@media (max-width:640px){.inner_new li .text-wrap p{font-size:13px}
}
.inner_new li:hover .title{color:#0f58d6}
.inner_new li:hover .fa{color:#0f58d6;border-color:#0f58d6}
.inner_new li.first{position:relative}
.inner_new li.first .date{position:absolute;background-color:#0f58d6;top:0;left:0;z-index:55}
.inner_new li.first .date .big-date{color:#fff}
.inner_new li.first .date .small-date{color:#0f58d6}
.inner_new li.first .big{width:24rem}
.inner_new li.first .title{margin-bottom:2vw}
.inner_new li.first .more{background-color:#0f58d6;color:#fff;display:inline-block;padding:0 1.5em;line-height:2.6;margin-top:3vw}
@media screen and (max-width:640px){.inner_new li{padding:.6em;margin-bottom:.5em}
.inner_new li.first .big{width:100%;margin-right:0;float:none;margin-bottom:1em}
.inner_new li.first .title{margin-bottom:0}
.inner_new li .date{display:none}
.inner_new li .big{border:none;padding-left:0;width:8rem}
.inner_new li .text-wrap .title{font-size:15px;padding-bottom:0}
.inner_new li .text-wrap p{height:4em}
}
.skyDiv{position:relative;float:left;width:50%}
.skyDiv .fangda{position:absolute;text-align:center;cursor:pointer;top:0;right:0;background:#eee;width:45px;height:45px;z-index:48}
.skyDiv .fangda .fa{color:#0f58d6;font-size:1.5rem;font-weight:400;line-height:45px}
@media (max-width:768px){.skyDiv .fangda .fa{font-size:1.2rem}
}
.skyDiv .swiper-slide{background-repeat:no-repeat;background-position:center}
.skyDiv .gallery-top{height:21rem;box-sizing:border-box;border-right:1px solid #ddd}
.skyDiv .gallery-top img{opacity:0;filter:alpha(opacity=0)}
.skyDiv .swiper-button-white{width:2.25rem;height:2.25rem;background-color:#ccc;background-size:20px 20px}
.skyDiv .swiper-button-white.swiper-button-next{right:0}
.skyDiv .swiper-button-white.swiper-button-prev{left:0}
@media screen and (max-width:640px){.skyDiv{width:100%;margin:0;float:none;border-bottom:1px solid #ddd}
.skyDiv .fangda{display:none}
.skyDiv .gallery-top{border-right:0}
}
.telline{color:#0f58d6;font-size:1.2rem}
@media (max-width:768px){.telline{font-size:1.09090909rem}
}
.telline img{margin-right:.4rem;display:inline-block;vertical-align:text-bottom}
.protop{overflow:hidden;position:relative;border:1px solid #ddd}
.protop>.wrap{padding:1rem 1.5rem}
.protop h1{font-size:1rem;font-weight:700;color:#333;line-height:1.5;border-bottom:1px solid #ddd;padding:.6rem 0;margin-bottom:1.4rem}
.protop .prodes{height:10em;line-height:1.76}
@media screen and (max-width:640px){.protop .prodes{height:auto;margin-bottom:3vw}
}
.protop .pro_zx{display:inline-block;color:#fff;border-color:#0f58d6;font-size:.8rem;text-align:left;background-color:#0f58d6;text-indent:2em;line-height:2rem;border-radius:2rem;margin:1.5rem 0}
@media (max-width:768px){.protop .pro_zx{font-size:.88888889rem}
}
@media (max-width:640px){.protop .pro_zx{font-size:1rem}
}
.protop .pro_zx i{font-size:1rem;float:right;display:block;text-align:center;line-height:2rem;text-indent:1em;padding-right:1em}
@media screen and (max-width:640px){.protop{overflow:hidden;clear:both}
.protop h1{padding-top:1em}
.protop .pro_zx{margin-top:3vw;display:none}
}
.products_cont{border:1px solid #ddd;border-top:none;padding:1rem 1.1rem 2rem}
.products_cont .tabUL{font-size:0;border-bottom:1px solid #ddd;margin-bottom:1.5rem}
.products_cont .tabUL li{display:inline-block;font-size:14px;color:#333;cursor:pointer;padding:0 2em;line-height:3;border:1px solid #ddd;border-bottom:none}
@media (max-width:640px){.products_cont .tabUL li{font-size:13px}
}
.products_cont .tabUL li.act{background-color:#0f58d6;color:#fff;position:relative;border-color:#0f58d6;z-index:5;margin-right:-1px}
.bord_cont{border:1px solid #ddd;padding:1rem 1.1rem;margin-top:2rem}
.bord_cont .pre_news{width:102%;padding-top:.8rem}
.bord_cont .pre_news li{width:48%;margin-right:2%;float:left;border:none;line-height:2.2}
@media screen and (max-width:640px){.bord_cont .pre_news li{width:100%}
.bord_cont .pre_news li li{width:100%;margin-right:0}
}
.bord_cont.article_cont{margin:0}
.bord_cont.article_cont .listit{margin-top:-1rem}
.bord_cont.card{background-color:#f5f5f5}
.bord_cont.card>img{float:left;margin-right:2%}
.bord_cont.card .wrap{padding:0 5%}
.bord_cont.card h3{font-size:1.2rem;font-weight:400;color:#0f58d6;line-height:2.6}
@media (max-width:768px){.bord_cont.card h3{font-size:1.09090909rem}
}
.bord_cont.card small{font-size:14px;color:#333;display:block}
@media (max-width:640px){.bord_cont.card small{font-size:13px}
}
.bord_cont.card .telline{display:inline-block;vertical-align:middle;padding-left:5%}
@media screen and (max-width:768px){.bord_cont.card{display:none}
}
.titbar{border-bottom:1px solid #ddd}
.titbar .more{float:right;color:#666;margin-right:10px}
.titbar h2{font-size:.9rem;color:#0f58d6;font-weight:700;display:inline-block;padding-left:.5em;margin-top:-1px;margin-left:-1px;line-height:2.6}
@media (max-width:768px){.titbar h2{font-size:.94444444rem}
}
.news_pre{width:103%}
.news_pre li{float:left;width:47%;margin-right:3%;border-bottom:1px dashed #ccc;line-height:38px}
@media screen and (max-width:640px){.news_pre{width:100%}
.news_pre li{width:100%;margin-right:0}
}
.news_pre span.date{float:right;font-size:13px;color:#666}
.news_pre a{font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
@media (max-width:640px){.news_pre a{font-size:13px}
}
.news_pre a::before{display:inline-block;vertical-align:middle;content:"•";z-index:5;padding-right:10px}
#pro_pre{margin-top:1.2rem}
#pro_pre .swiper-slide a{display:block}
#pro_pre .swiper-slide .big{height:10rem;border:1px solid #bbb}
#pro_pre .swiper-slide .big img{min-height:100%}
#pro_pre .swiper-slide p{color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:center;line-height:40px}
.tagspan{display:block;width:100%;height:31px;padding-bottom:20px;margin-top:1rem}
.tagspan em{font-size:14px;color:#000;display:inline-block;line-height:2;padding:0 .5em 0 1em;border:1px solid #000;border-radius:3px}
@media (max-width:640px){.tagspan em{font-size:13px}
}
@media screen and (max-width:640px){.tagspan{display:none}
}
.tagspan a{display:inline-block;color:#666;margin-left:.5rem;line-height:2}
.yuangongmask{width:100%;height:100%;display:none;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:500}
.bigimgovflow{position:relative;background-color:#fff;box-sizing:border-box;height:100%;padding:11px}
.bigimgfloat{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;height:100%}
.bigimgcont{display:none;background-color:#fff;width:700px;height:64%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:501}
.bigimgfloat img{display:block;width:auto;max-width:100%;max-height:100%;margin-left:auto;margin-right:auto;background:#f2f2f2}
.closebtn,.closeyuangong{display:block;position:absolute;overflow:hidden;width:1.5rem;height:1.5rem;background:url(../images/wwimg39.png) no-repeat;top:-16px;right:-10px;z-index:9;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
#lytable{display:none;overflow:hidden;position:absolute;background-color:#fff;border-radius:8px;z-index:1000;bottom:-216px;right:75px;width:350px;border:1px solid #ddd}
#lytable .icon-guanbidanchuang{position:absolute;font-size:1rem;top:0;right:0}
#lytable .top1{text-indent:18px;height:60px;background:#253a87}
#lytable .top1 i{font-size:30px;color:#fff;line-height:60px}
#lytable .title{height:39px;text-align:center;color:#fff;line-height:23px;background:#253a87;font-size:15px}
#lytable .topAlign{width:154px;float:left;text-transform : uppercase;}
#lytable .indexcode{float:right;width:115px}
.formFrame{border:1px solid #e4e4e4;border-radius:3px;padding:16px 15px 0;margin:20px 20px 0}
.formFrame input{box-shadow:none;height:42px;border-style:solid;margin-bottom:11px;border-color:#d0d0d0;box-sizing:border-box;display:inline-block;padding-left:11px;border-width:2px;color:#656565;font-weight:700;border-radius:5px;width:100%}
.formFrame textarea{box-shadow:none;border-style:solid;margin-bottom:11px;border-color:#d0d0d0;box-sizing:border-box;display:inline-block;padding-left:11px;border-width:2px;color:#656565;font-weight:700;border-radius:5px;width:100%}
.formFrame input.tijiao{background:#253a87;color:#fff;border-color:#253a87;margin:-4px 0 18px}
.formFrame+.subtxt{display:block;text-align:center;line-height:2.5;padding-bottom:8px}

.pagebar { padding:20px; overflow:hidden}

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 5px 10px;
  margin: 0 2px;
  border-radius: 3px;
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
  color: #337ab7;
  border: 1px solid #337ab7;
}

.pagination a.page-num-current {
  color: #fff;
  background: #337ab7;
  border: 1px solid #337ab7;
}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}