body { margin: 0; padding: 0; font: 14px/200% "微软雅黑", \5FAE\8F6F\96C5\9ED1, "lvetica Neue", Helvetica, Arial, sans-serif; color: #777 }
a, a:link { color: #777; text-decoration: none }
a:focus, a:hover { color: #e60021; text-decoration: underline; outline: 0; -moz-outline: none }
a:active { color: red }
input, textarea { outline: 0; -moz-outline: none }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 500; line-height: 150% }
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0 }
img { padding: 0; margin: 0; border: 0; height: auto!important; max-width: 100%!important; max-height: auto!important }

@media (min-width:992px) {
.contact, .contact span, .footer figure, .footer figure span, .menu li, .service figure, .transition, :active, :focus, :hover, :link, :visited { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear }
.fullSlide .bd li .siteWidth a { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear }
}
::-moz-selection {
background:#e60021;
color:#fff
}
::selection { background: #e60021; 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 }

@media (min-width:1700px) {
.full_bg { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
}
.red { color: #e60021!important }
.green { color: #089500!important }
hr { margin: 30px 0; border: 0; border-top: 1px solid #ddd }
hr.small { margin: 15px 0 }
hr.big { margin: 45px 0 }
hr.white { border-color: rgba(255,255,255,.3) }
.nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }
:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
color:#999;
font-size:12px
}
.m-20 { margin: 20px!important }
.m-30 { margin: 30px!important }
.m-40 { margin: 40px!important }
.m-50 { margin: 50px!important }
.m-60 { margin: 60px!important }
.m-70 { margin: 70px!important }
.t-m-20 { margin-top: 20px!important }
.t-m-30 { margin-top: 30px!important }
.t-m-40 { margin-top: 40px!important }
.t-m-50 { margin-top: 50px!important }
.t-m-60 { margin-top: 60px!important }
.t-m-70 { margin-top: 70px!important }
.b-m-20 { margin-bottom: 20px!important }
.b-m-30 { margin-bottom: 30px!important }
.b-m-40 { margin-bottom: 40px!important }
.b-m-50 { margin-bottom: 50px!important }
.b-m-60 { margin-bottom: 60px!important }
.b-m-70 { margin-bottom: 70px!important }
.l-m-20 { margin-left: 20px!important }
.l-m-30 { margin-left: 30px!important }
.l-m-40 { margin-left: 40px!important }
.l-m-50 { margin-left: 50px!important }
.l-m-60 { margin-left: 60px!important }
.l-m-70 { margin-left: 70px!important }
.r-m-20 { margin-right: 20px!important }
.r-m-30 { margin-right: 30px!important }
.r-m-40 { margin-right: 40px!important }
.r-m-50 { margin-right: 50px!important }
.r-m-60 { margin-right: 60px!important }
.r-m-70 { margin-right: 70px!important }
.p-20 { padding: 20px!important }
.p-30 { padding: 30px!important }
.p-40 { padding: 40px!important }
.p-50 { padding: 50px!important }
.p-60 { padding: 60px!important }
.p-70 { padding: 70px!important }
.t-p-20 { padding-top: 20px!important }
.t-p-30 { padding-top: 30px!important }
.t-p-40 { padding-top: 40px!important }
.t-p-50 { padding-top: 50px!important }
.t-p-60 { padding-top: 60px!important }
.t-p-70 { padding-top: 70px!important }
.b-p-20 { padding-bottom: 20px!important }
.b-p-30 { padding-bottom: 30px!important }
.b-p-40 { padding-bottom: 40px!important }
.b-p-50 { padding-bottom: 50px!important }
.b-p-60 { padding-bottom: 60px!important }
.b-p-70 { padding-bottom: 70px!important }
.l-p-20 { padding-left: 20px!important }
.l-p-30 { padding-left: 30px!important }
.l-p-40 { padding-left: 40px!important }
.l-p-50 { padding-left: 50px!important }
.l-p-60 { padding-left: 60px!important }
.l-p-70 { padding-left: 70px!important }
.r-p-20 { padding-right: 20px!important }
.r-p-30 { padding-right: 30px!important }
.r-p-40 { padding-right: 40px!important }
.r-p-50 { padding-right: 50px!important }
.r-p-60 { padding-right: 60px!important }
.r-p-70 { padding-right: 70px!important }
.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 }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both }
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px)
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%)
}
}
@keyframes goDown {
from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5)
}
}
.h-h2 { font-size: 28px; color: #000; padding: 0; margin: 0 0 10px 0; line-height: 150% }
.h-h2-white { color: #FFF; border-bottom: rgba(255,255,255,.2) solid 1px }

@media (min-width:768px) {
.h-h2:after, .h-h2:before { display: inline-block; height: 1px; background-color: #ccc; margin: 0; padding: 0; content: ""; width: 60px; margin: 10px 20px }
}
.m-sm { display: block; font-size: 14px; line-height: 150%; margin: 0 0 40px 0; color: #999 }
.m-sm-white { color: rgba(255,255,255,.5) }
.sx-jianju { padding-top: 53px; padding-bottom: 55px }

@media (max-width:767px) {
.h-h2 { font-size: 20px }
.sx-jianju { padding-top: 40px; padding-bottom: 35px }
.case .menu-kj, .m-sm { margin-bottom: 30px!important }
.service p.m-sm.xx { padding-bottom: 30px!important; margin-bottom: 0!important }
}
.client-bg, .copy, .team { background-color: #232528 }
.menu-kj li+li::before { padding: 0 7px 0 8px; color: #ddd; content: "|\00a0" }
.menu-kj li { padding-left: 0; padding-right: 0 }
a.btn-center { text-align: center; font-size: 14px; padding: 4px 30px 2px 30px; margin: 10px 15px 0 15px; color: #e60021; border: 1px solid #e60021; display: inline-block }
a.btn-center:hover { background-color: #df3741; border: 1px solid #df3741; color: #fff; text-decoration: none }

@media (max-width:767px) {
a.btn-center { margin: 15px 10px 0 10px; padding: 4px 20px 2px 20px }
}
a.btn-title { text-align: center; font-size: 14px; padding: 0 30px; margin: 10px 4px 0 4px; color: #777; border: 1px solid #ccc; display: inline-block }
a.btn-title:hover, li.hover a.btn-title { background-color: #df3741; border: 1px solid #df3741; color: #fff; text-decoration: none }
a.btn-title:hover, li.hover2 a.btn-title { background-color: #999;color: #fff;border: 1px solid #999; }
.ny-menu { padding-top: 20px }

@media (max-width:991px) {
a.btn-title { margin: 20px 0 0 0; padding: 2px 15px 1px 15px }
}
.navbar-default { padding:0; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15) }
.navbar-default .navbar-toggle:hover { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #1b6dcb }
.navbar-fixed-top { border-width: 0 }
.navbar { margin-bottom: 0; border: 0 }
.logo { margin: 0;padding-left:15px; display: table ;margin-top:3px}
.logo small { font-size: 14px; margin: 8px 0 0 15px; color: #777 }
.navbar-brand { width: 293px; height: 57px; text-indent: -9999px; overflow: hidden; display: block; font-size: 14px; line-height: 28px; padding: 0 15px }

@media (max-width:767px) {
    .logo { margin: 0; }
    .logo small { margin: 6px 0 0 15px }
    .navbar-brand {  background-size:80% 80% !important; }
    .banner { margin-top: 52px!important }
    .navbar-toggle { padding: 8px 9px; margin-top: 10px; margin-bottom: 0 }
    .navbar-default .navbar-nav { float: inherit!important }
    .navbar-default .navbar-nav li { border-bottom: 1px solid hsla(0,0%,100%,0.10) }
    .navbar-default .navbar-nav li a { padding: 8px 15px; font-weight: 700 }
    .nav>li>ul li a, .nav>li>ul li a:hover, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover { color: #fff; text-decoration: none }
    .navbar-default .navbar-nav>li>ul { width: 100%; padding: 0; margin: 0 }
    .navbar-default .navbar-nav>li>ul li { list-style: none; color: #fff; padding: 8px 20px }
    .navbar-default .navbar-nav>li>ul li a:before { padding: 0 10px 0 0; content: "\2192" }
    .navbar-default .navbar-collapse { background-color: #1b6dcb; border-width: 0 }
    }

@media (min-width:768px) {
.navbar-default .navbar-nav>li>a { border-radius: 0 }
.navbar-default .navbar-nav>li>a { position: relative; display: block; padding: 23px 0 18px 0; border-bottom: 3px solid rgba(255,255,255,0); margin: 0 16px; color: #000; font-size: 14px }
.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a.hover, .navbar-default .navbar-nav>li>a:hover { color: #e60021; border-bottom: 3px solid #e60021; background-color: rgba(255,255,255,0) }
.navbar-default .navbar-nav>li>ul { position: absolute; width: 130px; background-color: rgba(223,55,65,.9); display: none; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1); box-shadow: 0 6px 12px rgba(0,0,0,.1); left: 50%;margin-left: -65px; }
.navbar-default .navbar-nav>li>ul li:first-child { padding-top: 10px }
.navbar-default .navbar-nav>li>ul li:last-child { padding-bottom: 10px }
.navbar-default .navbar-nav>li>ul li a { padding: 8px 30px 6px 30px; display: block; border-top: 1px solid rgba(255,255,255,.2); text-align: center; color: #fff }
.navbar-default .navbar-nav>li>ul li:first-child a { border-top: 0 }
.navbar-default .navbar-nav>li>ul li a:hover { color: #e60021; background-color: #f5f5f5; text-decoration: none }
.navbar-default .navbar-nav>li:hover ul { display: block }
}
.nav-kj {  }
.nav-kj>li { margin: 0; padding: 0; float: left; position: relative }
.nav-kj>li>a { height: 64px; width: 60px; text-indent: -9999px; overflow: hidden; display: block }
.nav-kj>li>a.fuwu, .nav-kj>li>a.sousuo { background-image: url(../images/fuwu-ico.png); background-position: 0 -4px; background-repeat: no-repeat }
.nav-kj>li:hover>a.fuwu, .nav-kj>li>a.fuwu:hover { background-color: #df3741; background-position: 0 -76px }
.nav-kj>li .fuwu-nr { display: none; position: absolute; background-color: rgba(223,55,65,.9); width: 390px; padding: 30px; right: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.nav-kj>li .fuwu-nr h4 { font-size: 18px; margin: 0 0 6px 0; padding: 0; color: #fff; font-weight: 700 }
.nav-kj>li .fuwu-nr p { margin-bottom: 10px }
.nav-kj>li .fuwu-nr a, .nav-kj>li .fuwu-nr p { color: #fff }
.nav-kj>li:hover .fuwu-nr { display: block }
.nav-kj>li .fuwu-nr p a { color: #fff }
.nav-kj>li .fuwu-nr p a.qq, .nav-kj>li .fuwu-nr p a.sq { text-indent: -9999px; overflow: hidden; display: block; float: left; width: 35px; height: 35px; margin: 5px 10px 0 0; border-radius: 6px; background-color: rgba(255,255,255,.2); background-image: url(../images/zx-ico.png); background-repeat: no-repeat; background-position: 0 0 }
.nav-kj>li .fuwu-nr p a.qq:hover, .nav-kj>li .fuwu-nr p a.sq:hover { background-color: rgba(255,255,255,.5) }
.nav-kj>li .fuwu-nr p a.qq { background-position: 0 0 }
.nav-kj>li .fuwu-nr p a.sq { background-position: -35px 0 }

@media (min-width:1200px) {
.nav { margin-right: 0; }
}

@media (min-width:992px) and (max-width:1199px) {
.nav { margin-right: 50px }
}
.nav-kj>li>a.sousuo { background-position: -60px 0; border-left: 1px solid #eee }
.nav-kj>li:hover>a.sousuo, .nav-kj>li>a.sousuo:hover { background-color: #e5e5e5; background-position: -60px -72px }
.nav-kj>li .sousuo-nr { display: none; position: absolute; background-color: #e5e5e5; width: 390px; padding: 30px; right: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.nav-kj>li:hover .sousuo-nr { display: block }
.key, .s-btn { float: left }
.key { height: 40px; width: 100%; background-color: #FFF; color: #777; vertical-align: middle; padding: 11px 10px 9px 10px; border: 1px solid #ddd; border-radius: 0; display: inline }
.s-btn { height: 40px; width: 50px; text-align: center; vertical-align: middle; color: #fff; background-color: #df3741; position: absolute; right: 15px; border: 1px solid #df3741; border-radius: 0 }
.s-btn:hover { background-color: #c4313b; border: 1px solid #c4313b }
.banner { margin-top: 64px }
.banner .owl-theme { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.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 .owl-next, .banner .owl-prev { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; width: 35px; height: 60px; margin: 0 10px; position: absolute; left: 3%; top: 50%; margin-top: -30px; display: block; width: 35px; height: 60px; background: url(../images/slider-arrow.png) 0 0 no-repeat; filter: alpha(opacity=30); opacity: .3 }
.banner .owl-next { left: auto; right: 3%; background-position: -35px 0 }
.banner .owl-next:hover, .banner .owl-prev:hover { filter: alpha(opacity=80); opacity: .8 }
.banner .owl-controls .owl-pagination { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 60px; text-align: center }
.banner .owl-controls .owl-pagination .owl-page { display: inline-block }
.banner .owl-controls .owl-pagination .owl-page span { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; margin: 0 6px; overflow: hidden; line-height: 9999px; filter: alpha(opacity=30); opacity: .3; border-radius: 100%; background-color: #fff }
.banner .owl-controls .owl-page.active span, .banner .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=80); opacity: .8 }

@media (max-width:767px) {
.banner .owl-next, .banner .owl-prev { width: 23px; height: 40px; margin-top: -20px; background-size: auto 40px }
.banner .owl-next { background-position: -23px 0 }
.banner .owl-theme .item img { padding: 0 }
}

@media (min-width:768px) and (max-width:991px) {
.banner .owl-theme .item { height: 354px }
}

@media (min-width:992px) and (max-width:1199px) {
.banner .owl-theme .item { height: 464px }
}
.service p.m-sm.xx { margin: 10px 0 0 0; padding-bottom: 40px; border-bottom: 1px solid #ddd }
.service-fw, .service-gc, .service-kj { width: 76px; height: 76px; display: inline-block; background-image: url(../images/service-ico.png); background-position: 0 0; background-repeat: no-repeat }
.service-kj { background-position: 0 0 }
.service-gc { background-position: -76px 0 }
.service-fw { background-position: -152px 0 }
.service h3 { margin-top: 5px }
.service .row { margin-left: 0; margin-right: 0 }
.service figure { padding: 35px 30px 30px 30px; margin-bottom: 30px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd }
.service figure:hover { background-color: #f2f2f2 }
.service figure:first-child { border-left: 0 }
.service figure h3 a { font-size: 18px; margin: 20px 0 15px 0; color: #000 }
.service figure:hover h3 a { color: #e60021; text-decoration: underline }
.service figure ul {}
.service figure ul li { list-style: outside; text-align: left }

@media (min-width:992px) and (max-width:1199px) {
.service figure { padding: 35px 0 30px 0 }
}

@media (max-width:991px) {
.service figure { border-left: 0 }
.service figure:nth-child(1), .service figure:nth-child(2) { margin-bottom: 0 }
.service figure ul li { list-style: none; text-align: center }
.service figure ul { margin-left: 0 }
}

@media (max-width:767px) {
.service figure { padding: 30px 20px 20px 20px }
}
.case-box { text-align: center }
.case-box figure { margin-bottom: 30px; overflow: hidden }
.case-box figure>a { position: relative; display: block; overflow: hidden }
.case-box figure .new-pic { width: 78px; height: 80px; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0 0; z-index: 2 }
.case-box figure .pic-hover ul li { margin: 0; padding: 0; color: #ccc }

@media (max-width:1199px) {
.case-box figure { margin-bottom: 0 }
.case-box figure .pic-hover h3 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding: 20px 0 0 0; margin: 0 }
.case-box figure .pic-hover h3 a { color: #000 }
.case-box figure .pic-hover ul { margin-bottom: 15px; font-size: 12px }
.case-box figure .pic-hover ul li { color: #777 }
.case-box figure .pic-hover ul a { color: #777 }
}

@media (min-width:1200px) {
.case-box figure { position: relative }
.case-box figure>a img { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear }
.case-box figure:hover>a img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1) }
.case-box figure .pic-hover { background-color: transparent; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; max-width: 360px; height: 100%; display: block; padding: 88px 30px; -webkit-transition: .25s; transition: .25s }
.case-box figure:hover .pic-hover { background-color: rgba(0,0,0,.75) }
.case-box figure .pic-hover h3 { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding: 0 0 5px 0; margin: 0; color: #fff }
.case-box figure .pic-hover h3 a { color: #fff }
.case-box figure .pic-hover h3 { -webkit-transition: .3s; transition: transform .3s }
.case-box figure .pic-hover ul { margin: 0; -webkit-transition: opacity .25s, -webkit-transform .25s; transition: opacity .25s, transform .25s }
.case-box figure .pic-hover ul a { color: #ccc }
.case-box figure:hover .pic-hover ul { -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-duration: .25s; transition-duration: .25s }
.case-box figure .pic-hover span { background-color: #df3741; display: block; height: 3px; width: 60px; margin: 15px auto 0 auto }
.case-box figure:hover .pic-hover span { -webkit-transition-delay: .15s; transition-delay: .15s; -webkit-transition-duration: .25s; transition-duration: .25s }
.case-box figure .pic-hover h3, .case-box figure .pic-hover span, .case-box figure .pic-hover ul { filter: alpha(opacity=0); opacity: 0 }
.case-box figure .pic-hover h3, .case-box figure .pic-hover span, .case-box figure .pic-hover ul { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) }
.case-box figure:hover .pic-hover h3, .case-box figure:hover .pic-hover span, .case-box figure:hover .pic-hover ul { filter: alpha(opacity=100); opacity: 1 }
.case-box figure:hover .pic-hover h3, .case-box figure:hover .pic-hover span, .case-box figure:hover .pic-hover ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.xg .case-box figure .pic-hover { padding: 52px 30px }
}

@media (min-width: 1200px) {
.client .row .row { max-height: 186px; overflow: hidden }
.client .row .row figure img, .client .row figure img { max-height: 63px }
}
.col-lg-20 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }

@media (min-width: 1200px) {
.col-lg-20 { float: left }
}

@media (min-width: 1200px) {
.col-lg-20 { width: 20% }
}
.client-bg { background-image: url(../images/client-bg.jpg); background-position: center center; background-repeat: no-repeat }
.client figure { margin-bottom: 30px }
.client figure>a { position: relative; display: block }
.client figure>a img { border: 1px solid #e5e5e5 }
.client figure>a figcaption { color: #fff; background-color: transparent; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; line-height: 64px; display: none }
.client figure>a:hover figcaption { display: block; background-color: rgba(0,0,0,.75) }

@media (min-width:992px) and (max-width:1199px) {
.client figure>a figcaption { line-height: 82px }
}

@media (max-width:991px) {
.client figure>a figcaption, .client figure>a:hover figcaption { display: none }
}

@media (max-width:767px) {
.client figure { margin-bottom: 20px }
.case-box div:nth-child(odd), .client figure:nth-child(odd) { padding-right: 10px }
.case-box div:nth-child(even), .client figure:nth-child(even) { padding-left: 10px }
.client-bg { background-size: auto 110% }
}
.team { background-image: url(../images/beat.jpg); background-position: center top; background-repeat: no-repeat }
.team p.m-sm { margin-bottom: 60px }
.team figure img { border-radius: 100%; border: 6px solid rgba(255,255,255,.5) }
.team figure img:hover { border: 6px solid #fff }
.item img:hover { -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.item img:hover { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.item img:hover { -webkit-animation-name: shake; animation-name: shake }
.team figcaption h3 { font-size: 18px; margin: 45px 0 10px 0 }
.team figcaption h3 a { color: #000 }
.team figcaption h3 a:hover { color: #e60021 }
.team figcaption p { margin: 0 0 15px 0 }
.team .item a img { max-height: 230px!important }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-buttons div { cursor: pointer }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }
.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-theme .owl-controls { text-align: center }
.owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1 }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none }
.owl-next, .owl-prev { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; width: 35px; height: 60px; display: inline-block; margin: 0 10px }
.owl-prev { position: absolute; left: 5%; top: 55px; background-image: url(../images/slider-arrow-black.png); background-position: left center }
.owl-next { position: absolute; right: 5%; top: 55px; background-image: url(../images/slider-arrow-black.png); background-position: right center }
.owl-next, .owl-prev { filter: alpha(opacity=20); opacity: .2 }
.owl-next:hover, .owl-prev:hover { filter: alpha(opacity=50); opacity: .5 }

@media (max-width:767px) {
.owl-prev { left: 0; top: 65px }
.owl-next { right: 0; top: 65px }
.about .tab-content ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
}
.about figure>h3 { font-size: 18px; margin: 0 0 20px 0 }
.about figure>h3 img { margin: 0 10px 3px 0 }
.about figure>ul.list-inline li { margin: 0 }
.about figure>ul li a.btn-center { margin: 0 0 15px 0; padding: 3px 20px 1px 20px }
.about .news-lb { margin-left: 0 }
.about .news-lb li a { font-size: 16px; color: #000 }
.about .news-lb li.active a { color: #df3741 }
.about .news-lb li a:hover { color: #e60021 }
.about figure .tab-content ul li { list-style: outside; margin-left: 16px }
.about figure .tab-content ul li a:hover { padding-left: 5px }
.about figure .tab-content ul li img { margin: 0 0 2px 10px }

@media (max-width:991px) {
.about div { text-align: center }
.about figure>h3 { margin: 20px 0 }
.about figure .tab-content ul li { list-style: none; margin-left: 0 }
.about figure>ul li a.btn-center { margin-bottom: 10px }
}
.action { background-color: #262626; color: #fff }
.action-bg { background-image: url(../images/tel.png); background-position: 15px center; background-repeat: no-repeat }
.action-bg p { margin: 0 }
.action-bg p a { color: #FFF }
.action-bg p a:hover { color: #df3741 }
.action-bg p a.btn-center { background-color: #df3741; color: #FFF; border: 1px solid #df3741 }
.action-bg p a.btn-center:hover { background-color: #c4313b; color: #FFF; border: 1px solid #c4313b }
.footer { margin-left: 0; margin-right: 0 }
.footer-dh, .footer-dz, .footer-yx { width: 42px; height: 42px; display: inline-block; background-repeat: no-repeat; background-image: url(../images/footer-ico.png); background-position: 0 0; overflow: hidden }
.footer-dh { background-position: 0 0 }
.footer-dz { background-position: -42px 0 }
.footer-yx { background-position: -84px 0 }
.footer figure { padding: 40px 20px 15px 20px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd }
.footer figure:hover { background-color: #f2f2f2 }
.footer figure:hover .footer-dh { background-position: 0 -42px }
.footer figure:hover .footer-dz { background-position: -42px -42px }
.footer figure:hover .footer-yx { background-position: -84px -42px }
.footer figure:first-child { border-left: 0 }
.footer figure h3 { font-size: 16px; margin: 15px 0 10px 0; color: #000 }
.footer-nav { padding: 30px 0 10px 0 }
.copy { font-size: 12px; padding: 35px 0 40px 0; margin-top: 20px }

@media (max-width:767px) {
.footer figure { border-left: 0; padding: 30px 20px 10px 20px }
}

@media (min-width:768px) and (max-width:991px) {
.footer figure p { font-size: 12px }
}
.kefu { bottom: 0; right: 0; margin-bottom: 0; display: block; position: fixed; z-index: 999999999 }
.kefu li { list-style: none }
.kefu a { width: 50px; height: 50px; text-indent: -9999px; display: block; overflow: hidden; background-color: #e60021; margin-top: 2px; background-image: url(../images/kefu.png); background-position: 0 0; background-repeat: no-repeat }
.kefu a:hover { background-color: #4d4d4d }
.kefu a.kefu-fh { background-position: 0 0 }
.kefu a.kefu-dh { background-position: 0 -50px }
.kefu a.kefu-gt { background-position: 0 -100px }
.kefu a.kefu-yy { background-position: 0 -150px }
.kefu a.kefu-wx { background-position: 0 -200px }
.kefu a.kefu-fx { background-position: 0 -250px }
.kefu a.kefu-top { background-position: 0 -300px; background-color: #4d4d4d }

@media (max-width:767px) {
.kefu li { float: left; margin-left: 2px }
}
.banner { background-color: #000; background-position: center center; background-repeat: no-repeat }
.banner-mask { background-color: rgba(0,0,0,.0); padding: 6.6em 0 }
.banner-mask h2 { color: #fff; font-size: 30px; margin: 0 0 10px 0; text-shadow: 2px 2px 5px rgba(0,0,0,.7) }
.banner-mask p { color: rgba(255,255,255,.8); font-size: 16px; margin: 0; text-shadow: 2px 2px 5px rgba(0,0,0,.7) }

@media (max-width:767px) {
.banner { background-size: auto 240px }
.banner-mask { padding: 4em 0 }
.banner-mask h2 { font-size: 20px }
.banner-mask p { font-size: 12px }
}
.menu { background-color: #fff; border-bottom: 1px solid #e5e5e5; text-align: center }
.menu ul { margin: 0 }
.menu ul li { padding: 25px 0 22px 0; margin: 0; border-left: 1px solid #e5e5e5 }
.menu ul li.hover, .menu ul li:hover { background-color: #f2f2f2 }
.menu ul li.hover a { color: #e60021 }
.menu ul li:first-child { border-left: 0 }
.crumbs { background-color: #fff; border-bottom: 1px solid #e5e5e5 }
.breadcrumb, .subnav { margin-bottom: 0; padding: 19px 0 16px 0 }
.subnav li { padding-right: 0 }
.subnav>li+li:before { padding: 0 7px 0 0; color: #ddd; content: "|\00a0" }
.subnav li a.hover { color: #e60021 }
.subnav li a.hover:hover { color: #e60021 }
.breadcrumb { list-style: none; background-color: #fff; border-radius: 0 }
.breadcrumb>li { display: inline-block; color: #999 }
.breadcrumb>li+li:before { padding: 0 5px; color: #ddd; content: "/\00a0" }
.content { padding: 45px 0 50px 0 }
.content h2, .content h3, .content h4, .content h5, .content h6, p { margin: 0 0 20px 0 }
.content ol li p, .content ul li p { margin: 0 }
.content h2 { font-size: 24px }
.content h3 { font-size: 18px }
.content h4 { font-size: 16px }
.content h5 { font-size: 14px }
.content h6 { font-size: 12px }
.contact { padding: 45px 30px; border-bottom: 1px solid #ddd }
.contact:hover { background-color: #f2f2f2; border-bottom: 1px solid #ddd }
.contact>h3 { margin: 0 0 8px 120px }
.contact>span { display: inline-block; float: left; margin-right: 30px; width: 90px; height: 90px; border-radius: 100%; background-color: #ccc; background-repeat: no-repeat; background-image: url(../images/contact.png) }
.contact:hover>span { background-color: #e60021 }
.contact:hover a { color: #e60021 }
.contact>p { margin: 0 0 0 120px }
.contact>p>small { display: block; font-size: 14px }
.contact-dh { background-position: center 0 }
.contact-dz { background-position: center -90px }
.contact-gt { background-position: center -180px }
.contact-yy { background-position: center -270px }
.contact-hz { background-position: center -360px }
.contact-rc { background-position: center -450px }

@media (max-width:767px) {
.contact { padding: 30px 0 }
.contact>h3, .contact>p { margin-left: 0 }
}
.list-page { text-align: center }
.pagination { margin: 0; border-radius: 0 }
.pagination>li>a { margin-top: 20px; padding: 10px 16px; margin-left: 12px; color: #777; background-color: #fff; border: 1px solid #ddd }
.pagination>li>a:hover { color: #e60021 }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover { z-index: 2; color: #fff; cursor: default; background-color: #e60021; border-color: #e60021 }
.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 }
.news-box { position: relative; margin-bottom: 30px }
.news-box .new-pic { width: 78px; height: 80px; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0 0; z-index: 2 }
.news-box figcaption { padding: 15px 20px; background-color: #f2f2f2 }
.news-box:hover figcaption { background-color: #f2594b }
.news-box figcaption h3 { font-size: 16px; margin: 2px 0 8px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.news-box figcaption p { margin: 0; min-height: 56px; max-height: 56px; overflow: hidden; color: #999 }
.news-box figcaption p.one { min-height: 28px; max-height: 28px }
.news-box figcaption h3 a { color: #777; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s }
.news-box:hover figcaption h3, .news-box:hover figcaption h3 a { color: #fff; text-decoration: underline }
.news-box:hover figcaption p { color: #fff }

@media (max-width:767px) {
.news .news-box { margin-bottom: 20px }
.news figure:nth-child(odd) { padding-right: 10px }
.news figure:nth-child(even) { padding-left: 10px }
.news-box figcaption { padding: 15px 10px }
.news-box figcaption p { min-height: 28px; max-height: 28px }
}
.new-news-box figure a { display: block; position: relative }
.new-news-box figure a .new-pic { width: 78px; height: 80px; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0 0; z-index: 2 }
.new-news-box figure { margin-bottom: 50px }
.new-news-box time { display: block; font-size: 16px; color: #ccc; margin: 0; padding: 0 }
.new-news-box h3 { font-size: 20px; margin: 0 0 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.new-news-box h3 a { color: #000 }
.new-news-box h3 a:hover { color: #e60021 }
.new-news-box p { margin: 10px 0 0 0; min-height: 56px; max-height: 56px; overflow: hidden }

@media (max-width:767px) {
.new-news-box figure:nth-child(odd) { padding-right: 10px }
.new-news-box figure:nth-child(even) { padding-left: 10px }
}

@media (max-width:500px) {
.new-news-box p { min-height: 28px; max-height: 28px }
}
.hr-box h3 { font-size: 20px; margin: 0 0 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.hr-box h3 a { color: #000 }
.hr-box h3 a:hover { color: #e60021 }
.hr-box { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 5px }
.team-box figure { margin-bottom: 30px; position: relative }
.team-box figure img { border: 1px solid #e5e5e5 }
.team-box figure .pic-hover h3 { font-weight: 400; font-size: 18px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 20px 0 8px 0 }
.team-box figure .pic-hover h3 a { color: #000 }
.team-box figure .pic-hover h3 a:hover { color: #e60021 }

@media (max-width:767px) {
.ny-team .team-box figure { margin-bottom: 20px }
.ny-team .team-box div:nth-child(odd) { padding-right: 10px }
.ny-team .team-box div:nth-child(even) { padding-left: 10px }
}
.team-box figure .pic-hover span { background-color: #df3741; display: block; height: 2px; width: 40px; margin: 0 auto 10px auto }
.team-box figure .pic-hover p { margin: 0 }
.neirong { padding: 45px 0 50px 0 }

@media (max-width:991px) {
.neirong article header { text-align: center }
}
.neirong .title { margin: 0 0 8px 0 }
.neirong .info { color: #999; padding: 0 0 15px 0; margin: 0 0 38px 0; border-bottom: 1px solid #ddd }
.neirong .info small { height: 14px; padding-left: 20px; margin-right: 12px; background-image: url(../images/ny-ico.png); background-repeat: no-repeat; background-position: left -2px }
.neirong .info small.hits { background-position: left -20px }
.neirong .info small.tags { background-position: left -38px }
.neirong .info * { margin: 0 }
.neirong .bg-fd { color: #000; background-color: #f2f2f2; padding: 8px 15px 6px 15px; border-left: 4px solid #f2594b }
.neirong .col-lg-3, .neirong .col-md-3 { width: 22%; margin-right: 3% }
.aside-menu li { border-top: 1px solid #fff }
.aside-menu li a { padding: 8px 25px 6px 25px; display: block; background-color: #faeceb; border-left: 4px solid #f2594b }
.aside-menu>li:first-child a { border-top: 0 solid #e5e5e5 }
.aside-menu ul li a { background-color: #F7F7F7; border-left: 4px solid #eee }
.aside-menu li a.hover, .aside-menu li a:hover { background-color: #eee; border-left: 4px solid #f2594b; text-decoration: none; padding-left: 35px }
.aside-menu>li>a { font-size: 16px; color: #333 }
.aside-menu>li>a.hover, .aside-menu>li>a:hover { color: #e60021 }
.sx-pian { margin: 0 }
.sx-pian li { line-height: 32px }
.xg { margin-top: 22px }
.xg ul li { list-style: outside; margin-left: 16px }
.xg .case-box { margin-top: 30px }
.taglist { border: 1px solid #eee; padding: 30px 20px 25px 20px }
.taglist a { padding: 0 15px; line-height: 260% }
.tags:hover .pic-hover { background-color: #999 }
.rsslist ul li { list-style: outside; margin-left: 16px }
.rsslist ul li:hover { background-color: #f2f2f2 }
.rsslist ul li a img { margin: 0 0 2px 10px }
#lycontent, #lytel, #lyusername { height: 36px; width: 100%; background-color: #fff; color: #000; border: 1px solid #bbb; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius: 4px }
#lycontent:focus, #lytel:focus, #lyusername:focus { border-color: rgba(242,89,75,.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242,89,75,.5); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242,89,75,.5) }
#lycontent { height: 120px; padding-top: 10px }
#lyusername { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -2px }
#lytel { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -42px }
#lycontent { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -122px }
#button { height: 40px; width: 100%; text-align: center; vertical-align: middle; border-width: 0; background-color: #df3741; color: #FFF; font-size: 14px; border-radius: 4px; margin-bottom: 20px }
#button:hover { background-color: #c4313b }

@media (max-width:767px) {
.gcgl ul { margin-bottom: 0 }
#baidumap .p-40 { padding: 20px!important }
}
.gcgl ul li h4 { margin: 10px 0 }
.gcgl h3 { color: #e60021 }
.liucheng h3 { padding: 0 0 12px 0; font-size: 22px; color: #000 }
.liucheng .dl-horizontal dt div { width: 110px; height: 110px; background-color: #e60021; border-radius: 100%; color: #fff; margin: 45px 0 0 0; padding: 20px 0 0 0; text-align: center; font-size: 34px }
.liucheng .dl-horizontal dt div small { font-size: 14px; display: block; margin: 0; font-weight: 500 }
.liucheng .dl-horizontal dd { padding: 50px 0 20px 0; margin-bottom: 15px; border-top: 1px solid #ddd; margin-left: 0; padding-left: 180px }

@media (min-width:1000px) {
.liucheng { width: 80%; margin: 0 auto }
}

@media (max-width:767px) {
.liucheng .dl-horizontal dd { padding-left: 0; padding-right: 0 }
}
.liucheng .dl-horizontal dd h3 { margin: 0 }
.liucheng .dl-horizontal dd p { line-height: 200% }
.ptcp div { margin-bottom: 30px }
.ptcp p { margin-bottom: 0 }
.yzsptfw h3 { height: 120px; width: 120px; line-height: 120px; border-radius: 100%; color: #e60021; margin: 5px auto 30px auto; border: 2px solid #e60021 }
.yzsptfw h3:hover { background-color: #E60021; color: #fff }
.hbfw hr.big, .gcgl hr.big, .gywm hr.big { margin: 60px 0 }

@media (max-width:767px) {
.hbfw .col-sm-5 img, .gcgl .col-sm-5 img, .gywm .col-sm-5 img { margin-bottom: 30px }
.hbfw .col-xs-12, .gywm .col-xs-12, .gcgl .col-xs-12 { text-align: center }
}

@media (min-width:768px) and (max-width:991px) {
.hbfw .col-sm-5 img, .gywm .col-sm-5 img, .gcgl .col-sm-5 img { width: 80% }
}

@media (min-width:992px) and (max-width:1199px) {
.hbfw .col-md-5 img, .gywm .col-sm-5 img, .gcgl .col-md-6 img { width: 80% }
}

@media (min-width:1200px) {
.hbfw .col-lg-push-7, .gywm .col-lg-push-7, .gcgl .col-lg-push-6 { text-align: right }
.gywm .col-lg-7 h2, .gywm .col-lg-7 p { margin-left: 50px }
}
#fuwu1 { border-bottom: 1px solid #ddd; padding-bottom: 72px; margin-top: 30px }
#fuwu2, #fuwu3, #fuwu4, #fuwu5, #fuwu6 { padding-top: 92px; border-bottom: 1px solid #ddd; padding-bottom: 72px }
#fuwu3, #fuwu4, #fuwu5 { padding-bottom: 62px }
#fuwu6 { padding-top: 92px; border-bottom: 0px solid #ddd; padding-bottom: 0;}

@media (max-width:767px) {
#newBridge { display: none!important }
}
#message { color: #666; padding-left: 15px; }
#message form { padding: 0; margin: 0 }
#message form div { margin-top: 27px; margin-bottom: 10px }
#message form div input.formStyle { width: 292px; height: 40px; line-height: 40px; background-color: #fff; padding-left: 5px; border: 1px solid #666; color: #666; max-width: 90%; }
#message form div input { color: #666; height: 40px; line-height: 40px; background-color: #fff; padding-left: 5px; border: 1px solid #666; width: 120px }
#message form div textarea { color: #666; line-height: 26px; background-color: #fff; padding-left: 5px; border: 1px solid #666; width: 600px; height: 100px; max-width: 90%; outline: none }
#message form .vcode { position: relative; height: 40px; margin-top: 20px; }
#message form #ckstr_img { position: absolute; left: 135px; cursor: pointer; background-color: #fff; }
#message form #save { border: 1px solid #f33; background: #f33; cursor: pointer; display: inline-block; width: 600px; padding:10px 20px; border-radius: 5px; color: #fff; font-size: 14px; vertical-align: top; text-align: center; line-height: 28px; transition: background 0.2s ease; -moz-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; margin-top: 20px;}
#save:hover, #save:active { background: #f33; outline: none; }