/*! 
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/
html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --hover-color1: #fe510c
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: Helvetica Neue,Open Sans,Sans-serif;
    font-size: 625%;
    line-height: 1.2;
    scroll-behavior: smooth
}

body {
    color: #333;
    font-size: 14px;
    font-size: .16rem;
}

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

li {
    list-style: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

a {
    background-color: transparent;
    color: #666
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

a,ins {
    text-decoration: none
}

a,button {
    cursor: pointer
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c7c7c7
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #c7c7c7
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #c7c7c7
}

a:hover {
    color: #1d75b8;
    -webkit-transition: color .3s;
    transition: color .3s
}

.jianbian:hover {
    background: -webkit-linear-gradient(270deg,#1d75b8 30%,#94c1e3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.h-bingdong:before {
    background: -webkit-gradient(linear,right top,left top,color-stop(50%,hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.4)));
    background: linear-gradient(270deg,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.4) 0);
    background-position: 100% 100%;
    background-size: 210% 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%
}

.h-bingdong:hover:before {
    background-position: 0 100%
}

.h-hr:after {
    background-color: #fe510c;
    content: "";
    display: block;
    height: 2px;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: 0
}

.h-hr:hover:after {
    width: 100%
}

.h-img {
    display: inline-block
}

.h-img img {
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.h-img:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.f-cb:after,.f-cbli li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.f-cb,.f-cbli li {
    zoom:1}

.f-ib {
    display: inline-block
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pr,.f-prz {
    position: relative
}

.f-prz {
    zoom:1}

.f-oh {
    overflow: hidden;
}

.f-ff0 {
    font-family: arial,宋体
}

.f-ff1 {
    font-family: Microsoft YaHei,微软雅黑,arial,宋体
}

.f-fs12 {
    font-size: .12rem
}

.f-fs14 {
    font-size: .14rem
}

.f-fs16 {
    font-size: .16rem
}

.f-fwn {
    font-weight: 400
}

.f-fwb {
    font-weight: 700
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam,.f-vama * {
    vertical-align: middle
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap
}

.f-pre,.f-wwb {
    word-wrap: break-word;
    word-break: break-all
}

.f-wwb {
    white-space: normal
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu,.f-tdu:hover {
    text-decoration: underline
}

.f-tdn,.f-tdn:hover {
    text-decoration: none
}

.f-toe {
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.f-text-truncate {
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-text-truncate2 {
    -webkit-line-clamp: 2
}

.f-text-truncate2,.f-text-truncate3 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.f-text-truncate3 {
    -webkit-line-clamp: 3
}

.mt10 {
    margin-top: .1rem
}

.mb10 {
    margin-bottom: .1rem
}

.mt15 {
    margin-top: .15rem
}

.mb15 {
    margin-bottom: .15rem
}

.mt20 {
    margin-top: .2rem
}

.mb20 {
    margin-bottom: .2rem
}

.mt30 {
    margin-top: .3rem
}

.mb30 {
    margin-bottom: .3rem
}

.mt60 {
    margin-top: .6rem
}

.mb60 {
    margin-bottom: .6rem
}

.pt10 {
    padding-top: .1rem
}

.pb10 {
    padding-bottom: .1rem
}

.pt15 {
    padding-top: .15rem
}

.pb15 {
    padding-bottom: .15rem
}

.pt20 {
    padding-top: .2rem
}

.pb20 {
    padding-bottom: .2rem
}

.pt30 {
    padding-top: .3rem
}

.pb30 {
    padding-bottom: .3rem
}

.pt60 {
    padding-top: .6rem
}

.pb60 {
    padding-bottom: .6rem
}

.mw1200 {
    max-width: 12rem
}

.mw1200,.mw1400 {
    margin-left: auto;
    margin-right: auto
}

.mw1400 {
    max-width: 14rem
}

.plpr15 {
    padding-left: .15rem;
    padding-right: .15rem
}

.plr10 {
    padding-left: .1rem;
    padding-right: .1rem
}

@font-face {
    font-display: swap;
    font-family: iconfont;
    src: url(../fonts/iconfont.woff2) format("woff2"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype")
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal
}

.icon-packaging:before {
    content: ""
}

.icon-spare-part:before {
    content: ""
}

.icon-quality-test:before {
    content: ""
}

.icon-production-process:before {
    content: ""
}

.icon-wangzhan:before {
    content: ""
}

.icon-ins:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-fb:before {
    content: ""
}

.icon-in:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-mobile:before {
    content: ""
}

.icon-tel:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.icon-wechat:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-gate:before {
    content: ""
}

.icon-butterfly:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-loading:before {
    content: ""
}

.icon-online:before {
    content: ""
}

.icon-form:before {
    content: ""
}

.icon-caizhi:before {
    content: ""
}

.icon-qudong:before {
    content: ""
}

.icon-lianjie:before {
    content: ""
}

.icon-weihu:before {
    content: ""
}

.icon-jiegou:before {
    content: ""
}

.icon-zhuyi:before {
    content: ""
}

.icon-yingyong:before {
    content: ""
}

.icon-next2:before {
    content: ""
}

.icon-prev:before {
    content: ""
}

.icon-next:before {
    content: ""
}

.icon-prev2:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-butterflyvalve:before {
    content: ""
}

.icon-service:before {
    content: ""
}

.icon-quality:before {
    content: ""
}

.icon-hands:before {
    content: ""
}

.icon-banner_r:before {
    content: ""
}

.icon-banner_l:before {
    content: ""
}

.icon-djt:before {
    content: ""
}

.icon-address:before {
    content: ""
}

.icon-jt:before {
    content: ""
}

.header-top {
    border-bottom: 1px solid #f0f0f0;
    height: 40px;
    -webkit-transition: height .25s ease-in;
    transition: height .25s ease-in
}

.header-top i {
    font-size: .14rem;
    vertical-align: -1px
}

.header-top,.header-top a {
    background-color: #fff;
    color: #555;
    font-size: .14rem;
    line-height: 40px
}

.header-top a:hover {
    color: #fe510c
}

.header-content {
    -ms-flex-pack: justify;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -ms-flexbox;
    display: flex;
    height: 82px;
    justify-content: space-between;
    overflow: hidden
}

.logo {
    padding-left: 15px
}

.logo a {
    background: url(/skin/img/logo.png) 0 no-repeat;
    display: block;
    height: 82px;
    text-align: left;
    text-indent: -9999px;
    width: 1.76rem
}

.nav {
    margin-left: auto
}

.nav-li1 {
    padding: 30px .25rem
}

.nav-li1>a {
    color: #555;
    font-size: .18rem;
    line-height: 20px;
    position: relative
}

.nav-li1>a:before {
    background-color: #1d75b8;
    background: #1d75b8;
    background: -webkit-gradient(linear,right top,left top,color-stop(30%,#1d75b8),to(#73c2ff));
    background: linear-gradient(270deg,#1d75b8 30%,#73c2ff);
    bottom: -6px;
    content: "";
    display: block;
    height: 2px;
    left: 1px;
    opacity: .85;
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
    transition: all .3s cubic-bezier(.175,.885,.32,1.275);
    width: 0
}

.current-nav-li>a:before,.nav-li1>a:hover:before {
    width: 100%
}

.nav-li1>a:hover {
    color: #1d75b8
}

.nav-sub {
    background-color: #eee;
    -webkit-box-shadow: 0 1px 2px 0 #ccc;
    box-shadow: 0 1px 2px 0 #ccc;
    color: #555;
    left: 0;
    padding: .4rem 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99
}

.nav-sub a {
    color: #666
}

.nav-li1-drop2:after,.nav-li1-drop:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: iconfont!important;
    font-size: .12rem;
    font-style: normal;
    margin-left: 3px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.current-nav-li:after {
    color: #000;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.nav-submenu {
    -ms-flex: 1;
    flex: 1;
    margin-bottom: .2rem
}

.nav-submenu-row {
    display: -ms-flexbox;
    display: flex
}

.nav-submenu i {
    font-size: .8rem;
    padding-left: 25%
}

.nav-subt>a {
    font-size: .16rem;
    font-weight: 700;
    margin-bottom: .15rem
}

.nav-submenu li {
    margin: .15rem 0
}

.nav-submenu a:hover {
    color: #1d75b8
}

.nav-li1-drop2 .sub-menu {
    background-color: #eee;
    -webkit-box-shadow: 1px 1px 2px 0 #ccc;
    box-shadow: 1px 1px 2px 0 #ccc;
    display: none;
    margin-top: .3rem;
    padding: .2rem .2rem .1rem;
    position: absolute;
    z-index: 98
}

.nav-li1-drop2 .sub-menu li {
    margin-bottom: .15rem
}

.nav-li1-drop2 .sub-menu a {
    color: #555;
    font-size: .16rem
}

.nav-li1-drop2 .sub-menu a:hover {
    color: #1d75b8
}

.nav-li1-drop2 .nav-sub-current,.nav-sub-current {
    display: block
}

.select-subnav {
    display: block;
    height: 100vh
}

.select-subnav .close-subnav {
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 20px
}

.close-subnav:hover {
    border-color: #fe510c;
    color: #fe510c
}

.body-sticky {
    padding-top: 82px
}

.header-sticky .header-top {
    height: 0
}

.header-sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 #eaeaea;
    box-shadow: 0 1px 4px 0 #eaeaea;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.home-cet {
    color: #1d75b8;
    font-size: .4rem
}

.home-ce {
    --swiper-theme-color: #ccc
}

.home-ce i {
    font-size: .4rem;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden
}

.home-ce-swiper:hover i {
    opacity: 1;
    visibility: visible
}

.home-ce-swiper i:hover {
    color: #4c9cdb
}

.home-ce figcaption {
    font-size: .18rem
}

.home-form>span {
    color: #1d75b8;
    font-size: .4rem;
    font-weight: 700
}

.home-form-content {
    -webkit-box-shadow: 0 0 20px 1px #ddd;
    box-shadow: 0 0 20px 1px #ddd;
    margin-left: auto;
    margin-right: auto;
    max-width: 14rem
}

.home-form-info {
    line-height: 1.8;
    padding: .8rem .5rem 0;
    width: 45%
}

.home-form em {
    color: #666;
    font-size: .24rem;
    font-style: normal;
    font-weight: 700
}

.home-form-info p {
    color: #666;
    font-size: .18rem
}

.home-form-info li {
    font-size: .16rem;
    font-weight: 700;
    margin-top: .15rem
}

.home-form-info li a {
    color: #444
}

.home-form-info li i {
    color: #fe510c;
    font-size: .2rem;
    margin-right: 5px
}

.home-form-post {
    background: #475d6e;
    padding: .5rem;
    width: 50%
}

.home-form-post label {
    color: #fff;
    display: inline-block;
    font-size: .16rem;
    margin-bottom: .1rem
}

.home-form-post input[type=email],.home-form-post input[type=text] {
    border: none;
    font-size: .16rem;
    line-height: 2;
    padding: 5px;
    width: 100%
}

.home-form-post input[type=submit] {
    background-color: #fe510c;
    border: none;
    color: #fff;
    font-size: .18rem;
    padding: .1rem .25rem
}

.home-form-post input[type=submit]:hover {
    opacity: .85
}

.home-form-post .form-row {
    margin-bottom: .25rem
}

.home-form-post textarea {
    border: none;
    font-size: .16rem;
    height: 1.5rem;
    line-height: 1.5;
    padding: 5px;
    width: 100%
}

footer {
    background: #e5e5e5
}

.footer-item {
    line-height: 1.5;
    padding-right: .05rem;
    width: 25%
}

.footer-item span {
    color: #666;
    font-size: .18rem;
    font-weight: 700;
    margin-bottom: .3rem
}

.footer-item span:after {
    background-color: #777;
    bottom: -.1rem;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px
}

.footer-item li {
    margin-top: .18rem
}

.footer-item li i {
    color: #ccc;
    font-size: .12rem;
    margin-right: 2px
}

.footer-item li a,.footer-item li i {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.footer-item li a {
    display: inline-block
}

.footer-item li a:hover {
    color: #1d75b8;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.footer-item li a:hover i {
    color: #fe510c
}

.footer-item strong {
    color: #444;
    font-weight: 400
}

.footer-contact p {
    color: #777;
    line-height: 2
}

.footer-contact p i {
    font-size: .16rem
}

.footer-contact-btn {
    background: #fe510c;
    color: #fff;
    padding: .11rem .4rem .1rem .2rem
}

.footer-contact-btn i {
    background: hsla(0,0%,100%,.4);
    color: #fff;
    font-size: .16rem;
    height: 100%;
    padding: .1rem .06rem .1rem .04rem;
    position: absolute;
    right: 0;
    top: 0
}

.footer-contact-btn i:after {
    border-color: hsla(0,0%,100%,.4) transparent;
    border-style: solid;
    border-width: 0 0 .45rem .1rem;
    content: "";
    display: inline-block;
    left: -.1rem;
    position: absolute;
    top: 0
}

.footer-contact-btn:hover {
    color: #fff
}

.cookies-btn {
    background: transparent;
    border: none;
    color: #666
}

.cookies-btn:hover {
    color: #0086ff
}

.copyright {
    border-top: 1px solid #ccc;
    line-height: 1.5
}

.copyright,.copyright a {
    color: #e5e5e5;
    font-size: .13rem
}

.copyright a:hover {
    text-decoration: underline
}

.footer-us {
    background-color: #475d6e
}

.footer-us:before {
    border-bottom: 52px solid #475d6e;
    border-left: 4000px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: -52px;
    width: 0
}

.footer-us-share a {
    margin-right: 5px
}

.footer-us-item {
    color: #fff
}

.footer-us-item p {
    line-height: 20px;
    max-width: 70%
}

.footer-us-item i {
    color: #fff;
    font-size: .24rem;
    height: 40px;
    line-height: 40px;
    margin-right: 7px
}

.footer-us-item {
    width: 33.333%
}

.footer-us-email a {
    color: #fe510c
}

.footer-us-email a:hover {
    color: rgba(254,81,12,.8)
}

.footer-share-fb i {
    font-size: .16rem;
    line-height: 1.5
}

.sitewidget-bd {
    bottom: 0;
    left: 0;
    position: fixed
}

.tips .tipstext {
    background-color: rgba(30,30,30,.8);
    border-radius: 6px;
    bottom: 125%;
    color: #eee;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden;
    width: 120px;
    z-index: 1
}

.tips .tipstext:after {
    border: 5px solid transparent;
    border-top-color: rgba(30,30,30,.8);
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.tips:hover .tipstext {
    opacity: 1;
    visibility: visible
}

.at-info-t {
    font-size: .3rem;
    line-height: 1.5
}

.at-info-t:after {
    background-color: rgba(76,156,219,.6);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    width: 0;
    z-index: -1
}

.at-gallery-factory:hover .at-info-t,.at-info:hover .at-info-t {
    color: #fff
}

.at-gallery-factory:hover .at-info-t:after,.at-info:hover .at-info-t:after,.at-team-gallery:hover .at-info-t:after {
    width: 130%
}

.at-info-dec {
    color: #555;
    font-size: .16rem;
    line-height: 1.5;
    margin-top: .1rem
}

.at-info-item {
    width: 25%
}

.at-info-item p {
    font-size: .14rem;
    line-height: 1.5;
    padding: 0 .1rem
}

.at-info-item i {
    font-size: .5rem
}

.video-box {
    height: 0;
    margin: 0 auto;
    max-width: 780px;
    overflow: hidden;
    padding-bottom: 46.25%;
    position: relative;
    iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.factoryimg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    figure {
        margin-bottom: 10px;
        text-align: center;
        width: calc(33.33333% - 6.66667px)
    }
}

.crm {
    background-color: #eef0f4;
    padding: 55px 0
}

.crm9988 {
    background-color: #fff;
    padding: 55px 0
}

.crm,.crm a {
    color: #646464;
    -webkit-transition: all .3s;
    transition: all .3s
}

.crm:before {
    top: -75px;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg)
}

.crm:after,.crm:before {
    background-color: #fafafc;
    content: "";
    height: 75px;
    position: absolute;
    width: 200%;
    z-index: 21
}

.crm:after {
    bottom: -75px;
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg)
}

.crm-content {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between
}

.crm-content-l .crm-paget {
    color: #1d75b8;
    font-size: .2rem
}

.crm-content-r {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.crm-content-r i {
    font-size: .14rem
}

.crm-content-r li {
    display: inline-block
}

.crm a:hover {
    color: #1d75b8;
    text-decoration: underline
}

.crm a:last-child:before {
    display: none
}

#searchform input[type=text] {
    border: none;
    color: #666;
    float: left;
    font-size: .16rem;
    height: 28px;
    line-height: 1.5;
    padding: 5px;
    width: 230px
}

#searchform input[type=submit] {
    background: #fff;
    border: none;
    border-left: 1px solid #eee;
    color: #666;
    font-size: .16rem;
    height: 28px;
    padding: 0 10px;
    text-align: left
}

#searchform input[type=submit]:hover {
    color: #1d75b8
}

.page-nav a,.page-nav span {
    margin: 0 5px;
    padding: 3px
}

.page-nav a {
    color: #1d75b8
}

.page-nav a:hover {
    text-decoration: underline
}

.cat-news-mainL {
    width: 100%
}

.cat-news-items {
    margin-left: -3%
}

.cat-news-item {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    line-height: 1.6;
    margin-bottom: .25rem;
    margin-left: 3%;
    padding: 12px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    width: 30.333%
}

.cat-news-item:hover {
    -webkit-box-shadow: 0 0 20px 3px #ccc;
    box-shadow: 0 0 20px 3px #ccc;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.cat-news-item h3 {
    color: #505354;
    font-size: .16rem;
    height: 48px;
    line-height: 24px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.cat-news-item:hover h3 {
    color: #1d75b8
}

.cat-news-item time {
    color: #828283;
    font-size: .13rem
}

.cat-news-item time i {
    color: #999
}

.cat-news-item p {
    color: #505354;
    height: 66px;
    line-height: 22px
}

.cat-news-item span {
    font-size: .12rem;
    margin-right: .15rem
}

.cat-news-item:hover span {
    color: #1d75b8
}

.cat-news-item span:after {
    background-color: #1d75b8;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 0
}

.cat-news-item span:hover:after {
    width: 100%
}

.cat-news-sidebar {
    position: sticky;
    top: 100px;
    width: 23%
}

.cat-bflist-sidebar .current-cat a,.cat-news-sidebar .current-cat a {
    color: rgba(254,81,12,.8)
}

.cat-news-sidebar-menu,.cat-news-sidebar-menu2 {
    width: 100%
}

.cat-bflist-rtednews-t,.cat-bflist-sidebar-menu-t,.cat-news-sidebar-menu2-t,.cat-news-sidebar-t,.sidebar-ust {
    background: linear-gradient(102deg,#ddf0fb,#fff);
    color: #666;
    font-size: .16rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .1rem .1rem .1rem .15rem
}

.cat-bflist-sidebar-menu .cat-item,.cat-news-sidebar-menu .cat-item,.cat-news-sidebar-menu2 .cat-item {
    font-size: .14rem;
    line-height: 1.5;
    padding: .2rem 0 0
}

.cat-news-sidebar-menu a:hover,.cat-news-sidebar-menu2 a:hover {
    color: #1d75b8
}

.sidebar-filter-t {
    background: linear-gradient(102deg,#ddf0fb,#fff);
    color: #888;
    font-size: .16rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .1rem .1rem .1rem .15rem
}

.sidebar-filter-ft {
    color: #666;
    display: block;
    font-size: .15rem;
    font-weight: 700;
    margin-top: .15rem;
    padding-right: 22px
}

.sidebar-filter-ft:hover {
    color: #fe510c
}

.sidebar-filter-ft:after {
    content: "+";
    display: inline-block;
    font-size: .2rem;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 24px
}

span.sidebar-filter-icon:after {
    content: "-"
}

.sidebar-filter-content label {
    color: #666;
    display: block;
    margin-top: .1rem
}

.sidebar-filter-content label:hover {
    color: #333
}

.sidebar-filter-content input[type=checkbox] {
    background-color: #fff;
    border: 1px solid;
    display: inline-block;
    height: 15px;
    vertical-align: top;
    width: 15px
}

.sidebar-filter-content input {
    margin-right: 5px
}

.sidebar-filter-btn {
    background-color: #ddd;
    border: none;
    color: #fe510c;
    font-weight: 700;
    margin-top: .15rem;
    padding: .1rem
}

.load-filter-none {
    color: #fe510c;
    font-size: .2rem
}

.fliter-show {
    margin-left: -2%
}

.icon-loading {
    animation: loading 2s linear 0s infinite;
    -webkit-animation: loading 2s linear 0s infinite;
    -o-animation: loading 2s linear 0s infinite;
    -moz-animation: loading 2s linear 0s infinite;
    color: #555;
    font-size: .4rem;
    height: .4rem;
    left: 50%;
    line-height: 1;
    margin-left: -.25rem;
    margin-top: .5rem;
    position: absolute;
    top: .38rem;
    width: .4rem;
    z-index: 10
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.sidebar-us {
    position: sticky
}

.sidebar-us p {
    margin: .2rem 0
}

.sidebar-us i {
    color: #fe510c;
    font-size: .16rem;
    margin-right: 5px
}

.sidebar-us a {
    color: rgba(254,81,12,.8)
}

summary::-webkit-details-marker {
    display: none
}

summary {
    list-style: none
}

.faq-content details {
    border: 1px solid #dce0e8;
    border-radius: 5px;
    line-height: 1.5;
    padding: .32rem .3rem
}

.faq-t1 {
    color: #11142d;
    font-size: .32rem
}

.faq-item summary {
    color: #6a6c7c;
    cursor: pointer;
    font-size: .18rem
}

.faq-item summary:after {
    content: "＋";
    float: right;
    font-weight: bolder
}

.faq-item summary:hover,.faq-item[open] summary {
    color: #0086ff
}

.faq-item[open] summary:after {
    content: "－";
    float: right;
    font-weight: bolder
}

.faq-item p {
    color: #808191;
    font-size: .16rem;
    margin-top: .1rem
}

.faq-t2 {
    font-size: .28rem
}

.faq-p2 {
    color: #9799a6;
    font-size: .16rem
}

.banner-bg {
    background: url(../images/crm_bg.png) repeat-x 50%
}

.single-news-l {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 75%
}

.single-news-t {
    color: #333;
    font-size: .26rem;
    line-height: 1.3
}

.single-news-dec {
    color: #888;
    line-height: 1.5
}

.single-news-decviews:before {
    color: #ddd;
    content: "/";
    margin: .13rem
}

.sgle-valve-fres-content,.single-news-content {
    padding: .1rem 0
}

.sgle-valve-fres-content h2,.single-news-content h2 {
    color: #555;
    margin: .25rem 0
}

.single-news-content h3,.single-news-content h4 {
    color: #666;
    font-size: .18rem;
    margin: .18rem 0
}

.sgle-valve-fres-content p,.single-news-content p {
    color: #525252;
    font-size: .16rem;
    line-height: 1.6;
    margin: .15rem 0
}

.single-news-content img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    height: auto;
    margin: .25rem auto
}

.sgle-valve-fres-content figcaption,.single-news-content figcaption {
    color: #727272;
    text-align: center
}

.wp-block-table figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.sgle-valve-fres-content a,.single-news-content a {
    color: #1d75b8
}

.sgle-valve-fres-content a:hover,.single-news-content a:hover,.single-news-content p a:hover {
    text-decoration: underline
}

.single-news-content ol,.single-news-content ul {
    color: #555;
    font-size: .16rem;
    line-height: 1.5
}

.single-news-content>ol li,.single-news-content>ul li {
    list-style: inherit;
    margin: .15rem 0 .15rem .25rem
}

.single-news-rtdpost-t,.single-news-rtdvalve-t {
    color: #1d75b8;
    font-size: .18rem
}

.single-news-rtdvalve-itemt {
    height: 48px
}

.single-news-rtdvalve-itemt a {
    color: #333;
    font-size: .18rem;
    line-height: 24px
}

.single-news-rtdvalve-itemt:hover a:hover {
    color: rgba(254,81,12,.9)
}

.single-news-rtdvalve-item {
    background: rgba(76,156,219,.25);
    float: left;
    height: 300px;
    margin-top: .2rem;
    padding: .3rem;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 49%
}

.single-news-rtdvalve-item:nth-child(odd) {
    margin-left: 2%
}

.single-news-rtdvalve-item:hover {
    background: rgba(76,156,219,.8)
}

.single-news-rtdvalve-item:hover a {
    color: #fff
}

.single-news-rtdvalve-item i {
    color: #fff;
    font-size: .24rem;
    height: 24px;
    line-height: 24px;
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in;
    width: 24px
}

.single-news-rtdvalve-item-more {
    bottom: 0;
    left: 5%;
    opacity: 0;
    position: absolute;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    visibility: hidden
}

.single-news-rtdvalve-item-more i:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.single-news-rtdvalve-item:hover .single-news-rtdvalve-item-more {
    bottom: 7%;
    opacity: 1;
    visibility: visible
}

.single-news-content details {
    margin: .12rem 0
}

.single-news-content summary {
    background: #f9f9f9;
    color: #0086ff;
    font-size: .15rem;
    line-height: 1.5;
    padding: 5px 10px
}

.single-news-content summary:before {
    content: "＋";
    font-weight: bolder;
    margin-right: 5px
}

.single-news-content details[open] summary:before {
    content: "－";
    font-weight: bolder;
    margin-right: 5px
}

.single-news-content details>div {
    padding: 0 15px
}

.single-news-content details p {
    color: #808191
}

.single-news-tags {
    line-height: 1.5
}

.single-news-tags a {
    text-decoration: underline
}

.sgle-news-rtedvalve-img {
    bottom: .1rem;
    max-width: 200px;
    position: absolute;
    right: .1rem;
    z-index: 11
}

.sgle-news-rtedvalve-tags {
    padding-right: 2rem
}

.sgle-news-rtedvalve-tags p {
    font-size: .15rem;
    margin-bottom: .1rem
}

.sgle-news-rtedvalve-tags p:last-child {
    margin-bottom: 0
}

.sgle-news-rtedvalve-tags a {
    display: inline-block
}

.sgle-news-rtedvalve-tags a:hover {
    text-decoration: underline
}

.single-new-post,.single-rtd-post {
    font-size: .16rem;
    width: 49%
}

.single-news-otherpost p {
    line-height: 1.5;
    margin-top: .25rem
}

.single-news-otherpost p:before {
    background-color: #666;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 7px;
    vertical-align: middle;
    width: 6px
}

.single-listpage {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.single-listpage span {
    color: #888;
    font-size: .13rem;
    width: 100%
}

.single-listpage a {
    color: #888
}

.single-listpage i {
    color: #777;
    line-height: 40px;
    width: 24px
}

.single-listpage-next,.single-listpage-prev {
    line-height: 20px;
    width: 49%
}

.single-listpage-prev a:hover i {
    -webkit-animation: wd-ShakeNext 1s ease infinite;
    animation: wd-ShakePrev 1s ease infinite;
    color: #1d75b8
}

.single-listpage-next a:hover i {
    -webkit-animation: wd-ShakeNext 1s ease infinite;
    animation: wd-ShakeNext 1s ease infinite;
    color: #1d75b8
}

@-webkit-keyframes wd-ShakePrev {
    25% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }
}

@keyframes wd-ShakePrev {
    25% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }
}

@-webkit-keyframes wd-ShakeNext {
    25% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }

    75% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

@keyframes wd-ShakeNext {
    25% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(-3px,0,0);
        transform: translate3d(-3px,0,0)
    }

    75% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }
}

.single-listpage-next a:hover,.single-listpage-prev a:hover {
    color: #1d75b8
}

.sgle-valvebanner {
    background: #ededed
}

.sgle-valve {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sgle-valveimg {
    width: 44%;
    /*height:100%;*/
}

