.baner{ width:auto; height:45vh; background:url(../img/conts.jpg) center; position:relative;  background-size: 100% 100%;
  background-position:center;  justify-content: center;}
.baner img{ width:100%;background-size: 100% 100%; vertical-align: middle;}
.baner h1{ width:auto; height:60px; line-height:44vh; font-size:36px; text-align:center; color:#FFFFFF; font-weight:bold; position:relative; }
.baner p{ width:auto; line-height:30px; font-size:36px;text-align:center; color:#FFFFFF; position:relative;  line-height:44vh;}

@media (max-width: 1000px) {
.baner{ width:auto; height:45vh; background:url(../img/conts.jpg) center; position:relative;  background-size:100% 100%;
  background-position:center;  justify-content:center;}
.baner img{ width:100%;background-size: 100% 100%; vertical-align:middle;}
.baner h1{ width:auto; height:60px; line-height:60px; font-size:30px; text-align:center; color:#FFF; font-weight:bold; position:relative; line-height:44vh; }
.baner p{ width:auto; line-height:30px; font-size:36px;text-align:center; color:#FFF; position:relative;line-height:44vh;}

}

.about_yl{ width:1300px; min-height:60px; margin:0 auto; text-align:center;}
.about_yl ul{ width:1300px; margin:0px;}
.about_yl ul li{ min-width:90px; line-height:50px; font-size:16px; display:inline-table; margin:10px 5px 10px 5px; border:1px solid #e2e2e2; -webkit-transition:all 0.5s;transition:all 0.5s; background:#FFF}
.about_yl ul li:hover{background:#5956e9;border-radius:20px; color:#FFF;}
.about_yl ul li:hover a{color:#FFF;min-width:90px;border-radius:20px;}
.about_yl ul li a{min-width:90px;font-size:16px; display:block; padding:0 10px 0 10px;}
.about_yl ul li a.active,.about_yl ul li a:hover{min-width:90px; background:#e6121d;color:#fff; }

.dwo_aob .tdwo {
  margin-top: 0.7rem;
  position: relative; 
}
.dwo_aob .tdwo .bk {
  width: 100%;
}
.dwo_aob .tdwo .bk img {
  width: 100%;
}
.dwo_aob .tdwo .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.dwo_aob .tdwo .post .item {
  position: relative;
  transition: 0.8s;
  flex: 1;
  display: flex;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.dwo_aob .tdwo .post .item > div {
  width: 100%;
  margin: auto;
  color: #fff;
  padding: 0 10%;
}
.dwo_aob .tdwo .post .item > div .div_1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:20px;
}
.dwo_aob .tdwo .post .item > div .div_2 {
  display: none;
}
.dwo_aob .tdwo .post .item > div .div_2 .desc {
  margin-top: 0.16rem;
  line-height: 1.5;
}
.w1520 { width:90%; margin:0 auto;
}
@media (min-width: 750px) {
  .dwo_aob .tdwo .post .item:hover {
    flex: 2.7;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_1 {
    animation: fadeOut 0.4s 0.2s both;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 {
    display: block;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .txt {
    animation: fadeInUp 0.6s 0.8s both; font-size:20px;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .desc {
    animation: fadeInUp 0.6s 1s both;
  }
}

.index_io{ width:auto; min-height:600px; margin:0 auto;padding-top:10px;}
.index_io p{ width:90%; line-height:25px; font-size:16px; text-align:center; margin:0 auto;}

.index_yu{ width:90%; min-height:560px; margin:0 auto; margin-bottom:0px; position:relative; display:block; margin-top:20px; overflow:hidden;}
.swiper-container{ width:auto;min-height:500px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#e6121d !important; }
.swiper-container .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.1); margin:0 auto;}
.swiper-container .swiper-slide span{ width:90%; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container .swiper-slide span img{display:block; width:90%; height:auto;}
.swiper-container .swiper-slide h2{display:inline-block; text-align:center;width:100%; height:50px; line-height:50px;font-size:16px;float:left;color:#333;}
.swiper-container .swiper-slide a:hover p{color:#333;}
.swiper-container .swiper-slide p a{color:#333;}
.swiper-pagination{text-align:center;width:100%; position:relative; top:80%;color:#333 }



.swiper-container1{ width:auto;min-height:400px; margin:0 auto;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#e6121d !important; }
.swiper-container1 .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.1); margin:0 auto;}
.swiper-container1 .swiper-slide span{ width:90%; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container1 .swiper-slide span img{display:block; width:90%; height:auto;}
.swiper-container1 .swiper-slide h2{display:inline-block; text-align:center;width:100%; height:50px; line-height:50px;font-size:16px;float:left;color:#333;}
.swiper-container1 .swiper-slide a:hover p{color:#333;}
.swiper-container1 .swiper-slide p a{color:#333;}


@media (max-width: 1000px) {
.index_io{ width:auto; min-height:300px; margin:0 auto;padding-top:10px;}
.index_io p{ width:90%; line-height:25px; font-size:16px; text-align:center; margin:0 auto;}
.index_yu{ width:90%; min-height:260px; margin:0 auto; margin-bottom:0px; position:relative; display:block; margin-top:20px; overflow:hidden;}
.swiper-container{ width:auto;min-height:200px; margin:0 auto;}
.swiper-pagination{text-align:center;width:100%; position:relative; top:100px;color:#333 }
}


.about_t{ width:90%; height:600px; margin:0 auto; margin-top:80px;}
.about_t .tmo{width:40%;float: right;position:relative;border-radius: 0 35px 0 35px;}
.about_t .tmo img{ width:80%; height:auto; float:right;}
	
.text{ width:50%; height:auto; float:left;}	
.ab_t1{ width:100%; height:auto;}
.ab_t1 .p1{font-size: 44px;
    color: #0037a3;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;}
.ab_t1 .p2{  font-size: 32px;color: #333;line-height: 1.6; font-weight:bold;}
.txt { width:auto; line-height:30px; font-size:16px; padding-top:30px;}

.t1 {padding: 80px 0 0;text-align: center;}
.t1 .p1 {
    font-size: 44px;
    color: #0037a3;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.t1 .p2 {
    font-size: 32px;
    color: #333;
    line-height: 1.6;
}

.dow_list{ width:90%; height:auto; margin:0 auto;display:flex;flex-wrap:wrap; margin-top: 48px;
}
.dow_list ul{ width:100%; margin:0 auto;}
.dow_list ul li {
    width:23%;*width:29.95%!important; 
    margin-left: 2%;
    margin-bottom:25px;
    
    border-radius:0px; float:left; }
.dow_list ul li img{ width:100%; height:auto;}
.dow_list ul li:nth-child(4n+1){margin-left:0px;}
.dow_list ul li p{width:100%; line-height:40px; font-size:14px; color:#666; text-align:center;}

.prod{ width:100%; min-height:1000px; overflow:hidden; margin:0 auto; background:#f2f6fb;padding-top:30px;}
.prod h1{ width:90%; line-height:60px; font-size:30px; font-weight:bold; text-align:center; margin:0 auto;}
.prod_list{ width:90%; height:auto; margin:0 auto;}
.prod_list ul{ width:100%; margin:0 auto;}
.prod_list ul li{ width:100%; min-height:260px; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:1%; background:#FFF; margin-bottom:10px;}
.prod_list ul li dd{ width:30%; height:auto; float:left; overflow:hidden;}
.prod_list ul li dd  img{ width:85%; height:auto; float:left;
 -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; }
.prod_list ul li:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s; 
     -ms-transition: all 5s;
     -o-transition: all 5s;
     transition: all 5s;
  -webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
      -o-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1); }
.prod_list ul li dt{ width:69%; line-height:30px; font-size:16px; float:right;}
.prod_list ul li dt h2{ width:auto; line-height:60px; font-size:24px; text-align:left; font-weight:bold; color:#e6121d;}
.prod_list ul li dt h2 a{ color:#e6121d;}
.prod_list ul li dt p{ width:auto; line-height:25px; font-size:16px;}
.prod_list ul li dt i{ width:auto; line-height:25px; font-size:16px;}

.prod_u { width:90%; min-height:300px; padding-top:30px; overflow: hidden; margin:0 auto;}
.prod_u ul{ width:100%; margin:0 auto;}
.prod_u ul li{ width:23%;*width:29.95%!important; float:left; height:100%;position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:4%;}
.prod_u ul li:nth-child(4n+1){margin-left:0px;}
.prod_u ul li span{ width:100%; height:auto; overflow:hidden; float:left;}
.prod_u ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.prod_u ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.prod_u ul li p{ width:auto; height:40px; line-height:40px; font-size:14px; text-align:center;}

.proud_u{ width:90%; min-height:500px; margin:0 auto; background:#FFFFFF; min-width:1000px;}
.proud_u .show{ width:36%; height:auto; float:left;}
.proud_u .show img{ width:100%; height:auto;}
.proud_u .txt{ width:60%; height:auto; float:right;}
.proud_u .txt h1{ width:auto; line-height:50px; font-size:36px; font-weight:bold; text-align:left;}
.proud_u .txt p{ width:100%; line-height:30px; font-size:14px; color:#666;}
.proud_u .txt .tox{ width:auto; min-height:130px; line-height:30px; font-size:15px; margin-top:10px;}

.proud_u .txt .toxx{ width:98%; height:80px;}
.proud_u .txt .toxx dd{ width:45%; height:100px; float:left; background:#e6121d;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:0px;}
.proud_u .txt .toxx dd:hover {background:#1350af;border-radius:10px;}
.proud_u .txt .toxx dd em{ width:20%; height:auto; float:left; position:relative; left:15px; top:25px;}
.proud_u .txt .toxx dd em img{ width:100%;}
.proud_u .txt .toxx dd dfn{ min-width:80%; line-height:100px; float:right; font-size:24px; font-style:normal;  color:#FFF;font-family:"century gothic"; font-weight:bold; text-align: center; }
.proud_u .txt .toxx dt{ width:45%; height:100px; line-height:100px; color:#FFF; background:#e6121d; float:left; text-align:center; margin-left:20px;-webkit-transition:all 0.5s;transition:all 0.5s;border-radius:0px;}

.proud_u .txt .toxx dt em{ width:30%; height:auto; float:left; position:relative; left:15px; top:5px;}
.proud_u .txt .toxx dt em img{ width:100%;}
.proud_u .txt .toxx dt dfn{ min-width:60%; line-height:100px; float:right; font-size:24px; font-style:normal;  color:#FFF;font-family:"century gothic"; font-weight:bold; text-align: center; }
.proud_u .txt .toxx dt:hover {background:#003281;border-radius:10px;}
.proud_u .txt .toxx dt:hover  a{color:#FFF;border-radius:20px;}
.proud_u .txt .toxx dt a{color:#FFF;}


.cont_ni{ width:90%; line-height:50px; border-bottom:1px solid #dcdcdc; margin:0 auto;}
.cont_ni h3{ width:8%; line-height:50px; position:relative; font-size:24px; border-bottom:2px solid #e6121d; top:1px; text-align:center; font-weight:bold; color:#e6121d;}
.cont_n{ width:90%; min-height:300px !important; line-height:30px; font-size:16px; margin:0 auto;}


.prod_xw{ width:90%; min-height:500px !important; margin:0 auto;}
.prod_xw dd{ width:100%; line-height:50px;  border-bottom:1px solid #dcdcdc;}
.prod_xw h4{width:8%; line-height:50px; position:relative; font-size:24px; border-bottom:2px solid #e6121d; top:1px; text-align:center; font-weight:bold; color:#e6121d;}

.prod_xw ul{ width:100%; margin:0 auto;}
.prod_xw ul li{width:23%;*width:29.95%!important; float:left; height:100%;position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:4%; margin-top:20px;}
.prod_xw ul li:nth-child(4n+1){margin-left:0px;}
.prod_xw ul li span{ width:100%; height:auto; overflow:hidden; float:left;}
.prod_xw ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.prod_xw ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.prod_xw ul li p{ width:auto; line-height:40px; font-size:14px; color:#333; text-align:center;}

/*应用*/

.about_ov{ width:auto; min-height:500px; margin:0 auto; padding:60px 0px 60px 0px;}

.about_tv{ width:90%; min-height:300px; margin:0 auto;overflow:hidden;background:#FFF;}
.about_tv dl{ width:100%; margin:0px;}
.about_tv dl dd{ width:50%; min-height:300px; float:left;box-shadow:0 10px 20px rgba(0,0,0,.15);}
.about_tv dl dd img{ width:100%; height:auto;}
.about_tv dl dt{ width:50%; min-height:300px; float:right; display:block;}
.about_tv dl dt h1{ width:100%; line-height:50px; font-size:36px; padding-top:5%; padding-left:60px;display:block;}
.about_tv dl dt p{ width:90%; line-height:30px; font-size:16px;padding-left:60px; color:#666; padding-top:10px; float:left; text-align:left;}
.about_tv dl dt span{ width:150px; height:45px; line-height:45px; text-align:center;border-radius:100px; border:1px solid #e2e2e2; display:block; position:relative; clear:both; right:-60px;top:60px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.about_tv dl dt span:hover{background:#e6121d;border-radius:20px; color:#FFF;}
.about_tv dl dt span:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.about_tv dl dt span a{ text-decoration:none; color:#666; font-size:14px;}

.about_tv1{ width:90%; min-height:300px; margin:0 auto; overflow:hidden;background:#FFF;}
.about_tv1 dl{ width:100%; min-height:300px; margin:0px;overflow:hidden;}
.about_tv1 dl dd{ width:50%;height:auto; float:right;box-shadow:0 10px 20px rgba(0,0,0,.15); overflow:hidden;}
.about_tv1 dl dd img{ width:100%; height:auto;}
.about_tv1 dl dt{ width:50%; min-height:300px; float:left; display:block;}
.about_tv1 dl dt h2{ width:auto; line-height:50px; font-size:36px; padding-top:5%; padding-left:60px;}
.about_tv1 dl dt p{ width:80%; line-height:30px; font-size:16px;padding-left:50px;color:#666;padding-top:10px; margin:0 auto;float:left; text-align:left;}
.about_tv1 dl dt span{ width:150px; height:45px; line-height:45px; text-align:center;border-radius:100px; border:1px solid #e2e2e2; position:relative; float:left; top:60px; left:60px;-webkit-transition:all 0.5s;transition:all 0.5s;}

.about_tv1 dl dt span:hover{background:#e6121d;border-radius:20px; color:#FFF;}
.about_tv1 dl dt span:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.about_tv1 dl dt span a{ text-decoration:none; color:#666; font-size:14px;display:block;}

.cont_u{ width:90%; height:602px; margin:0 auto; background:url(../img/cont.jpg); }
.cont_u img{ width:100%;height:100%;  background-size: cover;}
.cont_u .cont{ width:37%; min-height:460px; background:#e6121d; position:relative; left:80px; top:80px;}
.cont_u .cont .cot h1{ width:auto; line-height:50px; font-size:28px; color:#FFF; margin-bottom:30px;}
.cont_u .cont .cot{ width:90%; height:auto; padding:10%;}
.cont_u .cont .cot dl{ width:auto; margin:0px; padding-bottom:4%;}
.cont_u .cont .cot dl dd{ width:auto; line-height:30px; font-size:18px; color:#FFF;}
.cont_u .cont .cot dl dt{width:auto; line-height:40px; font-size:30px; color:#FFF;font-family:"century gothic";}
#time{ font-size:18px;}

.books{ width:auto; height:600px; margin:0 auto; background:#f8f8f8; margin-top:60px;}
.books .txt{ width:90%; height:auto; margin:0 auto;}
.books .txt h2{font-size:24px;}
.books .txt p{ font-size:16px;}
.books .tdow{ width:90%; height:auto; margin:0 auto; padding-top:60px;}
.books .tdow .tdows{ width:auto; margin:0 auto;}
.books .tdow .tdows dl{ width:100%; height:60px; margin-bottom:30px;}
.books .tdow .tdows dl dd{ width:48%; height:6px; float:left;  transition: 0.6s;}
.books .tdow .tdows dl dt{ width:48%; height:6px; float:right;  transition: 0.6s;}
.books .tdow .tdows dl input{  transition: 0.6s;width: 100%;}
.textu{ width:auto; height:80px; margin:0 auto;}

.buttons{ width:100%; height:60px; line-height:60px; font-size:16px; clear: both; background:#e6121d; margin-top:100px;}
.button{ width:100%; height:60px; line-height:60px; font-size:16px; position:relative;cursor: pointer;background:#e6121d; color:#FFF;}
input{ width:90%; line-height:60px; font-size:14px; border:1px solid #fff; color:#333; padding:0 0px; text-indent:10px;}
input:focus {border-color:#e6121d;}
textarea{width:98.5%; height:120px;font-size:14px;  border:1px solid #fff;color:#333;padding:10px 10px;font-family:"Microsoft YaHei";}


.yu_li{width:90%; min-height:600px !important; overflow:hidden; padding-top:1px; margin:0 auto;}
.yu_li ul{ width:100%; margin:0px;}
.yu_li ul li{width:30%;*width:29.95%!important; float:left; min-height:270px !important; position:relative; margin-left:1.76%; box-shadow:0px 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;transition: box-shadow .1s ease,transform .1s ease; padding:1%; margin-bottom:2%;}
.yu_li ul li:nth-child(3n+1){margin-left:0px;}
.yu_li ul li h1 {width:auto; line-height:60px; font-size:24px; font-weight:bold; color:#333;}
.yu_li ul li p{ width:100%; line-height:30px; font-size:16px; margin:0 auto;}


.prod_sc{ width:90%;min-height:600px;margin:0 auto;}
.prod_sc ul{ width:100%;  margin:0 auto;}
.prod_sc ul li{width:23%;*width:29.95%!important; float:left; height:100%;position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:4%; margin-top:20px;}
.prod_sc ul li:nth-child(4n+1){margin-left:0px;}
.prod_sc ul li span{ width:100%; height:auto; overflow:hidden; float:left;}
.prod_sc ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.prod_sc ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.prod_sc ul li p{ width:auto; line-height:40px; font-size:14px; color:#333; text-align:center;}


.news_vn{ width:90%; min-height:600px; margin:0 auto; overflow:hidden;margin-top:20px;}
.news_vn ul{ width:100%; margin:0 auto;}
.news_vn ul li{ width:30%;*width:29.95%!important; float:left; min-height:390px; position:relative; margin-left:4%; margin-bottom:35px;overflow:hidden;transition: all 0.5s;}
.news_vn ul li:hover{box-shadow:0 10px 50px rgba(51, 51, 51, .25);transition: all 0.36s ease;}
.news_vn ul li:nth-child(3n+1){margin-left:0px;}
.news_vn ul li dd{width:100%; min-height:230px;overflow:hidden; margin-bottom:5%;}
.news_vn ul li dd img{ width:100%; height:60%;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.news_vn ul li dd:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.news_vn ul li dt{ width:94%; height:auto; margin:0 auto;}	
.news_vn ul li dt h1{ width:100%; min-height:30px; line-height:30px; font-size:20px;}
.news_vn ul li dt p{ width:95%; line-height:25px; font-size:15px; color:#666; overflow:hidden; padding-top:10px;}
.news_vn ul li dt span{ width:auto; line-height:30px; font-size:14px; color:#003281; padding-top:20px;}


.news_vo{ width:90%; min-height:600px; margin:0 auto; padding-top:60px;}
.news_vo h1{ width:auto; line-height:60px; font-size:32px; text-align:center;}
.news_vo .time{ width:auto; height:30px; text-align:center;}
.news_vo .time i{ min-width:60px; padding:0 10px 0 10px; line-height:40px; font-size:14px; font-style:normal;color:#757575;}
.news_vo .cont{ width:100%; line-height:36px; font-size:16px;color:#757575; padding:15px; padding:2%;}
.pag{ width:100%; min-height:60px;line-height:30px; font-size:14px; margin:0 auto; text-align:center;}
.pag dd{ width:50%; line-height:30px; float:left;}
.pag dt{ width:50%; line-height:30px; float:right;}

.pager {
    list-style: outside none none;
 
    padding-left: 0; padding:20px 0;
    text-align: center; font-size:14px; clear:both;
}
.pager li {
    display: inline; margin:2px;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}