@charset "utf-8";
/* CSS Document */

.c-banner {position: relative;}
.c-banner .img-box {overflow: hidden; position:relative;}
.c-banner .img-box:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);}
.c-banner img {display: block;width: 100%;object-fit: cover;}
.c-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.c-banner .txt-box.center {text-align: center;}
.c-banner h4 {font-size: 52px;color: #fff;}
.c-banner p {font-size: 26px;color: #fff;line-height: 1.4;margin-top: 20px;}


.adds {height: 2.5rem;background: #F5F5F5;}
.adds .navs {width: 100%;font-size: 0;height: 100%;text-align: center;}
.adds .navs a {display: inline-block;width: 20%;vertical-align: top;height: 100%;position: relative;}
.adds .navs a .fls {height: 100%;display: flex;align-items: center;justify-content: center;}
.adds .navs a .img {position: relative;margin-right: .65rem;}
.adds .navs a .img .op1 {opacity: 1;transition: all 0.3s;}
.adds .navs a .img .op2 {opacity: 0;position: absolute;top: 0;left: 0;transition: all 0.3s;}
.adds .navs a .tit-15 {font-weight: 600; font-size:16px;transition: all 0.3s;}
.adds .navs a::after {content: "......";width: 3px;height: 29px;font-size: 8px;font-weight: 400;color: #868686;position: absolute;right: 0;top: 50%;transform: translateY(-50%);writing-mode: tb-rl}
.adds .navs a:last-child:after {display: none;}
.adds .navs a:hover .op1 {opacity: 0;}
.adds .navs a:hover .op2 {opacity: 1;}
.adds .navs a:hover .tit-15 {color: #E50012;}
.adds .navs a.on .op1 {opacity: 0;}
.adds .navs a.on .op2 {opacity: 1;}
.adds .navs a.on .tit-15 {color: #E50012;}


/*********产品*************/
.goods { width:100%; overflow:hidden;padding: 1.8rem 0px;}
.goods .fsc {display: flex;align-items: flex-end;justify-content: space-between;}
.goods .tit-30 {font-weight: 500;color: #000000;font-size: 30px; line-height: 1;}
.goods .tit-16 {color: #999;font-size: 16px; line-height: 1.8;}
.goods .fsc .tit-16 span {  margin: 0 0.25rem;}

.goods .list {overflow: hidden;margin-top: 1rem;width: 100%;}
.goods .list a {display: block;width: calc((100% - 3rem) / 4);margin-right: 1rem;float: left;margin-bottom: 1rem;}

.goods .list a .img-box{   background-color: #f9f9f9;border-radius: 10px; position: relative; padding: 10px;}
.goods .list a:nth-child(4n) {margin-right: 0;}
.goods .list a .img {width: 100%;height: 6rem;overflow: hidden;}
.goods .list a .tit-16 {color: #000000;margin-top: .4rem; font-size:16px;line-height: 0.65rem;font-weight: 500;height: 1.3rem;}







.n_common_en{ font-family:Arial; font-size:48px; color:#999999; font-weight:bold;}
/*************公司介绍************/
.n_about{padding:1.6rem 0px 1.4rem;}
.n_about_box .n_about_L{width:35%;}

.n_about_box .n_about_R{width:63%;}
.n_about_box .n_about_qt{ position:relative;font-size:24px;margin-bottom:50px;padding:0 25px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;text-align:justify;line-height:1.6;}
.n_about_box .n_about_qt:before,.n_about_box .n_about_qt:after{content:'';width:47px;height:47px;position:absolute;
background-size:cover;background-origin:center center;background-repeat:no-repeat;}
.n_about_box .n_about_qt:before{top:0;left:0;background-image:url(../images/qmarks_l.png);}
.n_about_box .n_about_qt:after{bottom:0;right:0;background-image:url(../images/qmarks_r.png);}

.n_about_box .n_about_info{line-height:48px;font-size:16px; color:#666666;padding:0 25px;text-align:justify;}
.n_about_box .n_about_info>p{line-height:48px;font-size:16px; color:#666666;}


/*************投资者关系************/
.hmCon2{ height:100vh; position:relative; overflow:hidden}
.hmc2imgs{ position:absolute; left:0; top:0; right:0; bottom:0; background:#08498d;}
.hmc2imgItem{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease-in-out;}
.hmc2imgItem.on{ opacity:1}
.hmc2imgItem .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 3s ease-in-out;}
.hmc2imgItem.on .bgImg{ transform:scale(1);}
.hmc2Layer{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; color:#fff;}
.hmc2Layer .wrap{position:relative; height:100%;}
.hmc2tbox{ padding-top:11.11vh; max-width:720px;}
.hmc2tbox .common_en{ color:#fff; }
.hmc2tbox .common_cn{ color:#fff;}

.hmc2Brands{ position:absolute; left:0px; top:40vh; width:100%; max-width:750px;}
.hmc2Branditem{ position:absolute; transition:all 0.5s ease-in-out; opacity:0; left:0; top:0;}
.hmc2Branditem.on{ opacity:1}

.hmc2Branditem h3{ transition: all 0.6s ease-in-out; display: block; opacity: 0; transform: translateY(50px); font-size: 24px; line-height:1.5; font-weight: normal; margin-bottom:2.5vh;}
.hmc2Branditem strong{ transition: all 0.6s ease-in-out; display: block; opacity: 0; transform: translateY(50px); font-size: 18px; line-height: 2; font-weight: normal;margin-bottom:2.5vh;}

.hmc2Branditem strong span{ margin-left: 36px; display: inline-block; }
.hmc2Branditem p{ transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(50px); font-size: 16px; line-height: 2.25; color:#c4c4c4; }
.hmc2btn{ transition:all 0.8s ease-in-out; display:block; opacity:0; transform:translateY(50px);}
.hmc2btn a{ font-size: 14px; line-height: 48px; color: #FFF; text-align: center; display: inline-block; height: 50px; width: 180px; border: 1px solid #FFF; letter-spacing: 1px; }
.hmc2btn a:hover{ color: #08498d; background: #FFF; transform:translateY(-4px); box-shadow:0 3px 5px rgba(0,0,0,0.1); }
.hmc2Branditem.on h3{ opacity:1; transform:translateY(0); transition-delay:0.1s;}
.hmc2Branditem.on strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.hmc2Branditem.on p{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.hmc2Branditem.on .hmc2btn{ opacity:1; transform:translateY(0); transition-delay:0.4s;}

.hmc2Logos{ position:absolute; left:0; bottom:10vh}
.hmc2lg_btn{ display:inline-block; width:110px; text-align:center; position:relative; margin-right:30px}
.hmc2lg_btn img{ position:relative;z-index:2;}
.hmc2lg_btn i{height: 120px;width: 120px;position: absolute;z-index:1;left: 50%;bottom:-5px;transform: translate(-50%);opacity:1;transition:all 0.6s ease-in-out;}
.hmc2lg_btn i:after{ content: ""; background: url(../images/hmc2bor_rnd.png) no-repeat center center; position:absolute; left:0; top:0; width:120px; height:120px; animation:radiusRotate 20s linear infinite; background-size:cover;}
.hmc2lg_btn.on i{ opacity:1;}


@media (max-width:1799px){
.hmc2tbox strong{ font-size: 36px; line-height: 52px;}
.hmc2tbox p{ font-size: 16px; line-height: 30px;}
.hmc2Brands{top:39vh;}
.hmc2Branditem strong{ font-size: 22px; line-height: 38px;}
.hmc2Branditem strong span{ font-size: 30px; margin-right: 10px;}
.hmc2Branditem p{ font-size: 16px; line-height: 30px; }
}
@media (max-width:993px){
.hmc2lg_btn{margin-left:-1px;}
}
@media (max-width:767px){
.hmCon2{height:auto; padding-bottom:60px;}
.hmc2Layer{position:relative; z-index:3}
.hmc2tbox{padding-top:50px;}
.hmc2tbox strong{font-size:24px;}
.hmc2tbox p{font-size:15px; line-height:28px;}
.hmc2Brands{position:relative; top:auto; margin-top:80px;}
.hmc2Brands .hmc2Branditem:nth-child(1){position:static;}
.hmc2Logos{position:relative; bottom:auto; margin-top:35px; right:0}
.hmc2Branditem strong{font-size:18px;}
.hmc2Branditem strong span{font-size:24px; margin-right:2px;}
.hmc2Brands{padding-left:0;}
.hmc2Branditem p{font-size:14px; line-height:28px;}
.hmc2Logos {text-align:center;}
.hmc2lg_btn{margin:20px;width:40px}

.goods .list a {
    display: block;
    width: calc((100% - 0rem) / 1);
    margin-right: 0rem;
    float: left;
    margin-bottom: 1rem;
}


}


/*********生产车间***********/
.n_workshop_bg { position:relative; padding:0.8rem 0px; background:#fcfbfb; overflow:hidden;}
.n_workshop_bg .common_title{ text-align:center;}
.n_workshop_box{ margin-top:50px;}
.n_workshop_box .swiper-slide a {overflow:hidden; display:block;border-radius: 30px;}
.n_workshop_box .swiper-pagination {position: relative;margin-top: 0.6rem;}
.n_workshop_box .swiper-pagination-bullet {background: #c2c2c2;margin:0px 10px;width: 14px;height: 14px;opacity: 1;}
.n_workshop_box .swiper-pagination-bullet-active {width: 103px;height: 14px; border-radius:7px;background: #1662b7;}

/*********认证证书**********/
.n_certificate_bg { position:relative; padding:0.8rem 0px; background:#fcfbfb;}
.n_certificate_bg .common_title{ text-align:center;}
.n_certificate_box{ margin-top:50px;}
.n_certificate_box .swiper-slide a {overflow:hidden; display:block;border-radius: 30px; background:#f3f39d; border:5px solid #e7e7e7;}
.n_certificate_box .swiper-pagination {position: relative;margin-top: 0.6rem;}
.n_certificate_box .swiper-pagination-bullet {background: #c2c2c2;margin:0px 10px;width: 14px;height: 14px;opacity: 1;}
.n_certificate_box .swiper-pagination-bullet-active {width: 103px;height: 14px; border-radius:7px;background: #1662b7;}







/***********产品详情*****************/
.n-proxq-bg{width:100%;overflow:hidden;padding:1.8rem 0px;position:relative;}
.pr_con {width:100%;overflow:hidden;position:relative; margin-bottom:0.2rem;}
.pr_con .img {position:relative;width: 100%;overflow:hidden;margin: 0 auto;max-width: 800px;}

.pr_con .img .tit_big { font-size:26px; font-weight:bold;line-height:1.5;color:#1d1d1f;margin-bottom:0.25rem; text-align:center;}

.pc-slide {width:100%;}
.pc-slide .view{ border:1px solid #e7e7e7; border-radius:0.3rem; overflow:hidden;}
.view .swiper-container{ width:100%; max-width: 800px;}
.view .swiper-slide { text-align:center;}


.preview {width: 100%;margin-top:0.5rem ;position: relative;}
.preview .swiper-container {width:calc(100% - 70px);margin:0px 35px;}
.preview .swiper-slide {width:60px;cursor:pointer; margin-right:0.2rem;}
.preview .slide6 {width:60px;}
.preview .arrow-left {background: url(../images/n_left.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {background: url(../images/n_right.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}

.preview img {padding: 1px;max-width: 100%;}
.preview .active-nav img {padding: 0;border: 1px solid #1662b7; border-radius:5px;}



.pr_con .txt {max-width: 930px;width:50%;box-sizing:border-box;} 
.pr_con .txt .tit_big { font-size:0.36rem; line-height:1.5;color:#1d1d1f;margin-bottom:0.25rem;}
.pr_con .txt .tit {font-size:18px;line-height:1.5; color:#1d1d1f; margin-bottom:0.25rem;}
.pr_con .txt .pro_info{display:flex; padding:0.5rem 0px;border-top:2px solid #1662b7; border-bottom:2px solid #1662b7;}
.pr_con .txt .pro_info span{ width:48px;font-size:16px; color:#1d1d1f; line-height:2.25;}
.pr_con .txt .pro_text { width:calc(100% - 48px);}
.pr_con .txt .pro_text p {font-size:16px; color:#1d1d1f; line-height:2.25;}
.pr_con .txt .pro_call{ margin-top:0.6rem;}
.pr_con .txt .pro_call .pro_tel {position:relative; margin-bottom:10px;font-size:0.3rem;  color:#1d1d1f;}
.pr_con .txt .pro_call .pro_tel span{font-size:0.18rem;margin-right:5px;}
.pr_con .txt .pr_more{margin-top:0.5rem;}

a.blackMore{display: inline-block;height: 3em;line-height: 3;padding: 0 0.8rem;overflow: hidden;border: 1px solid #1d1d1f;background: #1d1d1f;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;color: #fff;border-radius: 10px;}
a.blackMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;font-size:18px;line-height: 1;}
a.blackMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.blackMore:hover::before{left:0;}
a.blackMore:hover span{color:#0c3883;}

a.blueMore{display: inline-block;height: 3em;line-height: 3;padding: 0 0.8rem;overflow: hidden;border: 1px solid #1662b7;background:#1662b7;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;color: #fff;border-radius: 10px;}
a.blueMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;font-size:18px;line-height: 1;}
a.blueMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.blueMore:hover::before{left:0;}
a.blueMore:hover span{color:#0c3883;}



.pr_con .txt .innovate_info{ padding: 0.5rem 0px;border-top: 2px solid #1662b7;font-size:16px; color:#1d1d1f; line-height:2.25;}
.pr_con .txt .innovate_info p {font-size:16px; color:#1d1d1f; line-height:2.25;}


.pro_js{ width:100%; border-radius:20px; overflow:hidden; padding:0.7rem 0.9rem; margin:0.7rem 0px 0px; background:#f2f2f2;}
.pro_js .pro_js_tit {font-size:0.36rem; color:#333333;line-height: 1.2; font-weight:bold;transition-duration: .5s; position:relative; padding-left:15px; margin-bottom:30px;}
.pro_js .pro_js_tit:after { content: ""; display: block;width: 5px;height: 100%;line-height: 1px;background: #0462ae;position: absolute;left: 0;top: 0;}
.pro_js .pro_js_info{ margin-top:0.5rem; font-size:16px; line-height:2.25; color:#1d1d1f;}
.pro_js .pro_js_info p{  font-size:16px; line-height:2.25; color:#1d1d1f;}



/************新闻****************/
.n_news_bg{ position:relative; padding:70px 0px; background:#e7eff8;}


.m2zrList li{margin-bottom: 0.6rem;background:#fff;border-radius:40px;overflow:hidden;align-items: center;}
.m2zr_aBox{display:block;position:relative;width:32%;}

.m2zr_aBox .img-wrap { overflow: hidden;position: relative;}
.m2zr_aBox .img-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.m2zr_aBox .img-wrap .img-wrap-img {display: block;position: absolute;width: 100%;height: 100%;z-index: 2;object-fit: cover;transition: all 0.6s ease;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.m2zr_date{ width:15%; text-align:center;}
.m2zr_date span{font-size: 50px;color:#1662b7;font-family:Arial;font-weight:bold;}
.m2zr_date p{font-size: 20px;color:#333333;}



.m2zr_txt{position:relative;z-index:1;width:45%;padding: 15px 0px;}
.m2zr_txt strong{font-size: 24px;line-height: 1.5;display: block;color: #333333;}
.m2zr_txt span{ position: absolute; line-height: 44px; display: inline-block; left: -648px; top: 52px; font-size: 17px; color: #333; }
.m2zr_txt span i{ font-style: normal; display: inline-block; font-size: 36px; }
.m2zr_txt p{font-size: 14px;line-height: 1.8;color: #999999;margin-top: 0.3rem;overflow: hidden;margin-bottom: 0.5rem;}
.m2zr_txt a{color:#242426;font-size:16px;font-weight:lighter;padding: 15px 38px;background:#f3f3f3;border-radius: 49px;display: inline-block;}


.m2zrList li:hover{box-shadow: 0px 0px 0.4rem rgba(0, 0 ,0 , 0.2);}

.mdate{ display:none;}

@media screen and (max-width: 767px){
.m2zr_date{ display:none;}
.m2zr_txt{ width:100%; padding:15px;}
.m2zr_aBox{ width:100%;}
.mdate{ display:block; font-size:16px; margin-top:10px;}
.c-banner h4 {
    font-size: 26px;
    color: #fff;
}
}
/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size: 20px;font-weight: normal;line-height:1.4;padding-bottom:0.2rem;color: #333;}
.art-tit h5{text-align: center;font-size: 14px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding:0.4rem 0px;}
.art-main p{text-indent: 2em;font-size: 16px;line-height:1.9;color: #444;}


.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#c61634;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #c61634;line-height:36px;text-align: center;box-sizing: border-box;color: #c61634;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #c61634;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/***********联系我们***************/
.lx-banner {position: relative;}
.lx-banner .img-box {overflow: hidden;}
.lx-banner img {display: block;width: 100%;object-fit: cover;}
.lx-banner .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.lx-banner .txt-box.center {text-align: center;}
.lx-banner h4 {font-size: 0.48rem;color: #1d1d1f;padding-left:0.4rem;}
.lx-banner .l {font-size: 14px;color: #242426;line-height: 1.8;margin-top: 20px;padding-left:0.4rem;}

.m2lxc2ul{ margin: 20vh 0px 0px; }
.m2lxc2ul li{width:33.333%;float:left;padding: 0 0.4rem;}
.m2lxc2Itm{display:block;position:relative;height: 350px;padding:0.6rem 10px 0;transition:all 0.6s ease-in-out;border-radius: 0.3rem;overflow:hidden;background: #fff;}
.m2lxc2Itm:hover{ transform:translateY(-10px); box-shadow:0 5px 25px rgba(28,152,247,0.3); color:#fff;background:#2381c3;}
.m2lxc2bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2lxc2bgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.m2lxc2bgs .bgImg:nth-child(2){ opacity:0}
.m2lxc2Itm:hover .m2lxc2bgs .bgImg{opacity:0;}
.m2lxc2Itm:hover .m2lxc2bgs .bgImg:nth-child(2){ opacity:1}
.m2lxIcons{position:relative;/* height:155px; */}
.m2lxc2Ico{width:106px;height:106px;display:block;position:relative;margin: 0 auto;}
.m2lxc2Ico:before{ content: ""; background: url(../images/lx_cbgb.png) no-repeat center center; position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; }
.m2lxc2Ico:after{content:""; background: url(../images/lx_cbgw.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0}
.m2lxc2Ico img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.5s ease-in-out;max-width: 100%;height: auto;width: auto;}
.m2lxc2Ico img:nth-child(2){ opacity:0}

.m2lxc2Itm:hover .m2lxc2Ico:before{ content:""; opacity:0;}
.m2lxc2Itm:hover .m2lxc2Ico:after{ content:""; opacity:1; animation:radiusRotate 10s linear infinite;}
.m2lxc2Itm:hover .m2lxc2Ico img{ opacity:0;}
.m2lxc2Itm:hover .m2lxc2Ico img:nth-child(2){ opacity:1}
.m2lxIcons p{font-size: 18px;line-height: 1.5;margin-top: 10px;text-align: center;}
.m2lxTels{ position:relative;}
.m2lxTels strong{transition: all 0.5s ease-in-out;display: block;color: #333333;font-size: 18px;text-align: center;line-height: 2;}
.m2lxTels p{ font-size: 18px; color: #666666; line-height: 30px; transition: all 0.5s ease-in-out;  }
.m2lxc2Itm:hover .m2lxTels strong,.m2lxc2Itm:hover .m2lxTels p{color:#fff;}


@keyframes radiusRotate {
0% {
	transform:rotate(0deg);
}
100% {  transform:rotate(360deg);
}
}

.n-lx-bg{ background:#fff;}
.n-lx-bg .lxmessage .box input, .n-lx-bg .lxmessage .box textarea {width: 100%;font-size:18px;color: #1d1d1f;background: #efefef;}


@media screen and (max-width: 767px){
.lx-banner .img-box {
	position:absolute; top:0; left:0; width:100%; height:100%;
}
.lx-banner img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.lx-banner .txt-box {
    position: relative; padding:0.6rem 0px;
}
.m2lxc2ul li {
    width: 100%;
    float: left;
    padding: 0 0.4rem; margin-bottom:10px;
}
.lx-banner .m2lxc2Ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s ease-in-out;
    max-width: 100%;
    height: auto;
    width: auto;
}
.m2lxc2Itm {
    height: auto;
    
}
.m2lxc2ul {
    margin:0.3rem 0px 0px;
}
.lx-banner {position: relative; padding:0.6rem 0px;}
.lx-banner h4 {
    font-size: 20px;
    color: #1d1d1f;
    padding-left: 0.4rem;
}
}


/********分页*********/
.text-center {text-align: center;}
.pagination{display: inline-block; padding: 0;  border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline-block;margin: 0px 5px;}
.pagination > li > a,
.pagination > li > span{position: relative;float: left;line-height: 50px;color: #4d4d4d;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;width: 50px;height: 50px;font-size: 18px;}
.pagination > li .firstPage{font-size: 14px; }
.pagination > li .prePage{font-size: 14px; }
.pagination > li .nextPage{font-size: 14px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{font-size: 14px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2;color: #fff;cursor: default;background-color: #0c3883;border-color: #0c3883;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}