@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
html{font-family:'Noto Sans SC',Arial, Helvetica, sans-serif; font-style:normal; font-size:14px;}
body{margin:0px; padding:0px; margin:0px auto; font-size:1.0em; color:#333; width:100%; zoom:1; overflow-x:hidden;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; vertical-align:baseline;}
input,select,textarea{margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,select{vertical-align:middle}
input,button,select,textarea{outline:none;}
textarea{resize:none; font-size:14px;}
h1,h2,h3,h4{font-weight:normal;}
ul,ol{list-style:none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin:0; padding:0; border:none}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
em{font-style:normal}
.clearfix,.w{zoom:1}
.clearfix:after,.w:after{content:"."; display:block; overflow:hidden; height:0; clear:both; visibility:hidden}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.fl{float:left;}
.fr{float:right;}
.ph2-mh1 ul{clear:both; margin-left:-5%;}
.ph2-mh1 li{width:45%; height:auto; float:left; margin-left:5%;}

.ph3-mh2 ul{clear:both; margin-left:-3.3333%;}
.ph3-mh2 li{width:30%; height:auto; float:left; margin-left:3.3333%;}

.ph4-mh2 ul{clear:both; margin-left:-3%;}
.ph4-mh2 li{width:22%; height:auto; float:left; margin-left:3%;}

.ph3-mh1 ul{clear:both; margin-left:-2.3333%;}
.ph3-mh1 li{width:31%; height:auto; float:left; margin-left:2.3333%;}

.ph2-mh2 ul{clear:both; margin-left:-5%;}
.ph2-mh2 li{width:45%; height:auto; float:left; margin-left:5%;}
.md-204{display:block; overflow:hidden; position:relative; top:-204px;}
.md-194{display:block; overflow:hidden; position:relative; top:-194px;}
/*头部及菜单*/
.top-w{width:100%; height:150px; position:fixed; left:0; top:0; z-index:1000; transition: all 0.4s ease;}
.top-n{width:90%; max-width:1600px; height:auto; margin:0 auto;}
.top-logo-a{width:195px; height:auto; float:left; margin-top:25px;} 
.top-logo-b{width:195px; height:auto; float:left; margin-top:25px; display:none;}

.scrolled{width:100%; height:134px !important; background:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.scrolled .top-logo-b{display:block;}
.scrolled .top-logo-a{display:none;}

.menu-center{width:50%; max-width:600px; min-width:500px; float:left; margin-left:30%;}
.menu-center > ul {display: flex; justify-content: space-between;}
.menu-center > ul > li {position: relative; flex:1; text-align:center;}
.menu-center > ul > li > a {display: block; line-height:30px; color: #fff; text-decoration: none; padding: 60px 20px 44px; font-size: 18px; transition: all 0.3s ease;}
.scrolled .menu-center > ul > li > a{color:#333;  padding: 60px 20px 44px;}
.menu-center > ul > li:hover > a {color: #ff6700;}
.menu-c-two{position: absolute; left:0; width:200vw; left:50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; padding: 10px 0; visibility: hidden;
 opacity: 0; transition: all 0.3s ease; z-index: 999;}
.menu-center > ul > li:hover .menu-c-two {visibility: visible; opacity: 1;}
.menu-c-two li {margin: 0 15px;}
.menu-c-two li a{color: #fff; text-decoration: none; padding: 10px 15px; display: block; white-space: nowrap; transition: all 0.2s ease; border-radius: 3px; font-size:16px;}
.menu-c-two li a:hover {color:#ff6700;}

.hamburger{cursor:pointer; width:36px; height:36px; display:flex; flex-direction:column; justify-content:space-around; margin-top:55px; float:right;}
.hamburger div{width:100%; height:3px; background-color: white; border-radius: 2px; transition: all 0.3s ease;}
.scrolled .hamburger div{background-color:#333;}
.member-menu-ind{width:40px; height:40px; float:right; margin-top:53px; margin-right:30px; text-align:center; position:relative;}
.member-menu-ind i{font-size:38px; line-height:40px; color:#fff; cursor:pointer;}
.scrolled .member-menu-ind i{color:#333;}
.overlay {position:fixed; top:0; left: -100%; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); display:flex; z-index:1000; transition:left 0.4s ease;}
.overlay.active{left:0;}
.overlay-logo{width:100%; height:auto; text-align:left; overflow:hidden; position:absolute; left:0; top:0;}
.overlay-logo img{width:195px; height:auto; margin-top:25px; margin-left:30px; display:block;}
.menu-container {width:60%; height:100%; padding:150px 30px 40px 80px; overflow-y:auto;}
.products-container {width:40%; height:100%; padding:40px 20px 40px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:60px;}
.product-img{width:50%; border-radius:10px; overflow:hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease;}
.product-img:hover {transform:translateY(-5px);}
.product-img img {width:100%; display: block;}
.close-btn {position:absolute; top:40px; right:60px; color:white; cursor:pointer; z-index:1001;}
.close-btn i{font-size:30px;}
.close-btn i:hover{color:#ccc;}
.btn-menu ul {list-style: none;}
.btn-menu > ul > li {margin-bottom: 20px;}
.btn-menu > ul > li > a {color: #fff; text-decoration:none; font-size: 22px; font-weight:600; display:block; padding:10px 0; border-bottom:1px solid rgba(255, 255, 255, 0.1); position:relative;}
.btn-m-two { max-height:0; overflow:hidden; transition:max-height 0.4s ease;}
.btn-menu > ul > li.active .btn-m-two {max-height:500px;}
.btn-m-two li {margin:12px 0; position:relative; padding-left:15px;}
.btn-m-two a { color:#ddd; text-decoration:none; font-size:18px; display:block; padding:8px 0; transition:color 0.3s ease;}
.btn-m-two a:hover {color:#ff6700;}
.btn-menu > ul > li > a:after {content: '\e626'; font-family: 'iconfont'; font-weight: 900; position: absolute; right: 0; transition: transform 0.3s ease; font-size:14px;}
.btn-m-two a:before {content: '\e60b'; font-family: 'iconfont'; position: absolute; left: 0; top:15px; font-size:12px;}

.member-menu{width:40px; height:40px; float:right; margin-top:53px; margin-right:30px; text-align:center; position:relative;}
.member-menu i{font-size:36px; line-height:40px; color:#333; cursor:pointer;}
.dropdown-content {position: absolute; top:80px; right: 0; background:#fff; width:240px; border-radius:0 0 8px 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index:100; padding:10px 10px;}
.dropdown-content.active {opacity: 1; visibility: visible; transform: translateY(0);}
.dropdown-content li{width:100%; height:auto; overflow:hidden; padding:5px; border-bottom:1px dashed #ddd; color:#1b1b1b;}
.dropdown-content li:nth-child(1){position:relative;}
.dropdown-content li:last-child{ border-bottom:none;}
.m-m-user{width:50px; height:50px; overflow:hidden; border-radius:50px; float:left;}
.m-m-user img{display:block;}
.m-m-name{width:calc(100% - 60px); height:28px; line-height:28px; font-size:16px; color:#333; float:right; text-align:left;}
.m-m-id{width:calc(100% - 60px); height:16px; line-height:16px; font-size:13px; color:#555; float:right; text-align:left;}
.mm-login{width:72px; height:28px; color:#0C9; font-size:12px; position:absolute; right:5px; top:15px; border:1px solid #0C9; border-radius:20px; cursor:pointer;}
.mm-exit{width:72px; height:28px; color:#0C9; font-size:12px; position:absolute; right:5px; top:15px; border:1px solid #0C9; border-radius:20px; cursor:pointer;}
.dropdown-content li:nth-child(1) button:hover{color:#fff; background:#0C9;}
.m-m-scart{width:100%; height:40px; line-height:40px; font-size:16px; vertical-align:middle;}
.m-m-scart span a{color:#0C9; padding:0 5px 0 0;}
.m-m-scart i{font-size:20px; padding-right:3px;}
.m-m-scart span a:hover{text-decoration:overline;}
.m-m-dd{width:50%; height:40px; line-height:40px; font-size:15px; text-align:center; float:left; border-right:1px solid #ddd; vertical-align:middle;}
.m-m-dd i{font-size:18px; padding-right:3px;}
.m-m-ct{width:50%; height:40px; line-height:30px; font-size:15px; text-align:center; float:right; vertical-align:middle;}
.m-m-ct i{font-size:18px; padding-right:3px;}
.m-m-dd a:hover, .m-m-ct a:hover, .m-m-dd a:hover i, .m-m-ct a:hover i{color:#0C9;}
/* 登录弹窗样式 */
.login-modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:2000; justify-content:center; align-items:center;}
.login-modal.active{display: flex;}
.login-container{background-color:white; width:90%; max-width:400px; border-radius:10px; overflow:hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}       
.login-header{display: flex; border-bottom: 1px solid #f0f0f0;}
.login-tab{flex: 1; padding:15px; text-align: center; cursor:pointer; font-size:18px; background-color:#ddd; transition:background-color 0.3s; vertical-align:middle; font-weight: bold;}
.login-tab i{padding-right:3px; font-size:20px;}       
.login-tab.active{background-color:white; font-weight: bold; color:#0C9; border-bottom:2px solid #0C9;}
.login-content{padding: 25px;}
.login-form{display: none;}
.login-form.active{display: block;}
.form-group{margin-bottom: 20px;}
.form-group label{display: block; margin-bottom: 8px; font-size: 14px; color: #666; display:none;}
.form-group input{width:100%; padding:10px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; transition: border-color 0.3s;}
.form-group input:focus{border-color: #0C9; outline: none;}
.login-btn{width:100%; padding:12px; background-color:#0C9; color:white; border:none; border-radius:4px; font-size:16px; cursor:pointer; transition:background-color 0.3s;}
.login-btn:hover{background-color:#66b1ff;}
.quick-login{margin-top:25px; text-align:center;}
.quick-login-title {position: relative; margin-bottom: 20px; font-size: 14px; color: #999;}
.quick-login-title:before, .quick-login-title:after {content: ""; position: absolute; top: 50%; width: 30%; height: 1px; background-color: #eee;}
.quick-login-title:before {left: 0;}
.quick-login-title:after{right: 0;}
.quick-login-buttons{display:flex; justify-content:center; gap:20px;}       
.quick-login-btn{width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.3s;}
.quick-login-btn:hover{transform: scale(1.1);}
.quick-login-btn i{font-size:48px;}
.wechat-btn i{color:#07C160;}
.alipay-btn i{color:#1677FF;}
.close-btn{position:absolute; top: 15px; right:15px; font-size:24px; color:#fff; cursor:pointer; transition:color 0.3s;}
.close-btn:hover{color:#333;}
.forgot-password{text-align:right; margin-top:10px; font-family:"Microsoft YaHei",'微软雅黑',Arial; margin-bottom:5px;}
.forgot-password a{color: #0C9; text-decoration: none; font-size: 14px;}
.forgot-password a:hover {text-decoration: underline;}
.login-footer{text-align: center; margin-top: 15px; font-size: 12px; color: #999;}
.login-footer a{color: #0C9; text-decoration: none;}
.login-footer a:hover{text-decoration: underline;}

/*Banner*/
#swiper01{width:100%; height:auto; text-align:center;}
#swiper01 img{max-width:100%; display:block; margin:0 auto;}
#swiper01 .swiper-pagination-bullet{background:#fff; opacity:.6; width:12px; height:12px;}
#swiper01 .my-bullet-active{background:#F90; opacity:.8; width:12px; height:12px;}
#swiper01 .my-custom-pagination{ bottom:20px;}
#allmap{width:100%; height:300px; overflow:hidden; margin:0;}
#swiper01 .my-swiper-button-next{color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.1); width:50px; height:50px; border-radius:30px; margin-right:20px;}
#swiper01 .my-swiper-button-prev{color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.1); width:50px; height:50px; border-radius:30px; margin-left:20px;}
#swiper01 .my-swiper-button-next:hover, #swiper01 .my-swiper-button-prev:hover{background:rgba(255,255,255,0.3);}

.foot-all{width:100%; height:auto; overflow:hidden;}
.foot-w{width:100%; height:auto; padding:80px 0; background:#262626;}
.foot-n{width:90%; height:auto; max-width:1360px; margin:0 auto;}
.foot-l{width:78%; height:auto; float:left;}
.foot-logo{width:100%; height:auto; margin-bottom:20px;}
.foot-logo img{display:block; width:100%; max-width:201px;}
.foot-menu{width:100%; height:auto; overflow:hidden;}
.foot-menu li{width:19%; height:auto; float:left; border-right:1px solid #333;}
.foot-menu li:nth-child(1){width:24%; padding-right:20px; box-sizing:border-box; border-right:none;}
.foot-menu dt{width:100%; height:30px; font-size:16px; line-height:30px; color:#b3b3b3; margin-bottom:15px; text-align:center;}
.foot-menu dt a{color:#b3b3b3;}
.foot-menu dd{width:100%; height:auto; line-height:20px; padding:4px 0; font-size:14px; color:#fff; text-align:center;}
.foot-menu dd a{color:#fff;}
.foot-menu dd a:hover{color:#f19012;}
.foot-r{width:22%; height:auto; float:right;}
.foot-wx{width:110px; height:auto; overflow:hidden; margin:0 auto;}
.foot-wx img{display:block;}
.foot-wx-dt{width:100%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; padding:0 10px 5px; box-sizing:border-box;}
.foot-tel{width:90%; max-width:224px; height:auto; background:#434343; border-radius:50px; margin:15px auto 0; padding:10px 18px;}
.foot-tel dt{width:44px; height:auto; text-align:center; color:#9e9e9e; float:left; display:block;}
.foot-tel dt i{font-size:42px; line-height:42px;}
.foot-tel dd{width:138px; height:auto; float:right; color:#f5f5f5; font-size:20px; line-height:24px; display:block;}
.foot-tel span{width:100%; height:18px; line-height:18px; display:block; color:#eee; letter-spacing:5px; font-size:12px;}

.foot-cp{width:100%; height:auto; line-height:20px; padding:16px 0; background:#111111; color:#7e7e7e; font-size:14px; text-align:center;}
.foot-cp a,.foot-cp a:hover{color:#a5a5a5;}

.top-member-w{width:100%; height:50px; background:#cfcfcf;}

@media screen and (max-width:1600px) {
.menu-center{margin-left:28%;}
}
@media screen and (max-width:1440px) {
.menu-center{max-width:500px; min-width:400px; margin-left:25%;}
.foot-w{padding:60px 0;}
.foot-l{width:70%;}
.foot-r{width:25%;}
.foot-tel{width:100%; padding:10px 18px;}
.foot-tel dt{width:25%;}
.foot-tel dt i{font-size:38px; line-height:38px;}
.foot-tel dd{width:74%; font-size:18px; line-height:20px;}
.foot-tel span{height:18px; line-height:18px; letter-spacing:5px;}
	
}
@media screen and (max-width:1360px) {
.menu-center{width:50%; max-width:450px; margin-left:18%;}
}
@media screen and (max-width:1180px) {
#swiper01 .swiper-pagination-bullet{width:10px; height:10px;}
#swiper01 .my-bullet-active{width:10px; height:10px;}
#swiper01 .my-custom-pagination{ bottom:10px;}
.menu-center{display:none;}
}
@media screen and (max-width:768px) {
.top-w{width:100%; height:90px; position:fixed; left:0; top:0; z-index:1000; transition: all 0.4s ease;}
.top-n{width:90%; max-width:1600px; height:auto; margin:0 auto;}
.top-logo-a{width:140px; height:auto; float:left; margin-top:15px;} 
.top-logo-b{width:140px; height:auto; float:left; margin-top:15px; display:none;}
.hamburger{width:30px; height:30px; margin-top:30px;}
.hamburger div{height:2px;}
.close-btn {top:30px; right:20px;}
.close-btn i{font-size:24px;}
.overlay-logo img{width:140px; margin-top:15px; margin-left:10px;}
.scrolled{width:100%; height:90px !important; background:#fff;}
.scrolled .top-logo-b{display:block;}
.scrolled .top-logo-a{display:none;}
.md-204{top:-130px;}
.md-194{top:-130px;}
.member-menu-ind{width:36px; height:36px; margin-top:27px; margin-right:20px;}
.member-menu-ind i{font-size:32px; line-height:36px;}

.member-menu{width:36px; height:36px; margin-top:27px; margin-right:20px;}
.member-menu i{font-size:30px; line-height:36px;}

.menu-container {width:100%; padding:90px 45px 40px;}
.products-container {display: none;}
.btn-menu > ul > li {margin-bottom: 10px;}
.btn-menu > ul > li > a {font-size:16px;}
.btn-m-two a {font-size:15px;}

#swiper01 .my-swiper-button-next{ display:none;}
#swiper01 .my-swiper-button-prev{ display:none;}

.foot-l{width:60%;}
.foot-r{width:30%; margin-top:140px;}
.foot-menu{width:100%; height:auto; overflow:hidden;}
.foot-menu li{width:100%; height:auto; float:left; border-right:1px solid #333;}
.foot-menu li:nth-child(1){width:100%; padding-right:20px; box-sizing:border-box; border-right:none;}
.foot-menu li:nth-child(2),.foot-menu li:nth-child(3),.foot-menu li:nth-child(4),.foot-menu li:nth-child(5){width:50%; margin-top:30px;}

.top-member-w{width:100%; height:36px; background:#cfcfcf;}
.dropdown-content {top:62px; right:-40px;}

}
@media screen and (max-width:480px){
.ph2-mh1 ul{margin-left:0;}
.ph2-mh1 li{width:100%; margin-left:0;}
.ph3-mh2 ul{margin-left:-5%;}
.ph3-mh2 li{width:45%; margin-left:5%;}
.ph4-mh2 ul{margin-left:-5%;}
.ph4-mh2 li{width:45%; margin-left:5%;}
.ph3-mh1 ul{margin-left:0;}
.ph3-mh1 li{width:100%; margin-left:0;}
.foot-w{width:100%; height:auto; padding:50px 0;}
.foot-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.foot-l{width:100%; float:none;}
.foot-logo{width:100%; height:auto; margin-bottom:0px; text-align:center;}
.foot-logo img{display:block; max-width:140px; margin:0 auto;}
.foot-menu li:nth-child(2),.foot-menu li:nth-child(3),.foot-menu li:nth-child(4),.foot-menu li:nth-child(5){ display:none;}
.foot-r{width:100%; padding-top:0px; float:none; margin-top:10px;}
.foot-wx{width:100px;}
.foot-cp{line-height:18px; padding:15px 10px; font-size:12px;}
.foot-tel{padding:5px 10px 7px; max-width:200px;}

}


/*动画*/
.delighter.splash {transition:all 2s ease-out;}
.delighter.splash.ended {background:#fff;}
.delighter.right { transform:translate(-100%); opacity:0; transition:all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition:all 1s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(15%); opacity:0; transition:all .55s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.delighter li { opacity:0; transform:translatey(200%); transition:all .5s ease-out; }
.delighter.started li { opacity:1; transform:none; }
.delighter.started li:nth-child(1) { transition:all .5s ease-out .1s; }
.delighter.started li:nth-child(2) { transition:all .5s ease-out .2s; }
.delighter.started li:nth-child(3) { transition:all .5s ease-out .3s; }
.delighter.started li:nth-child(4) { transition:all .5s ease-out .4s; }
.delighter.started li:nth-child(5) { transition:all .5s ease-out .5s; }
.delighter.started li:nth-child(6) { transition:all .5s ease-out .6s; }
.delighter.started li:nth-child(7) { transition:all .5s ease-out .7s; }
.delighter.started li:nth-child(8) { transition:all .5s ease-out .8s; }
.delighter.started li:nth-child(9) { transition:all .5s ease-out .9s; }
.delighter.started li:nth-child(10) { transition:all .5s ease-out 1s; }
.delighter.started li:nth-child(11) { transition:all .5s ease-out 1.1s; }
.delighter.started li:nth-child(12) { transition:all .5s ease-out 1.2s; }
.delighter dd { opacity:0; transform:translatey(300%); transition:all .5s ease-out; }
.delighter.started dd { opacity:1; transform:none; }
.delighter.started dd:nth-child(1) { transition:all .5s ease-out .1s; }
.delighter.started dd:nth-child(2) { transition:all .5s ease-out .2s; }
.delighter.started dd:nth-child(3) { transition:all .5s ease-out .3s; }
.delighter.started dd:nth-child(4) { transition:all .5s ease-out .4s; }
.delighter.started dd:nth-child(5) { transition:all .5s ease-out .5s; }
.delighter.started dd:nth-child(6) { transition:all .5s ease-out .6s; }
.delighter.started dd:nth-child(7) { transition:all .5s ease-out .7s; }
.delighter.started dd:nth-child(8) { transition:all .5s ease-out .8s; }
.delighter.started dd:nth-child(9) { transition:all .5s ease-out .9s; }
.delighter.started dd:nth-child(10) { transition:all .5s ease-out 1s; }
.delighter.started dd:nth-child(11) { transition:all .5s ease-out 1.1s; }
.delighter.started dd:nth-child(12) { transition:all .5s ease-out 1.2s; }


@-webkit-keyframes OpenTop {
50% {-webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; }
}
@-moz-keyframes OpenTop {
50% {-moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; }
}
@keyframes OpenTop {
50% {transform: rotateX(10deg); animation-timing-function: ease-out; }
}
nav[role="navigation"] {text-align:center;}
.cd-pagination {
  width:100%;
  margin:0 auto;
  text-align: center;
  background:#fff;
  padding:20px 0 30px;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin:0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  color:#333;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size:14px;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
  background:#fff;
}
.cd-pagination a:hover {
  background: #d1c0a5;
  color:#fff;
  border:1px solid #d1c0a5;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color:#666;
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color:#d1c0a5;
  border-color:#d1c0a5;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px){
  .cd-pagination li{display: inline-block;}
}
@media only screen and (min-width: 1400px) {
  .cd-pagination {margin:0 auto;}
}