@charset "UTF-8";
/*定义全局*/
body { margin: 0; padding: 0; font: 14px/200% "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, Arial, Helvetica; color: #666; background-color: #fff }
/*定义链接*/
a, a:link { color: #333; text-decoration: none }
a:visited { color: #333 }
a:hover, a:focus { color: #c96; text-decoration: underline; outline: none; -moz-outline: none }
a:active { color: #f30 }
/*定义表单*/
input, textarea { outline: none; -moz-outline: none }
/*定义标题*/
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 500; line-height: 150% }
/*定义图片*/
img { padding: 0; margin: 0; border: 0 }
img { height: auto; max-width: 100%; margin-left: auto; margin-right: auto }
/*定义延迟*/
.news .dl-horizontal, .about .shuju figure, .case figure a figcaption, .comment-respond #submit, .banner p, .process figcaption, .kefu, .packages .tc-box, .navbar-brand, .navbar-default, .transition, .huodong, *:link, *:visited, *:hover, *:active, *:focus { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear }
/*定义背景通屏*/
.parallax { background-attachment: fixed!important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none }
/*yanchi*/
.yanchi-1 { animation-delay: 0.1s }
.yanchi-2 { animation-delay: 0.2s }
.yanchi-3 { animation-delay: 0.3s }
.yanchi-4 { animation-delay: 0.4s }
.case .row div:nth-child(1) { animation-delay: 0.1s }
.case .row div:nth-child(2) { animation-delay: 0.2s }
.case .row div:nth-child(3) { animation-delay: 0.3s }
.case .row div:nth-child(4) { animation-delay: 0.1s }
.case .row div:nth-child(5) { animation-delay: 0.2s }
.case .row div:nth-child(6) { animation-delay: 0.3s }
.case .row div:nth-child(7) { animation-delay: 0.1s }
.case .row div:nth-child(8) { animation-delay: 0.2s }
.case .row div:nth-child(9) { animation-delay: 0.3s }
.case .row div:nth-child(10) { animation-delay: 0.1s }
.case .row div:nth-child(11) { animation-delay: 0.2s }
.case .row div:nth-child(12) { animation-delay: 0.3s }
.kehu .row figure:nth-child(1) { animation-delay: 0.1s }
.kehu .row figure:nth-child(2) { animation-delay: 0.2s }
.kehu .row figure:nth-child(3) { animation-delay: 0.3s }
.kehu .row figure:nth-child(4) { animation-delay: 0.4s }
.kehu .row figure:nth-child(5) { animation-delay: 0.5s }
.kehu .row figure:nth-child(6) { animation-delay: 0.6s }
.kehu .row figure:nth-child(7) { animation-delay: 0.1s }
.kehu .row figure:nth-child(8) { animation-delay: 0.2s }
.kehu .row figure:nth-child(9) { animation-delay: 0.3s }
.kehu .row figure:nth-child(10) { animation-delay: 0.4s }
.kehu .row figure:nth-child(11) { animation-delay: 0.5s }
.kehu .row figure:nth-child(12) { animation-delay: 0.6s }
.youshi .row div:nth-child(1) { animation-delay: 0.1s }
.youshi .row div:nth-child(2) { animation-delay: 0.2s }
.youshi .row div:nth-child(3) { animation-delay: 0.3s }
.youshi .row div:nth-child(4) { animation-delay: 0.1s }
.youshi .row div:nth-child(5) { animation-delay: 0.2s }
.youshi .row div:nth-child(6) { animation-delay: 0.3s }
.shuju div:nth-child(1) { animation-delay: 0.1s }
.shuju div:nth-child(2) { animation-delay: 0.2s }
.shuju div:nth-child(3) { animation-delay: 0.3s }
.shuju div:nth-child(4) { animation-delay: 0.4s }
.tixi .row div:nth-child(1) { animation-delay: 0.1s }
.tixi .row div:nth-child(2) { animation-delay: 0.2s }
.tixi .row div:nth-child(3) { animation-delay: 0.3s }
.tixi .row div:nth-child(4) { animation-delay: 0.4s }
.tixi .row div:nth-child(5) { animation-delay: 0.5s }
.tixi .row div:nth-child(6) { animation-delay: 0.6s }
.tixi .row div:nth-child(7) { animation-delay: 0.1s }
.tixi .row div:nth-child(8) { animation-delay: 0.2s }
.tixi .row div:nth-child(9) { animation-delay: 0.3s }
.tixi .row div:nth-child(10) { animation-delay: 0.4s }
.tixi .row div:nth-child(11) { animation-delay: 0.5s }
.tixi .row div:nth-child(12) { animation-delay: 0.6s }
.news .row div:nth-child(1) { animation-delay: 0.1s }
.news .row div:nth-child(2) { animation-delay: 0.2s }
.news .row div:nth-child(3) { animation-delay: 0.3s }
.news .row div:nth-child(4) { animation-delay: 0.1s }
.news .row div:nth-child(5) { animation-delay: 0.2s }
.news .row div:nth-child(6) { animation-delay: 0.3s }
.news .row div:nth-child(7) { animation-delay: 0.1s }
.news .row div:nth-child(8) { animation-delay: 0.2s }
.news .row div:nth-child(9) { animation-delay: 0.3s }
.news .row div:nth-child(10) { animation-delay: 0.1s }
.news .row div:nth-child(11) { animation-delay: 0.2s }
.news .row div:nth-child(12) { animation-delay: 0.3s }
.design div:nth-child(1) { animation-delay: 0.1s }
.design div:nth-child(2) { animation-delay: 0.2s }
.design div:nth-child(3) { animation-delay: 0.1s }
.design div:nth-child(4) { animation-delay: 0.2s }
.design div:nth-child(5) { animation-delay: 0.1s }
.design div:nth-child(6) { animation-delay: 0.2s }
.design div:nth-child(7) { animation-delay: 0.1s }
.design div:nth-child(8) { animation-delay: 0.2s }
/*gray*/
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* IE 6-9 */ filter: gray; -webkit-filter: grayscale(100%); }
.grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; }
.grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0%); filter: none; }
.grayscale-replaced.grayscale-fade svg { opacity: 1; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }
.grayscale-replaced.grayscale-fade:hover svg { opacity: 0; }
/*文本选择*/
::-moz-selection {
background:#c96;
color:#fff
}
::selection { background: #c96; color: #fff }
/*背景固定*/
.pingpu-bg { background: no-repeat center top fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative }
.pingpu-bg { min-width: 1140px }
.fixed { background-attachment: fixed }
/*placeholder*/
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
color:#ccc;
font-size:12px
}
/*内外补*/
.t-m-10 { margin-top: 10px }
.t-m-20 { margin-top: 20px }
.t-m-30 { margin-top: 30px }
.t-m-40 { margin-top: 40px }
.t-m-50 { margin-top: 50px }
.t-m-60 { margin-top: 60px }
.t-m-70 { margin-top: 70px }
.b-m-10 { margin-bottom: 10px }
.b-m-20 { margin-bottom: 20px }
.b-m-30 { margin-bottom: 30px }
.b-m-40 { margin-bottom: 40px }
.b-m-50 { margin-bottom: 50px }
.b-m-60 { margin-bottom: 60px }
.b-m-70 { margin-bottom: 70px }
.l-m-10 { margin-left: 10px }
.l-m-20 { margin-left: 20px }
.l-m-30 { margin-left: 30px }
.l-m-40 { margin-left: 40px }
.l-m-50 { margin-left: 50px }
.l-m-60 { margin-left: 60px }
.l-m-70 { margin-left: 70px }
.r-m-10 { margin-right: 10px }
.r-m-20 { margin-right: 20px }
.r-m-30 { margin-right: 30px }
.r-m-40 { margin-right: 40px }
.r-m-50 { margin-right: 50px }
.r-m-60 { margin-right: 60px }
.r-m-70 { margin-right: 70px }
.t-p-10 { padding-top: 10px }
.t-p-20 { padding-top: 20px }
.t-p-30 { padding-top: 30px }
.t-p-40 { padding-top: 40px }
.t-p-50 { padding-top: 50px }
.t-p-60 { padding-top: 60px }
.t-p-70 { padding-top: 70px }
.b-p-10 { padding-bottom: 10px }
.b-p-20 { padding-bottom: 20px }
.b-p-30 { padding-bottom: 30px }
.b-p-40 { padding-bottom: 40px }
.b-p-50 { padding-bottom: 50px }
.b-p-60 { padding-bottom: 60px }
.b-p-70 { padding-bottom: 70px }
.l-p-10 { padding-left: 10px }
.l-p-20 { padding-left: 20px }
.l-p-30 { padding-left: 30px }
.l-p-40 { padding-left: 40px }
.l-p-50 { padding-left: 50px }
.l-p-60 { padding-left: 60px }
.l-p-70 { padding-left: 70px }
.r-p-10 { padding-right: 10px }
.r-p-20 { padding-right: 20px }
.r-p-30 { padding-right: 30px }
.r-p-40 { padding-right: 40px }
.r-p-50 { padding-right: 50px }
.r-p-60 { padding-right: 60px }
.r-p-70 { padding-right: 70px }
.p-none { padding: 0 }
.m-none { margin: 0 }
.t-p-none { padding-top: 0 }
.b-p-none { padding-bottom: 0 }
.l-p-none { padding-left: 0 }
.r-p-none { padding-right: 0 }
.t-m-none { margin-top: 0 }
.b-m-none { margin-bottom: 0 }
.l-m-none { margin-left: 0 }
.r-m-none { margin-right: 0 }
/*清除内外补*/
.p-none { padding: 0!important }
.m-none { margin: 0!important }
.t-p-none { padding-top: 0!important }
.b-p-none { padding-bottom: 0!important }
.l-p-none { padding-left: 0!important }
.r-p-none { padding-right: 0!important }
.t-m-none { margin-top: 0!important }
.b-m-none { margin-bottom: 0!important }
.l-m-none { margin-left: 0!important }
.r-m-none { margin-right: 0!important }
/*ul-horizontal*/
@media (min-width:768px) {
.ul-horizontal li.left { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap }
.ul-horizontal li.right { margin-left: 190px }
}
.ul-horizontal li.left, .ul-horizontal li.right { line-height: 250% }
.ul-horizontal li.right:after, .ul-horizontal li.right:before { display: table; content: " " }
.ul-horizontal li.right:after { clear: both }
/*fonts*/
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal }
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-more:before { content: "\e900" }
.icon-office:before { content: "\e901" }
.icon-ruanzhuang:before { content: "\e902" }
.icon-ruodian:before { content: "\e903" }
.icon-xiaofang:before { content: "\e904" }
.icon-page-guanyu:before { content: "\e905" }
.icon-page-lianxi:before { content: "\e906" }
.icon-page-xitong:before { content: "\e907" }
.icon-page-youshi:before { content: "\e908" }
.icon-ml:before { content: "\e909" }
.icon-next:before { content: "\e90a" }
.icon-pre:before { content: "\e90b" }
.icon-cailliao:before { content: "\e90c" }
.icon-chengben:before { content: "\e90d" }
.icon-fengshui:before { content: "\e90e" }
.icon-foot-addess:before { content: "\e90f" }
.icon-foot-map:before { content: "\e910" }
.icon-foot-tel:before { content: "\e911" }
.icon-goutong:before { content: "\e912" }
.icon-qq:before { content: "\e913" }
.icon-sheji:before { content: "\e914" }
.icon-shouji:before { content: "\e915" }
.icon-top:before { content: "\e916" }
.icon-tuandui:before { content: "\e917" }
.icon-weibo:before { content: "\e918" }
.icon-weixin:before { content: "\e919" }
.icon-yzspt:before { content: "\e91a" }
.icon-zhaoming:before { content: "\e91b" }
.icon-zhiliang:before { content: "\e91c" }
.icon-sq:before { content: "\e91d" }
/*全局标签*/
.red { color: #f66!important }
.blue { color: #c96!important }
.green { color: #089500!important }
.font-12 { font-size: 12px!important }
hr { margin: 30px 0; border: 0; border-top: 1px solid #ddd }
hr.small { margin: 15px 0 }
hr.big { margin: 40px 0 }
.nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }
ul li p, ol li p { display: inline-block; margin: 0 }
/*home-title*/
.home-title { margin-bottom: 40px }
.home-title.small { margin-bottom: 20px }
@media (max-width:767px) {
.home-title { margin-bottom: 20px }
}
.h-h2 { font-size: 24px; color: #333; line-height: 150%; margin: 0; padding: 0 20px }
@media (min-width:767px) {
.h-h2:after, .h-h2:before { display: inline-block; height: 1px; background-color: #ddd; padding: 0; content: ""; width: 100px; margin: 10px 15px }
}
.m-sm, .m-sm2 { font-size: 12px; line-height: 150%; padding: 0 20px; margin-top: 5px; margin-bottom: 15px; text-transform : uppercase; color: #999 }
.m-sm-white, .m-sm-white2 { font-size: 12px; line-height: 150%; padding: 0 20px; margin-top: 5px; margin-bottom: 15px; text-transform : uppercase; color: #999 }
.m-sm2, .m-sm-white2 { font-size: 14px }
/*.m-sm2 {font-size:16px;line-height:150%;padding:5px 20px 0 20px;text-transform : uppercase;color: #c96}*/
.h-h2-white { font-size: 24px; color: #fff; line-height: 150%; margin: 0; padding: 0 20px }
@media (min-width:767px) {
.h-h2-white:after, .h-h2-white:before { display: inline-block; height: 1px; background-color: rgba(255,255,255,0.30); padding: 0; content: ""; width: 100px; margin: 10px 15px }
}
/*sx-jianju*/
.sx-jianju { padding-top: 50px; padding-bottom: 55px }
.sx-jianju.x { padding-top: 40px; padding-bottom: 45px }
@media (max-width:767px) {
.sx-jianju { padding-top: 40px; padding-bottom: 35px }
}
/*menu*/
.menu-kj li+li::before { padding: 0 12px 0 2px; color: #ccc; content: "|\00a0" }
.menu-kj li a { color: #666 }
.menu-kj li a:hover, .menu-kj li.active a { text-decoration: underline; color: #c96 }
.menu-kj2 { margin-bottom: 60px }
.menu-kj2 li { padding: 0 15px }
.menu-kj2 li a { font-size: 14px; color: #666 }
.menu-kj2 li a:hover { color: #c96 }
.menu-kj2 li.active a { display: block; color: #fff; background-color: #c96; padding: 3px 15px 1px 15px }
.menu-kj2 li.hover a { display: block; background-color: #eee; padding: 3px 15px 1px 15px }
/*btn*/
a.btn-center, a.btn-center-white { text-align: center; font-size: 12px; padding: 4px 50px 2px 50px; margin: 10px 10px 0 10px; color: #c96; border: 1px solid #c96; display: inline-block }
a.btn-center-white { background-color: #c96; color: #fff; border: 1px solid rgba(255,255,255,0.50) }
a.btn-center:hover, a.btn-center-white:hover, a.btn-center.hover { background-color: #c96; border: 1px solid #c96; color: #fff; text-decoration: none }
a.btn-center-white:hover { border: 1px solid #fff }
@media (max-width:767px) {
a.btn-center { margin: 15px 10px 0 10px; padding: 4px 20px 2px 20px }
}
/*header*/
.navbar-default { padding: 0; background-color: #000; border-bottom: 0px solid rgba(255,255,255,0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1) }
.navbar-default .navbar-toggle:hover { background-color: #fff }
.navbar { margin-bottom: 0; max-height: 64px }
@media (max-width:767px) {
.navbar, .navbar .navbar-header { margin-bottom: 0; max-height: 54px }
}
/*logo*/
.logo { margin: 0; padding: 0; display: inline-block }
.navbar-brand { width:280px; height: 38px; display: block; font-size: 14px;}
.navbar-brand  img{max-height: 38px;}
.navbar-brand { margin-left: 0 !important }
@media (max-width:767px) {
.navbar-brand { width:260px;  margin-bottom:13px; }
.navbar-brand img{ max-height: 26px; }
.navbar-default .navbar-toggle { padding: 4px; margin-top: 14px; margin-bottom: 0; border-color: #ccc }
.navbar-default .navbar-toggle:hover { background: transparent }
.navbar-default .navbar-toggle .icon-bar { background-color: #ccc }
}
/*nav*/
.navbar-default .navbar-nav li { position: relative; margin: 0 5px; padding-right: 0; padding-left: 0 }
.navbar-default .navbar-nav li.tel { margin-left: 40px }
.navbar-default .navbar-nav li.tel span { font-size: 14px }
.navbar-default .navbar-nav li.tel a { color: #c96 }
.navbar-default .navbar-nav li a:before { display: block; content: ''; width: 0; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; height: 100%; position: absolute; top: 0; left: 0; border-bottom: 3px solid #c96; z-index: -1 }
.navbar-default .navbar-nav li a:hover:before { width: 100% }
.navbar-default .navbar-nav li.hover a:before { width: 100%; border-bottom: 3px solid #c96 }
.navbar-default .navbar-nav li a { font-size: 14px; line-height: 64px; display: block; padding: 0; margin: 0 12px; color: #fff }
@media (max-width:1000px) {
.navbar-default .navbar-nav li a { margin: 0 10px }
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.hover a { text-decoration: none; color: #c96; background-color: rgba(255,255,255,0) }
@media (max-width:767px) {
.navbar-default .navbar-nav { float: inherit !important }
.navbar-default .navbar-nav li { display: block }
.navbar-default .navbar-nav li a {; padding: 0; color: #fff !important; line-height: 50px; text-decoration: none; border-bottom: 1px solid hsla(0,0%,100%,0.20) }
.navbar-default .navbar-collapse { background-color: #c96; border-width: 0 }
}
/*owl-carousel.2.2.1.css*/
div.owl-stage-outer.owl-height { height: 100%!important }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; max-width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
to { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 5pc; width: 5pc; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../images/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
/*owl-carousel.2.2.1.theme.css*/
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background-color: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background-color: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background-color: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #869791 }
/*banner*/
.banner { background: #111; margin-top: 64px }
@media (max-width:767px) {
.banner { margin-top: 54px }
}
.banner .owl-theme .item { background-repeat: no-repeat!important; background-size: auto 100%!important; background-position: center top!important }
.banner .owl-theme .item img { padding: 0 15px }
/*banner-prev-nav*/
.banner .owl-theme .owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent }
.banner .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; padding: 0; background-color: #1a1a1a; display: inline-block; cursor: pointer; border-radius: 50%; text-indent: -9999px; background: #1a1a1a url(../images/slider-arrow.png) 0 0 no-repeat; overflow: hidden; width: 50px; height: 50px; position: absolute; left: 3%; top: 50%; margin: -25px 10px 0 10px; filter: alpha(opacity=0); opacity: .0 }
@media (min-width:1200px) {
.banner .owl-theme .owl-nav [class*=owl-] { margin-top: -25px }
}
.banner .owl-theme .owl-nav .owl-next { left: auto; right: 3%; background-position: -50px 0 }
.banner .owl-theme .owl-nav [class*=owl-]:hover { background-color: #000; color: #FFF; text-decoration: none }
.banner .owl-theme:hover .owl-nav [class*=owl-] { filter: alpha(opacity=80); opacity: .8 }
.banner .owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.banner .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0 }
/*banner-prev-dots*/
.banner .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 94px; text-align: center }
.banner .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.banner .owl-theme .owl-dots .owl-dot span { width: 40px; height: 2px; margin: 5px; background-color: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 0 }
.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span { background-color: #c96 }
/*banner-bc*/
.banner-bc { background-image: url(../images/bc.jpg); z-index: 9; height: 30px; background-position: center top; background-repeat: no-repeat; position: relative; margin-top: -30px }
@media (max-width:767px) {
.banner .owl-theme .owl-dots { height: 34px }
.banner .owl-theme .owl-nav, .banner-bc { display: none }
}
/*case*/
.case { background-color: #222 }
.case .row figure { margin-bottom: 40px }
.case figure a { position: relative; width: 100%; height: 100%; display: block; text-decoration: none; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out }
.case figure:hover a { transform: scale(1.05); -webkit-transform: scale(1.05) }
.case figure a figcaption { display: block; background-color: #333; margin: 0 auto }
@media (min-width:1200px) {
.case figure a { width: 340px }
.case.team-show figure a { width: auto }
}
.case figure a figcaption h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #fff; margin: 0; padding: 20px 30px 18px 30px; text-align: left }
@media (max-width:767px) {
.case figure a figcaption h3 { padding: 20px 10px 18px 10px }
}
.case figure a figcaption h3 span { display: block; margin-top: 5px; font-size: 12px; color: #999 }
.case figure:hover a figcaption { background-color: #c96 }
.case figure:hover a figcaption h3 span { color: #e1c6ad }
/*kehu*/
.kehu { background-color: #fff }
.kehu .row figure { margin-bottom: 30px }
/*team*/
.team { background-color: #222 }
/*team-box*/
.team-box { text-align: left; background-color: #333; margin: 70px auto 60px auto }
.team-box .owl-theme { margin: -30px auto }
.team-box .owl-theme .owl-dots { position: absolute; left: 50%; margin-left: -100px }
.team-box .owl-theme .owl-dots span { width: 40px; height: 2px; margin: 5px }
.team-box .owl-theme .owl-dots .active span { background-color: #c96 }
.team-box .owl-theme .owl-nav .owl-prev, .team-box .owl-theme .owl-nav .owl-next { position: absolute; right: 0; bottom: -10px; margin-top: -25px; margin-right: 0; height: 48px; width: 50px; background-color: #c96; border-radius: 0; background-image: url(../images/slider-arrow.png); background-repeat: no-repeat; background-position: right center; text-indent: -9999px; overflow: hidden }
.team-box .owl-theme .owl-nav .owl-prev { background-color: #111; background-position: left center; margin-right: 50px }
.team-box dl { margin-bottom: 0 }
.team-box dt { max-width: 262px; width: 262px }
.team-box dd { line-height: 200%; padding: 40px 60px 0 300px; margin-left: 0 }
.team-box dd p { color: #999 }
.team-box dd h3 { font-size: 18px; color: #c96; margin: 30px 0 15px 0 }
.team-box dd h3 a { color: #c96 }
.team-box dd h3 small { font-size: 14px; margin-left: 10px; color: #fff }
@media (max-width:767px) {
.team-box dt { max-width: 100%; width: 100%; text-align: center }
.team-box dd { padding: 0; border: 0; text-align: center }
.team-box { margin-bottom: 70px }
.team-box .owl-theme { margin-bottom: 0; padding-bottom: 20px }
.team-box .owl-theme .owl-nav .owl-prev, .team-box .owl-theme .owl-nav .owl-next { bottom: -30px }
}
.team-page figure a figcaption h3 small { color: #fff; font-size: 14px; display: block; margin-top: 5px }
/*team-page*/
.team-page .team-box { margin: 0px auto 0px auto; background-color: #222 }
.team-page .team-box dl { margin-bottom: 40px }
.team-page .team-box dt { max-width: 200px; width: 200px }
.team-page .team-box dd { transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; line-height: 200%; padding: 10px 30px 0 240px; border: 1px solid #333; margin-left: 0 }
.team-page .team-box dd:hover { background-color: #111 }
@media (max-width:767px) {
.team-page .team-box dt { max-width: 100%; width: 100%; text-align: center }
.team-page .team-box dd { padding: 0; border: 0; text-align: center }
.team-page .team-box { margin-bottom: 0 }
}
/*youshi*/
.youshi { background-color: #fff }
.youshi dl { margin: 10px 0 20px 0 }
.youshi dl dd p { margin-bottom: 0; max-height: 50px }
.youshi dl dd { text-align: left; color: #666 }
.youshi dl dd h3 { color: #333; margin: 0 0 10px 0; font-size: 18px }
.youshi dl dd h3 a { color: #fff }
.youshi dl dt { width: 100px }
.youshi dl dd { margin-left: 130px; line-height: 180% }
@media (max-width:767px) {
.youshi dl dt { float: left }
}
/*tixi*/
.tixi { background-color: #222 }
.tixi .system figure { margin: 0 auto; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out }
@media (min-width:768px) {
.tixi .system figure { padding: 10px }
}
@media (max-width:767px) {
.tixi .system figure { margin-bottom: 10px }
}
.tixi .system figure:hover { transform: scale(1.05); -webkit-transform: scale(1.1) }
.tixi .system figure span { font-size: 38px; color: #c96 }
.tixi .system figure h3 { font-size: 14px; color: #ccc; margin: 10px 0 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }
.tixi .system figure p { color: #999; margin: 0 }
.tixi .system figure p.ico { height: 72px; width: 72px; margin: 0 auto; margin-bottom: 5px; border-radius: 50%; color: #fff; padding-top: 18px; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out }
.tixi .system figure:hover p.ico { background-color: #c96 }
.tixi .system figure:hover span { font-size: 36px; color: #fff }
.tixi .system figure { transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out }
/*about*/
.about { background-color: #000; background-image: url(../images/about-bg.jpg); background-repeat: no-repeat; background-position: center top }
.about .home-title { margin-bottom: 30px }
.about p { color: #999 }
.about div.hg-4 { color: #ccc }
.about .shuju { margin: 30px 0 }
.about .shuju figure { width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; border: 2px solid rgba(255,255,255,0.50) }
.about .shuju figure:hover { transform: scale(1.05); -webkit-transform: scale(1.05); background-color: #c96; border: 2px solid #c96 }
.about .shuju figure h3 { font-size: 20px; margin: 30px 0 0 0; color: #fff }
.about .shuju figure:hover h3, .about .shuju figure:hover p { color: #fff }
@media (max-width:767px) {
.about .shuju { margin: 30px 0 0 0 }
.about .shuju figure { margin-bottom: 20px }
}
/*news*/
.news { background-color: #fff }
.news .dl-horizontal { margin: 0 0 30px 0 }
.news .dl-horizontal dt { font-size: 20px; color: #c96; font-weight: normal; text-align: left; width: 60px; float: left }
.news .dl-horizontal dt span { display: block; font-size: 12px; color: #ccc }
.news .dl-horizontal dd { text-align: left; padding-left: 20px; margin-left: 80px; border-left: 1px solid #ddd }
.news .dl-horizontal dd h3 { font-size: 16px; margin: 0 0 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.news .dl-horizontal dd h3 a { color: #c96 }
.news .dl-horizontal dd h3 a:hover { color: #c96 }
.news .dl-horizontal dd p { line-height: 200%; margin-bottom: 0 }
@media (min-width:1200px) {
.news .dl-horizontal dd p { min-height: 56px }
}
@media (min-width:319px) and (max-width:999px) {
.news .dl-horizontal { padding: 0 0 20px 0; border-bottom: 1px solid #ddd; margin-top: 20px; margin-bottom: 10px }
.news .dl-horizontal:hover { background-color: transparent }
.news .dl-horizontal dt { display: none }
.news .dl-horizontal dd { margin-left: 0; border: 0; text-align: center }
}
.news-page { background-color: transparent }
.news-page .dl-horizontal { margin-bottom: 20px; margin-top: 20px }
/*foot*/
.foot { background-color: #111; color: #999 }
.foot ul { margin: 0 }
.addess { transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; padding: 40px 0 20px 0 }
.addess .dl-horizontal { margin: 0 auto; border-right: 1px solid #333 }
@media (min-width:1199px) {
.addess .dl-horizontal { padding: 0 30px }
}
.addess .row div:last-child .dl-horizontal { border-right: 0 }
.addess .dl-horizontal dt { font-size: 24px; width: 28px; text-align: left }
.addess .dl-horizontal dd { margin-left: 44px; line-height: 200%; text-align: left; }
.addess .dl-horizontal dd h3 { margin: 0 0 2px 0; font-size: 14px; color: #fff }
.addess .dl-horizontal dd h3 a { color: #fff }
.addess .dl-horizontal dd p { margin-bottom: 0; font-size: 12px }
.foot .menu-kj { border-top: 1px solid #333; display: block; padding-top: 20px; margin-bottom: 8px }
.foot .menu-kj li+li::before { color: #666 }
.foot .menu-kj a { color: #999 }
.foot .menu-kj a:hover { color: #c96 }
.foot .kjcd { margin-bottom: 30px }
.foot .kjcd li { width: 38px; height: 38px; font-size: 18px; background-color: #c96; line-height: 38px; border-radius: 50%; margin: 5px }
.foot .kjcd li a { color: #fff; text-decoration: none }
.foot .kjcd li.qq { background-color: #00deff }
.foot .kjcd li.weixin { background-color: #21e700 }
.foot .kjcd li.weibo { background-color: #d92d2d }
.foot .ico { margin: 15px 0 }
/*copy*/
.copy { padding: 0; font-size: 12px }
.copy a { color: #999 }
.copy a:hover { color: #c96 }
/*phone*/
@media (max-width:767px) {
.foot { padding: 0 0 40px 0 }
.addess { padding: 40px 0 0 0 }
.addess .dl-horizontal { border-right: 0; padding: 0 0 20px 0; margin-bottom: 25px; border-bottom: 1px solid #333 }
.addess .dl-horizontal dt { float: left }
.addess .row div:last-child .dl-horizontal { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 }
.copy { padding-top: 30px }
}
/*内页banner*/
.banner-page { background: no-repeat center bottom; background-size: auto 100%; position:relative; }
.position{ position:absolute; right:2%; text-align:right; bottom:10px; color:#999; font-size:12px;}
.position a{  color:#999; font-size:12px;}
@media (max-width:767px) {
.banner-page img { /*min-height: 200px*/
}
}
/*content*/
.content header .title { font-size: 24px; color: #333; margin: 0 0 10px 0 }
.content header .info { font-size: 12px; color: #999; padding: 0 0 10px 0; margin: 0 0 40px 0; border-bottom: 1px solid #ddd }
.content header .info small { height: 12px; margin-right: 20px }
.content p, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom: 20px }
.content h2 { font-size: 24px }
.content h3 { font-size: 20px }
.content h4 { font-size: 16px }
.content h5 { font-size: 14px }
.content h6 { font-size: 12px }
.content .mulu p { color: #ddd }
.content .mulu { font-size: 32px; color: #999; margin-top: 30px }
.content .mulu a { display: inline-block; cursor: pointer; color: #999; text-decoration: none; margin: 0 2px }
.content .mulu a:hover { color: #c96 }
/*team-case*/
.case-page .menu-kj2 li a { color: #fff }
.case-page .menu-kj2 li a:hover { color: #c96 }
.case-page .menu-kj2 li.active a { color: #fff }
.case.team-show { background-color: #fff }
.case.team-show .row > div { margin-bottom: 0 }
.case.team-show .row figure { margin-bottom: 15px; margin-top: 15px }
.case.team-show .row figure a figcaption h3 { top: 20% }
.al-team { text-align: left; max-width: 202px; background-color: #fff; margin: 0 auto; border: 1px solid #eee; padding: 10px 15px }
.al-team dl { margin-bottom: 0 }
.al-team dl dt { width: 50px; float: left }
.al-team dl dd { margin-left: 65px }
.al-team img { max-width: 50px; max-height: 50px }
.al-team figure { text-align: center }
.al-team h3 { font-size: 14px!important; margin: 4px 0 4px 0!important }
.al-team p { margin: 0!important }
/*design*/
.design figure { background-color: #000; padding: 40px; margin-bottom: 30px }
@media (max-width:767px) {
.design figure { padding: 30px 40px }
}
.design figure h3, .design figure p { color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }
.design figure:hover h3, .design figure:hover p { color: #c96 }
.design figure h3 { margin: 20px 0 8px 0 }
.design figure p.hg-2 { margin-bottom: 12px }
.design figure a { text-decoration: none }
.design figure p span { font-size: 30px }
/*内容页*/
@media (max-width:767px) {
.gs-pic div { margin-bottom: 20px }
}
.wenhua { color: #fff; height: 180px; background: url(../images/wenbua-bg.jpg) no-repeat center top; padding: 40px 20px }
.wenhua h3 { color: #fff; margin: 8px 0 5px 0 }
.wenhua p { margin-bottom: 0 }
p .wenhua-btn { width: 40px; height: 40px; background: url(../images/wenhua-btn.png) no-repeat center top; text-indent: -9999px; overflow: hidden; display: block; margin: -20px auto 0 auto }
.wenhua .owl-dots { margin-top: 0 }
.wenhua .owl-dots .active span, .wenhua .owl-dots span:hover { background-color: transparent!important; border: 1px solid #fff }
.wenhua .owl-dots .owl-dot span { background-color: #c96 }
.more-menu { border-top: 1px solid #ddd; margin-top: 40px }
.more-menu figure { border: 1px solid #eee; padding: 30px 20px; margin-top: 40px; background-color: #fff }
@media (max-width:767px) {
.more-menu { padding-top: 10px }
.more-menu figure { margin-top: 30px }
}
.more-menu figure:hover { background-color: #c96; border: 1px solid #c96 }
.more-menu figure a { text-decoration: none }
.more-menu figure span { font-size: 36px; color: #c96 }
.more-menu figure:hover span, .more-menu figure:hover h3 { color: #fff }
.more-menu figure h3 { color: #c96; font-size: 14px; margin: 5px 0 0 0 }
.page-lianxi .wygt a { width: 50px; height: 50px; border-radius: 50%; padding-top: 12px; margin: 0 10px; display: inline-block; background-color: #c96; color: #fff; text-decoration: none; font-size: 24px }
@media (min-width:768px) {
.page-lianxi .row div:nth-child(1), .page-lianxi .row div:nth-child(2) { border-right: 1px solid #ddd }
}
.page-service hr, .page-design hr { margin-bottom: 50px }
.page-service .row h3, .page-design .row h3 { margin-top: 0 }
@media (min-width:1200px) {
.page-service .left .col-lg-7 h3, .page-service .left .col-lg-7 p, .page-design .left .col-lg-7 h3, .page-design .left .col-lg-7 p { margin-left: 40px }
.page-service .right .col-lg-7 h3, .page-service .right .col-lg-7 p, .page-design .right .col-lg-7 h3, .page-design .right .col-lg-7 p { margin-right: 40px }
}
@media (min-width:768px) and (max-width:1199px) {
.page-service, .page-design { text-align: left }
.page-service .row .col-md-7 h3, .page-service .row .col-md-7 p, .page-design .row .col-md-7 h3, .page-design .row .col-md-7 p { margin-left: 30px }
.page-service a.btn-center, .page-design a.btn-center { margin-left: 0 }
}
@media (min-width:768px) {
.page-service, .page-design { text-align: left }
.page-service a.btn-center, .page-design a.btn-center { margin-left: 0 }
}
.page-service h2 { color: #fff; font-size: 16px; text-align: center; display: block; background-color: #666; padding: 5px 0; margin: -50px auto 50px auto; max-width: 320px }
.page-service h2:nth-child(1) { margin-top: 0 }
.page-design .left img, .page-service .left img { box-shadow: 15px 15px 0 #000 }
.page-design .right img, .page-service .right img { box-shadow: -15px 15px 0 #000 }
@media (max-width:767px) {
.page-design .row div h3, .page-service .row div h3 { margin-top: 45px }
.page-design .row div p, .page-service .row div p { margin-bottom: 0 }
}
.page-liucheng p { width: 120px; height: 120px; margin-left: auto; margin-right: auto; padding-top: 32px; border-radius: 50%; color: #fff; background-color: #333; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out }
.page-liucheng p:hover { background-color: #c96 }
.page-baozhang p { padding: 0 20px; margin-bottom: 0 }
.page-baozhang h4 { margin-bottom: 10px; border-bottom: 2px solid #c96; display: inline-block; padding-bottom: 5px }
/*yysx*/
.yysx { background-color: #1a1a1a }
.yysx-team { margin: 30px 0 }
.yysx-team p { color: #fff; margin: 20px 0 }
.yysx-team2 p { font-size: 16px; color: #fff; margin: 20px 0 }
.yysx-team2 { margin-bottom: 30px }
/*客服*/
.kefu { bottom: 30px; right: 30px; margin-bottom: 0; display: block; position: fixed; z-index: 999999999 }
.kefu a { font-size: 26px; text-align: center; line-height: 50px; text-decoration: none; background-color: #000; color: #fff; height: 50px; width: 50px; display: block }
@media (min-width:767px) {
.kefu a:hover, .kefu a.gt { background-color: #c96 }
}
@media (max-width:767px) {
.kefu { width: 100%; text-align: center; background-color: #c96; bottom: 0; right: 0 }
.kefu li { display: inline-block }
.kefu a { padding: 4px 10px; height: 40px; border-radius: 0; background-color: hsla(0,0%,0%,0.00) }
}
#lyusername, #lytel, #lycontent { height: 36px; width: 100%; background-color: #fff; color: #666; border: 1px solid #ccc; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius: 0px; }
#lycontent { height: 120px; padding-top: 10px; }
#lyusername:focus, #lytel:focus, #lycontent:focus { border: 1px solid #0c3; }
#button { height: 40px; width: 100%; text-align: center; vertical-align: middle; border-width: 0px; background-color: #c96; color: #FFF; font-size: 14px; border-radius: 0 }
#button:hover { background-color: #0c3 }
/*fanye*/
.list-page { text-align: center }
.pagination { margin: 0; border-radius: 0 }
.pagination>li>a { margin-top: 20px; padding: 6px 14px; margin-left: 12px; color: #555; background-color: #fff; border: 1px solid #eee }
.pagination>li>a:hover { color: #fff; background-color: #c96; border: 1px solid #c96 }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover { z-index: 2; color: #fff; cursor: default; background-color: #c96; border-color: #c96 }
.pagination>li:first-child>a { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.pagination>li:last-child>a { border-top-right-radius: 0; border-bottom-right-radius: 0 }
/*text-hanghao*/
@media (max-width:1024px) {
.hg-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.hg-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.hg-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden }
}
/*baidu-map*/
.bd-map { width: 100% !important; height: 100%; min-height: 400px; overflow: hidden; border: 0 }
.bd-map iframe { border: 0; min-height: 400px }
.well { margin-top: 0; margin-bottom: 0; padding: 10px; background-color: #000; border: 0; color: #555 }
.well a { color: #555 }
/*lxb*/
.nb-icon-wrap { display: none!important }
@media (max-width:767px) {
#API-FLOAT-CONTAINER { display: none!important }
}
#API-FLOAT-CONTAINER, #API-FLOAT-CONTAINER a, #API-FLOAT-CONTAINER em, #API-FLOAT-CONTAINER input, #API-FLOAT-CONTAINER ins { width: auto; height: auto; margin: 0; padding: 0; background-color: transparent; background-position: 0 0; background-size: auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-image: none; border: none; outline: invert none medium; color: #000; direction: ltr; letter-spacing: normal; line-height: normal; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; white-space: normal; word-spacing: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 400; visibility: visible; overflow: visible; list-style: none; float: none; clear: none; display: block; position: static; top: auto; left: auto; vertical-align: baseline; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box }
#API-FLOAT-CONTAINER, #API-FLOAT-CONTAINER * { padding: 0; margin: 0 }
#API-FLOAT-CONTAINER { position: fixed; z-index: 9999 }
#API-FLOAT-CONTAINER .api-info { margin: 20px auto 0 }
#API-FLOAT-CONTAINER .api-info em { text-align: center; line-height: 100%; text-align: center }
#API-FLOAT-CONTAINER .api-bg-img { margin: 10px auto 0; text-align: center }
#API-FLOAT-CONTAINER .api-phone { margin: 10px auto 0 }
#API-FLOAT-CONTAINER .api-phone em { text-align: center; line-height: 100% }
#API-FLOAT-CONTAINER .api-link-btn-con { margin: 10px auto 0; text-align: center }
#API-FLOAT-CONTAINER .api-link-btn-con a { height: 26px; line-height: 26px; display: inline-block; margin-bottom: 10px; font-size: 14px; font-family: 'Microsoft Yahei'; vertical-align: middle; text-align: center; text-decoration: none }
#API-FLOAT-CONTAINER .api-lxb-cb-con { margin: 5px auto 20px; text-align: center }
#API-FLOAT-CONTAINER input.api-lxb-cb-input { height: 25px; line-height: 25px; margin: 0 auto 10px }
#API-FLOAT-CONTAINER input.api-lxb-cb-btn { height: 28px; line-height: 26px; font-size: 14px; font-family: 'Microsoft Yahei'; text-align: center; margin: 0 auto 10px; white-space: pre; border: none; cursor: pointer; background: url(../images/api_lxb_cb_btn_bg.png) 5px 3px no-repeat }
.dede_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden }
.dede_pages ul { display: inline-block; margin: 0 auto; padding: 0 }
.dede_pages ul a { color: #555; display: block; padding: 2px 13px; border: 1px solid #ddd; float: left; margin: 0 5px; }
.dede_pages ul a.page-num-current { background: #ddd; }
#imgsy img { max-width: 100% !important; height: auto !important }
.ui-page ul li a {
  font-size: 13px;
  display: block;
  padding: 0 10px;
  line-height:28px;
  color: #444;
  background: #fff;
}