.sgle-valveimg img {
    height: auto;
    width: auto
}

.sgle-valveimg {
    --swiper-theme-color: #ccc
}

.swiper-button-next:after,.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: ""
}

.sgle-valveimg i {
    font-size: .4rem;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden
}

.sgle-valveimg:hover i {
    opacity: 1;
    visibility: visible
}

.sgle-valveimg i:hover {
    color: #4c9cdb
}

.small_valve {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20%;
    padding: 10px 0
}

.small_valve .swiper-slide {
    height: 100%;
    opacity: .4;
    width: 25%
}

.small_valve .swiper-slide-thumb-active {
    opacity: 1
}

.sgle-valvet {
    color: #444;
    font-size: .3rem;
    line-height: 1.6;
    padding: 0 .1rem
}

.sgle-valve-specs {
    width: 50.6%
}

.sgle-valve-specs p {
    border-bottom: 2px dotted #ededed;
    color: rgba(61,61,61,.87);
    line-height: 1.5;
    padding: .15rem .15rem .15rem 2.15rem
}

.sgle-valve-specs b {
    margin-left: -200px;
    width: 200px
}

.sgle-valve-specs-us a {
    background: rgba(76,156,219,.1);
    border: 1px solid #1d75b8;
    border-radius: 30px;
    color: #1d75b8;
    display: inline-block;
    font-size: .16rem;
    margin-bottom: .2rem;
    margin-right: .1rem;
    padding: .09rem .25rem;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.sgle-valve-specs-us i {
    font-size: .18rem;
    font-weight: 700;
    margin-right: 5px
}

.sgle-valve-specs-us a:hover {
    background: rgba(254,81,12,.1);
    border-color: #fe510c;
    -webkit-box-shadow: 0 0 15px #fe510c;
    box-shadow: 0 0 15px #fe510c;
    color: #fe510c
}

.sgle-valve-frest {
    color: #1d75b8;
    font-size: .4rem
}

.sgle-valve-fres-content ul {
    column-count: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.sgle-valve-fres-content li {
    font-size: .15rem;
    line-height: 1.5;
    margin-bottom: .16rem;
    padding-left: .15rem;
    position: relative
}

.sgle-valve-fres-content li:before {
    background-color: #333;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: .08rem;
    width: 6px
}

.v-fps-t {
    color: #1d75b8
}

.v-fp {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between
}

.v-fp>div {
    border-radius: 5px;
    margin-top: .15rem;
    overflow: hidden;
    width: 24.5%
}

.v-fp-t {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(29,117,184,.75);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    line-height: 1.5;
    padding: 12px
}

.v-fp-t i {
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.1
}

.v-fp-t strong {
    font-size: .16rem;
    margin-top: .1rem;
    text-align: center
}

.wrap-othervalve {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.rtd-othervalve-item {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    width: 23%
}

.rtd-othervalve-itemt {
    margin: 15px 10px
}

.rtd-othervalve-item:hover {
    background: #ebebeb
}

.cat-bflist-rtednews-item {
    color: #777;
    line-height: 1.3;
    margin-top: .15rem;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.cat-bflist-rtednews-item:hover {
    color: #555;
    text-decoration: underline
}

.cat-bflist-sidebar {
    width: 23%
}

.cat-bflist-sidebar-menu {
    width: 100%
}

.cat-bflist-sidebar-menu a:hover {
    color: rgba(254,81,12,.8)
}

.cat-bflist-main {
    width: 75%
}

.cat-bflist-maint {
    color: #1d75b8;
    font-size: .26rem
}

.cat-bflist-valve {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -2%
}

.cat-bflist-item {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-bottom: .15rem;
    margin-left: 2%;
    padding-bottom: .15rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 31.333%
}

.cat-bflist-item-img {
    position: relative
}

.cat-bflist-item .cat-item-quote {
    background: #fe510c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin-left: -75px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 30%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    visibility: hidden;
    width: 150px
}

.cat-bflist-item h3 {
    color: #555;
    font-size: .16rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 .12rem
}

.cat-bflist-item:hover h3 {
    color: #1d75b8
}

.cat-bflist-item:hover {
    background: #ebebeb
}

.cat-bflist-item:hover .cat-item-quote {
    opacity: 1;
    top: 35%;
    visibility: visible;
    z-index: 99
}

.cat-bflist-item .cat-item-quote:hover {
    color: #fff;
    opacity: .9
}

.pe-cact-dec {
    color: #888;
    font-size: .16rem;
    line-height: 1.5
}

.pe-cact-box {
    -webkit-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    display: -ms-flexbox;
    display: flex
}

.pe-cactmap,.pe-cactmap-info {
    -ms-flex: 1;
    flex: 1
}

.pe-cactmap {
    font-size: .14rem;
    height: auto;
    width: 100%
}

.pe-cactmap-info {
    padding: 1rem 0
}

.pe-cactmap-info p {
    font-size: .15rem;
    line-height: 1.5;
    margin: .15rem 0;
    padding: 0 .25rem
}

.wpcf7.home-form-post form .wpcf7-response-output,.wpcf7.home-form-post form.sent .wpcf7-response-output {
    color: #eee;
    margin: .1rem 0 -.1rem;
    padding: .1rem .2rem
}

.topbanner-x8 {
    position: relative;
    background: #f8f8f8
}

.topbanner-img8 {
    display: block;
    width: 100%;
    height: 420px
}

.topbanner-info8 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.container8 {
    width: 1300px;
    margin: 0 auto;
}

.page-tit8 {
    margin-top: 146px;
    text-align: center;
    font-size: 60px;
    line-height: 80px;
    font-family: Metropolis-Bold, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
    color: #fff;
}

.page-bread8 {
    margin: 20px auto 0;
    text-align: center;
}

.page-bread8 #breadcrumbs {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}

@media (max-width: 768px) {
    .topbanner-x8 {
        display: none;
        /* 完全隐藏整个Banner区域 */
    }

    /* 或者仅隐藏背景图和文字（保留容器高度） */
    /*
    .topbanner-img8 {
        background-image: none !important;
        height: 0 !important;
    }
    .page-tit8,
    .page-bread8 {
        display: none !important;
    }
    */
}

/*fenye*/
.pagination {
    font-size: 0px;
    margin-right: -5px;
    padding-top: 15px;
    text-align: center;
}

.pagination ul li {
    float: left;
}

.pagination a {
    font-size: 12px;
    color: #888;
    display: inline-block;
    _display: inline;
    padding: 0 7px;
    border: 1px solid #ddd;
    margin-right: 5px;
    line-height: 26px;
}

.pagination a.prev,.pagination a.next {
    padding: 0 15px;
}

.pagination a:hover, .pagination a.cur, .pagination a.active, .pagination li.active a, .pagination li.active a:hover {
    background: #17c4de;
    font-weight: bold;
    color: #fff;
    border: 1px solid #17c4de;
}