@charset "utf-8";
body { font:normal 12px/24px "",Arial, Helvetica, sans-serif;  color: #333; min-width:1380px; line-height:28px; background-color:#fff;}
a{color:#333; text-decoration:none; font:normal 12px/24px "",Arial, Helvetica, sans-serif; line-height:28px;}
a:hover{color:#ba0001;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}
ul,li{ list-style:none; padding:0; margin:0;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.left{float:left;}
.right{float:right;}
.both{ clear:both;}
.center{ text-align:center;}
.over{ overflow:hidden;}
.w138{ width:1380px; margin:0 auto;}

.top{ background-color:#154a90; height:105px; min-width:1380px; padding-top:20px;}
.top .right{ color:#fff;}
.top{height:116px; border-bottom:solid 1px #d6e7ed; position:absolute;top: 0;margin:auto; width:100%; z-index:999;}
.topblock{background:#fff;}
.top .nav{margin:33px 0 0 37px;}
.top .nav li{float:left; margin:0 0 0 39px;}
.top .nav li a{font-size:16px; color:#fff; padding:0 15px 28px;}
.top .nav li a:hover{color:#fff; border-bottom:solid 3px #c01915;}
.top .nav li a.on{color:#fff; border-bottom:solid 3px #c01915;}
.top .mosea{height:105px; position:relative;}
.top p.syewm{width:14px; height:26px; position:relative; background:url(../images/phone.png) no-repeat center; margin:0px 0 0 12px;z-index: 99;}
.top p.syewm span{display:none; width:125px; height:125px; position:absolute; top:40px; left:-50px; background:url(../images/wx.jpg) no-repeat center;}
.top p.syewm:hover span{display:block;}
/**/
.search-wrapper {position: absolute;top:4%;right:0;}
.search-wrapper .input-holder {overflow: hidden;height: 70px;background: rgba(255,255,255,0);border-radius:6px;position: relative;width:22px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder {border-radius: 50px;width:450px;background: rgba(0,0,0,0.5);-webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);}
.search-wrapper .input-holder .search-input {width:100%;height: 50px;padding:0px 70px 0 20px;opacity: 0;position: absolute;top:0px;left:0px;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;outline:none;font-size: 16px;font-weight: 400;line-height: 20px;color:#FFF;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}
.search-wrapper.active .input-holder .search-input {opacity: 1;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);transform: translate(0, 10px);}
.search-wrapper .input-holder .search-icon {width:22px;height:22px;border:none;/*border-radius:6px;*/background:url(../images/search.png) no-repeat center;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon {width: 50px;height:50px;margin: 10px;border-radius: 30px;}
.search-wrapper .input-holder .search-icon span {width:22px;height:22px;display: inline-block;vertical-align: middle;position:relative;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);-moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
.search-wrapper.active .input-holder .search-icon span {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {position: absolute;content:'';}
.search-wrapper .input-holder .search-icon span::before {width: 4px;height: 11px;left: 9px;top: 18px;border-radius: 2px;background: #974BE0;}
.search-wrapper .input-holder .search-icon span::after {width: 14px;height: 14px;left: 0px;top: 0px;border-radius: 16px;border: 4px solid #974BE0;}
.search-wrapper .close {position: absolute;z-index: 1;top:24px;right:20px;width:25px;height:25px;cursor: pointer;opacity: 0;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);-moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .close {right:-50px;opacity: 1;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after {position:absolute;content:'';background: #666;border-radius: 2px;}
.search-wrapper .close::before {width: 5px;height: 25px;left: 10px;top: 0px;}
.search-wrapper .close::after {width: 25px;height: 5px;left: 0px;top: 10px;}
.search-wrapper .result-container {width: 100%;position: absolute;top:80px;left:0px;text-align: center;font-size: 14px;display:none;color:#B7B7B7;}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}

h1{ font-size:38px; font-weight:bold; text-align:center;margin-top:79px;}
.red{ color:#ba0001; font-weight:bold;}
.whit{color:#fff; font-weight:bold;}
.whit1{color:#fff;}
h2{ font-size:24px;text-align:center; margin-top:29px; margin-bottom:50px;}
.jishu{ float:left;background-color:#e4edfa; border-bottom:3px solid #ba0001; width:260px; height:483px; text-align:center; font-size:16px;overflow: hidden;position: relative; margin-top:30px;}
.jishu a{ font-size:16px;}
.jishu h1{ font-size:24px; font-weight:bold;margin:33px 0 5px 0;}
.jishu a:hover{color:#fff;}
.jishu:hover{background-color:#ba0001; display:block; height:483px;color:#fff;}

a img.about-img{-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
a img.about-img:hover {
-webkit-transform: scale(1.1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 750ms;-moz-transform: scale(1.1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 750ms;
}
.jishu p.img_tit {position: absolute;top:156px;display: block;width: 100%;z-index: 0; text-align:center; font-size:24px; color:#fff;}
.juli{ margin:100px 20px 80px 20px;}

/*产品展示*/
.chanp{padding:0px 0 100px;background: #154a90;}
.chanp .yin_t{height: 106px;}
.chanp .yin_t:before{left: 38%;}
.chanp .yin_t:after{right: 38%;}
.chanp01{width:690px;height: 475px;background: #fff;overflow: hidden;}
.cp_t{width: 690px;height: 108px;padding: 30px 0 0 35px;}
.cp_t h3{height:45px;line-height:45px;}
.cp_t h3 a{font-size:24px;color: #ba0001; font-weight:bold;}
.cp_t h3 em{display: inline-block;padding: 0 0 0 10px;}
.cp_t h3 em img{width: 23px;height: 23px; vertical-align:middle;}
.cp_t ul li{height: 26px;line-height: 26px;float: left;width: 120px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_t ul li a{font-size: 14px;color: #333;}
.cp_t ul li a:hover{font-size:14px;color:#ba0001;}
.cp_pic{text-align:center;}
.cp_pic img{ text-align:center;}
.cp_pic1{text-align:center; margin-top:28px;}
.cp_pic1 img{ text-align:center;}
.cp_pic3{text-align:center; margin-top:55px;}
.cp_pic3 img{ text-align:center;}

.chanp02{background: #fff url(../images/cp_line01.gif) repeat-y;}
.chanp03{width: 690px;background: #fff url(../images/cp_line02.gif) repeat-x;border-right: #eee 1px solid;box-sizing:border-box;}
.chanp03 .cp_t{height: 88px;}
.chanp03 .cp_pic{text-align:center;}
.chanp03 .cp_pic img{text-align:center;}
.chanp .nobor{border-right: none;}

/*about*/
.font16{ font-size:16px; line-height:40px;}
.font16 a{ font-size:16px; line-height:40px;}
.font14{ font-size:14px; line-height:35px;}
.font14 a{ font-size:14px; line-height:35px;}
.about_nav{ border:1px solid #e8e8e8; border-left:none; height:54px;width:750px;margin:55px auto 67px auto; }
.about_nav li{ float:left; border-left:1px solid #e8e8e8;height:54px; width:124px; text-align:center;font-size:18px;line-height:54px;}
.about_nav li a{line-height:54px;font-size:18px;}
.about_nav li a:hover{background-color:#ba0001; display:block; color:#fff;}
.about_video{width:1380px; height:501px; text-align:center; font-size:16px;overflow: hidden;position: relative;}
.about_video p.img_tit {position: absolute;top:200px;width: 100%;z-index: 0; text-align:center; }

/*news*/
.news{padding:0px 0 80px;background: #154a90; margin-top:80px;}
.newspic{ margin:32px 0 20px 0; width:385px; line-height:26px; color:#fff;}
.newspic span a{color: #fff;font-size: 14px;line-height: 35px;}
.iinews_2{width:806px;}
.iinews_2_1{font-size:24px;color: #fff; font-weight:bold;}
.iinews_2_1 a{color: #fff;font-family:Arial," sans-serif";}
.iinews_2_1 a:hover{color:#ba0001;}
.iinews_2_2 a img{margin: 26px 0 20px;}
.iinews_2_2 li{width: 806px;border-bottom:1px dashed #275899; background:url(../images/dian1.png) no-repeat 5px center; text-indent:23px;}
.iinews_2_2 li a{font-size: 14px;line-height: 52px;color: #fff;}
.iinews_2_2 li a span{float: right;color: #fff;font-size: 12px;}
.iinews_2_2 li a:hover{color:#ba0001;}
.iinews_2_2 li:hover{background:url(../images/dian.png) no-repeat 5px center;}
.iinews_3{width:464px;}
.iinews_3_1{font-size: 24px;color: #fff;font-weight:bold;}
.iinews_3_1 a{color: #fff;font-family:Arial," sans-serif";}
.iinews_3_1 a:hover{color:#ba0001;}
.iinews_3_2{margin: 32px 0 0 0;}
.iinews_3_2 li{margin: 0 0 21px;}
.iinews_3_2 li a{position: relative;}
.iinews_3_2 li a i{width: 45px;height: 45px;display: block;position: absolute;z-index: 3;left: -8px; background: url(../images/iinews_3_1.png) no-repeat left center;}
.iinews_3_2 li a em{position: absolute;left: 0;top: -1px;z-index: 3;width: 464px;border-radius: 50px;opacity: 0; background: #ba0001;display: block;height: 45px; transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.iinews_3_2 li a span{width:413px;height: 43px;position: relative;z-index: 2; line-height: 43px;display: block;background: #fff;border: solid 1px #ededed;border-radius: 50px;padding: 0 0 0 50px;}
.iinews_3_2 li a h5{z-index: 4;font-size: 15px;position: relative;}
.iinews_3_2 li a:hover em{opacity: 1;visibility:visible;}
.iinews_3_2 li a:hover h5{color: #fff;}
.iinews_3_2 li p{padding: 0 10px 0 0;position: relative;margin: 19px 0 0 0;}
.iinews_3_2 li p i{width: 45px;height: 45px;position: absolute;right: 0;top: -1px; background: url(../images/iinews_3_2.png) no-repeat right center;}
.iinews_3_2 li p span{font-size: 14px;color: #373535;width: 450px;line-height: 44px;height: 44px;display:block;background: #e0e0e2;border-radius: 50px;margin: 0 0 0 -8px;padding: 0 0 0 21px;}
.iixian{width: 2px;height: 433px;background: #eee;float: left;margin: 0 33px;}

/*footer*/
.footer{padding:75px 0 20px;background:#2f2f30; overflow:hidden;color:#d9d9d9;font-size:14px;}
.footer a{color:#d9d9d9;font-size:14px;}
.footer a:hover{color:#ba0001;}
.footer ul{ float:left;}
.footer li{float:left; line-height:37px; text-align:center; margin-right:110px; }
.footer .contact{ float:left; border-left:1px solid #404040;padding-left:90px; margin-bottom:60px;}
.footer .contact h3{ font-size:24px; color:#ba0001; font-weight:bold; margin-bottom:18px;}
.footer .contact p{ line-height:37px;}
.footer .contact .add{ background:url(../images/add.png) no-repeat left center; padding-left:20px;}
.footer .contact .tel{ background:url(../images/tel1.png) no-repeat left center; padding-left:20px;}
.footer .contact .fax{ background:url(../images/fax.png) no-repeat left center; padding-left:20px;}
.footer .contact .phone{ background:url(../images/phone1.png) no-repeat left center; padding-left:20px;}
.bottom{border-top:1px solid #404040;padding-top:20px; text-align:center; font-size:14px;}

/*内页*/
.banner{ background:url(../images/product_02.jpg) no-repeat center top; min-width:1380px; margin-top:135px; height:400px;}
.loction{ background:url(../images/weizi.png) no-repeat left center; padding-left:22px; margin:25px 0;}
.productnav{ float:left; width:290px; border:1px solid #ececee; border-bottom:none;margin-bottom:70px;}
.productnav h3{ background-color:#ba0001; height:57px; line-height:57px; color:#fff; font-size:22px; padding-left:22px; font-weight:bold;}
.productnav h4{border-bottom:1px solid #ececee; line-height:52px; background:url(../images/product_08.jpg) no-repeat 25px center; text-indent:45px; font-size:18px;}
.productnav h4 a{line-height:52px;font-size:18px;}
.productnav h4 a:hover{ color:#fff;}
.productnav h4:hover,.productnav h4.cur{background:#f2c2c2 url(../images/product_09.jpg) no-repeat 25px center; display:block;color:#fff}
.productnav ul{border-bottom:1px solid #ececee; padding:8px 0;}
.productnav li{line-height:37px; background:url(../images/product_12.jpg) no-repeat 32px center; text-indent:48px; font-size:14px;}
.productnav li a{line-height:37px;font-size:14px;}
.productnav li a.cur{color:#ba0001;}
.productnav li:hover{background:url(../images/product_13.jpg) no-repeat 32px center;}

.product_list{float:right; width:1075px; margin-left:12px;}
.product_list_2 li{ float:left; width:327px; margin-left:30px; font-size:16px; text-align:center; margin-bottom:5px;}
.product_list_2 li a{font-size:16px; line-height:55px;}
.product_list_2 li img{width:327px; height:294px; border:1px solid #e6e6e8;}
/**/
.newslists li {margin-bottom: 30px;border: #f4f4f4;background: #fff;width: 97%;margin: 0 0 15px 3%;}
.newslists li a {display: block;height: 240px;padding: 0 185px 0 330px;position: relative;}
.newslists li .imgDiv {position: absolute;left: 30px;top: 30px;width: 260px;}
.newslists li .imgDiv img {width: 100%;}
.newslists li .name {
    padding-top: 46px;
    height: 62px;
    position: relative;
}
.newslists li .name p {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    font-size: 22px;
    color: #333;
}
.newslists li .name em {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 32px;
    height: 2px;
    background: #dedede;
}
.newslists li .content {
    color: #666;
    padding-top: 30px;
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.newslists li .time {
    font-size: 18px;
    color: #999;
    position: absolute;
    right: 30px;
    top: 60px;
    line-height: 40px;
}
.newslists li .time h2 {
    font-size: 36px;
    font-weight: 400;margin: 0;
}
.newslists li .ico {
    position: absolute;
    right: 57px;
    bottom: 57px;
    width: 33px;
    height: 33px;
    background: url(../images/nimg33_1.png) no-repeat center;
}
.newslists li:hover {
    box-shadow: 0px 0px 14px #ddd;
    -moz-box-shadow: 0px 0px 14px #ddd;
}
.newslists li:hover .ico {
    background: url(../images/nimg33_1on.png) no-repeat center;
}
/**/
.ssnew{/* margin: 200px 0 0 0; */}
.ssnew .main {background: #f8f8f8;padding: 50px 50px 90px;margin: 0 0 100px;}
.ssnew .header {text-align: center;padding-bottom: 38px;margin-bottom: 40px;border-bottom: 1px solid #dedede;}
.ssnew .name {font-size: 24px;color: #332c2b;letter-spacing: 1px;margin-bottom: 10px;margin-top: 0;}
.ssnew .header .other{font-size: 14px;color: #999;}
.ssnew .content{font-size: 14px;color: #666;line-height: 30px;text-align: justify;margin-bottom: 32px;}
.ssnew .share {/* font-size: 0; */margin: 30px auto 40px;}
.ssnew .share span,.ssnew .share a {display: inline-block;vertical-align: middle;font-size: 14px;color: #666;/* line-height: 28px; */}
.ssnew .bshare-custom{display: inline-block;}
.ssnew .share a{position: relative;top: 6px;}
.ssnew .relative-btn{position: relative;padding-top: 30px;border-top: 1px solid #dedede;}
.ssnew .relative-btn p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 130px;olor: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a{color: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a:hover{color:#ba0001;}
.ssnew .relative-btn .return2{
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 10;
    width: 120px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #ba0001;
    border: 2px solid #ba0001;
    border-radius: 30px;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}
.ssnew .relative-btn .return2:hover{color: #fff;background:#ba0001;}
/**/
.contentdiv p{font-size: 14px;line-height: 32px;}
.contentdiv strong{color:#ba0001;margin: 5px 0 10px;display: block;}
.about_contact{background: #f3f3f3;padding: 3%;margin: 0 0 20px 30px;}
/**/
.lyb li {
    float: left;
    width: 33.33%;
    margin-bottom: 30px;
}
.lyb li .box {
    margin-right: 30px;
}
.lyb li .txt {
    height: 28px;
    font-size: 18px;
    color: #333;
}
.lyb li .txt em {
    color: #ba0001;
}
.lyb li .input1 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background: #e7e9f2;
    outline: none;
    text-indent: 1em;
}
.lyb .li01 {
    width: 100%;
}
.lyb li textarea {
    width: 100%;
    height: 220px;
    background: #e7e9f2;
    border: none;
    outline: none;
    text-indent: 1em;
    padding: 15px 0 0 0;
}
.joform .btn{
    font-size: 24px;
    display: block;
    width: 200px;
    height: 50px;
    background: #ba0001;
    color: #fff;
    text-align: center;
    line-height: 50px;    border: none;    cursor: pointer;
}
/**/
.produtsshow h1{margin: 0;font-weight: normal;}
.infolistitem{margin: 0 0 30px;}
.infolistitem h2{border-bottom: 1px solid #e5e5e5;text-align: left;padding: 0 0 15px 0;font-size: 22px;margin-bottom: 30px;}

.product_hits li{
    float: left;
    width: calc(25% - 24px);
    margin: 0 12px;
}
.product_hits li a {
    display: block;
    padding: 55px 0 40px;
    height: 100%;
    text-align: center;
    border: 1px solid #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.product_hits li h3 {
    margin-bottom: 12px;
    height: 24px;
    padding: 0 15px;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.product_hits a:hover {
        border-color: #ba0001;
}
.product_hits a:hover h3{color: #ba0001;}
.product_hits li .rximg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61.42857%;
    overflow: hidden;
}

.product_hits li .rximg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**/
 .xunpan{ /*padding-top:20px;margin: 60px 0 0 0;*/ font-size:14px;} 
.xunpan table{/*border-top:1px dashed #e3e3e3;*//* padding-top:40px; */}
.xunpan table td{padding:10px 5px;}
.xunpan input{padding:0px 5px 0px 15px;width:300px;height:38px;border:1px solid #e3e3e3;margin: 0 5px 0 0;outline: none;}
.xunpan textarea{padding:10px;width:100%;height:200px;border:1px solid #e3e3e3;outline: none;width: calc(100% - 20px);}
.xunpan .button{width:100px; height:40px; background-color:#e70013; font:normal 18px/40px "", Arial, Helvetica, sans-serif; color:#FFF; cursor: pointer;border:none;}
.xunpan input:focus,.xunpan textarea:focus{border:solid 1px #e70013;}
.xunpan img{float:left;}
.xunpan .form-group{width:350px;margin:0 90px 0 0}
.xunpan .form-group input{width:200px;float:left;}
.xunpan .form-group p{line-height:40px;}

.faqcontent p span{color: #ba0001;}
.faqcontent p:nth-of-type(2n){margin: 0 0 10px 0;line-height: 18px;}

.protab{width: 50%;background: #ccc;border-spacing: 1px;}
.protab td{background: #fff;padding: 6px;}
/**/
.pagination{text-align: center;}
.pagination li{
    /* float: left; */
    display: inline-block;
}
.pagination li a{
    display: inline-block;
    vertical-align: top;
    margin: 8px 4px 0;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #999;
    height: 28px;
    line-height: 28px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.pagination li a:hover,.pagination li.active a{
    border-color: #ba0001;
    background: #ba0001;
    color: #fff;
}