html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, header, footer, nav, dialog, figure, menu, hgroup, iframe { margin: 0; padding: 0; border: 0; font-family: "microsoft yahei"; }
html { -webkit-text-size-adjust: none; }
body { font-size: 12px; line-height: 22px; background: #fff; }
input, textarea { resize: none; font-family: "microsoft yahei"; }
img { border: 0; vertical-align: bottom; max-width: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #00a25f; }
input:focus, textarea:focus { outline: none; }
h1, h2, h3 { font-weight: normal; }
@-webkit-keyframes a-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes a-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes a-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes a-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadein-top { -webkit-animation-name: fadeint; -moz-animation-name: fadeint; -ms-animation-name: fadeint; animation-name: fadeint; }
@-webkit-keyframes fadeint {
    0% { opacity: 0; -webkit-transform: translatey(-50px); }
    100% { opacity: 1; -webkit-transform: translatey(0); }
}
@-moz-keyframes fadeint {
    0% { opacity: 0; -moz-transform: translatey(-50px); }
    100% { opacity: 1; -moz-transform: translatey(0); }
}
@-ms-keyframes fadeint {
    0% { opacity: 0; -ms-transform: translatey(-50px); }
    100% { opacity: 1; -ms-transform: translatey(0); }
}
@keyframes fadeint {
    0% { opacity: 0; transform: translatey(-50px); }
    100% { opacity: 1; transform: translatey(0); }
}
.fadein-right { -webkit-animation-name: fadeinr; -moz-animation-name: fadeinr; -ms-animation-name: fadeinr; animation-name: fadeinr; }
@-webkit-keyframes fadeinr {
    0% { opacity: 0; -webkit-transform: translatex(50px); }
    100% { opacity: 1; -webkit-transform: translatex(0); }
}
@-moz-keyframes fadeinr {
    0% { opacity: 0; -moz-transform: translatex(50px); }
    100% { opacity: 1; -moz-transform: translatex(0); }
}
@-ms-keyframes fadeinr {
    0% { opacity: 0; -ms-transform: translatex(50px); }
    100% { opacity: 1; -ms-transform: translatex(0); }
}
@keyframes fadeinr {
    0% { opacity: 0; transform: translatex(50px); }
    100% { opacity: 1; transform: translatex(0); }
}
.fadein-bottom { -webkit-animation-name: fadeinb; -moz-animation-name: fadeinb; -ms-animation-name: fadeinb; animation-name: fadeinb; }
@-webkit-keyframes fadeinb {
    0% { opacity: 0; -webkit-transform: translatey(50px); }
    100% { opacity: 1; -webkit-transform: translatey(0); }
}
@-moz-keyframes fadeinb {
    0% { opacity: 0; -moz-transform: translatey(50px); }
    100% { opacity: 1; -moz-transform: translatey(0); }
}
@-ms-keyframes fadeinb {
    0% { opacity: 0; -ms-transform: translatey(50px); }
    100% { opacity: 1; -ms-transform: translatey(0); }
}
@keyframes fadeinb {
    0% { opacity: 0; transform: translatey(50px); }
    100% { opacity: 1; transform: translatey(0); }
}
.fadein-left { -webkit-animation-name: fadeinl; -moz-animation-name: fadeinl; -ms-animation-name: fadeinl; animation-name: fadeinl; }
@-webkit-keyframes fadeinl {
    0% { opacity: 0; -webkit-transform: translatex(-50px); }
    100% { opacity: 1; -webkit-transform: translatex(0); }
}
@-moz-keyframes fadeinl {
    0% { opacity: 0; -moz-transform: translatex(-50px); }
    100% { opacity: 1; -moz-transform: translatex(0); }
}
@-ms-keyframes fadeinl {
    0% { opacity: 0; -ms-transform: translatex(-50px); }
    100% { opacity: 1; -ms-transform: translatex(0); }
}
@keyframes fadeinl {
    0% { opacity: 0; transform: translatex(-50px); }
    100% { opacity: 1; transform: translatex(0); }
}
.fadeout { -webkit-animation-name: a-fadeout; -moz-animation-name: a-fadeout; -ms-animation-name: a-fadeout; animation-name: a-fadeout; }
@-webkit-keyframes a-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes a-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes a-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes a-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.fadeout-top { -webkit-animation-name: fadeoutt; -moz-animation-name: fadeoutt; -ms-animation-name: fadeoutt; animation-name: fadeoutt; }
@-webkit-keyframes fadeoutt {
    0% { opacity: 1; -webkit-transform: translatey(0); }
    100% { opacity: 0; -webkit-transform: translatey(-100px); }
}
@-moz-keyframes fadeoutt {
    0% { opacity: 1; -moz-transform: translatey(0); }
    100% { opacity: 0; -moz-transform: translatey(-100px); }
}
@-ms-keyframes fadeoutt {
    0% { opacity: 1; -ms-transform: translatey(0); }
    100% { opacity: 0; -ms-transform: translatey(-100px); }
}
@keyframes fadeoutt {
    0% { opacity: 1; transform: translatey(0); }
    100% { opacity: 0; transform: translatey(-100px); }
}
.fadeout-right { -webkit-animation-name: fadeoutr; -moz-animation-name: fadeoutr; -ms-animation-name: fadeoutr; animation-name: fadeoutr; }
@-webkit-keyframes fadeoutr {
    0% { opacity: 1; -webkit-transform: translatex(0); }
    100% { opacity: 0; -webkit-transform: translatex(100px); }
}
@-moz-keyframes fadeoutr {
    0% { opacity: 1; -moz-transform: translatex(0); }
    100% { opacity: 0; -moz-transform: translatex(100px); }
}
@-ms-keyframes fadeoutr {
    0% { opacity: 1; -ms-transform: translatex(0); }
    100% { opacity: 0; -ms-transform: translatex(100px); }
}
@keyframes fadeoutr {
    0% { opacity: 1; transform: translatex(0); }
    100% { opacity: 0; transform: translatex(100px); }
}
.fadeout-bottom { -webkit-animation-name: fadeoutb; -moz-animation-name: fadeoutb; -ms-animation-name: fadeoutb; animation-name: fadeoutb; }
@-webkit-keyframes fadeoutb {
    0% { opacity: 1; -webkit-transform: translatey(0); }
    100% { opacity: 0; -webkit-transform: translatey(100px); }
}
@-moz-keyframes fadeoutb {
    0% { opacity: 1; -moz-transform: translatey(0); }
    100% { opacity: 0; -moz-transform: translatey(100px); }
}
@-ms-keyframes fadeoutb {
    0% { opacity: 1; -ms-transform: translatey(0); }
    100% { opacity: 0; -ms-transform: translatey(100px); }
}
@keyframes fadeoutb {
    0% { opacity: 1; transform: translatey(0); }
    100% { opacity: 0; transform: translatey(100px); }
}
.fadeout-left { -webkit-animation-name: fadeoutl; -moz-animation-name: fadeoutl; -ms-animation-name: fadeoutl; animation-name: fadeoutl; }
@-webkit-keyframes fadeoutl {
    0% { opacity: 1; -webkit-transform: translatex(0); }
    100% { opacity: 0; -webkit-transform: translatex(-100px); }
}
@-moz-keyframes fadeoutl {
    0% { opacity: 1; -moz-transform: translatex(0); }
    100% { opacity: 0; -moz-transform: translatex(-100px); }
}
@-ms-keyframes fadeoutl {
    0% { opacity: 1; -ms-transform: translatex(0); }
    100% { opacity: 0; -ms-transform: translatex(-100px); }
}
@keyframes fadeoutl {
    0% { opacity: 1; transform: translatex(0); }
    100% { opacity: 0; transform: translatex(-100px); }
}
.bounce, .bounce-hover:hover { -webkit-animation-name: a-bounce; -moz-animation-name: a-bounce; -ms-animation-name: a-bounce; animation-name: a-bounce; }
@-webkit-keyframes a-bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translatey(0); }
    40% { -webkit-transform: translatey(-30px); }
    60% { -webkit-transform: translatey(-15px); }
}
@-moz-keyframes a-bounce {
    0%, 20%, 50%, 80%, 100% { -moz-transform: translatey(0); }
    40% { -moz-transform: translatey(-30px); }
    60% { -moz-transform: translatey(-15px); }
}
@-ms-keyframes a-bounce {
    0%, 20%, 50%, 80%, 100% { -ms-transform: translatey(0); }
    40% { -ms-transform: translatey(-30px); }
    60% { -ms-transform: translatey(-15px); }
}
@keyframes a-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translatey(0); }
    40% { transform: translatey(-30px); }
    60% { transform: translatey(-15px); }
}
.bouncein { -webkit-animation-name: a-bouncein; -moz-animation-name: a-bouncein; -ms-animation-name: a-bouncein; animation-name: a-bouncein; }
@-webkit-keyframes a-bouncein {
    0% { opacity: 0; -webkit-transform: scale(0.3); }
    50% { opacity: 1; -webkit-transform: scale(1.05); }
    70% { -webkit-transform: scale(0.9); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes a-bouncein {
    0% { opacity: 0; -moz-transform: scale(0.3); }
    50% { opacity: 1; -moz-transform: scale(1.05); }
    70% { -moz-transform: scale(0.9); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes a-bouncein {
    0% { opacity: 0; -ms-transform: scale(0.3); }
    50% { opacity: 1; -ms-transform: scale(1.05); }
    70% { -ms-transform: scale(0.9); }
    100% { -ms-transform: scale(1); }
}
@keyframes a-bouncein {
    0% { opacity: 0; transform: scale(0.3); }
    50% { opacity: 1; transform: scale(1.05); }
    70% { transform: scale(0.9); }
    100% { transform: scale(1); }
}
.bounceout { -webkit-animation-name: a-bounceout; -moz-animation-name: a-bounceout; -ms-animation-name: a-bounceout; animation-name: a-bounceout; }
@-webkit-keyframes a-bounceout {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(0.95); }
    50% { opacity: 1; -webkit-transform: scale(1.1); }
    100% { opacity: 0; -webkit-transform: scale(0.3); }
}
@-moz-keyframes a-bounceout {
    0% { -moz-transform: scale(1); }
    25% { -moz-transform: scale(0.95); }
    50% { opacity: 1; -moz-transform: scale(1.1); }
    100% { opacity: 0; -moz-transform: scale(0.3); }
}
@-ms-keyframes a-bounceout {
    0% { -ms-transform: scale(1); }
    25% { -ms-transform: scale(0.95); }
    50% { opacity: 1; -ms-transform: scale(1.1); }
    100% { opacity: 0; -ms-transform: scale(0.3); }
}
@keyframes a-bounceout {
    0% { transform: scale(1); }
    25% { transform: scale(0.95); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0; transform: scale(0.3); }
}
.rotatein { -webkit-animation-name: a-rotatein; -moz-animation-name: a-rotatein; -ms-animation-name: a-rotatein; animation-name: a-rotatein; }
@-webkit-keyframes a-rotatein {
    0% { opacity: 0; -webkit-transform: rotate(-200deg); }
    100% { opacity: 1; -webkit-transform: rotate(0); }
}
@-moz-keyframes a-rotatein {
    0% { opacity: 0; -moz-transform: rotate(-200deg); }
    100% { opacity: 1; -moz-transform: rotate(0); }
}
@-ms-keyframes a-rotatein {
    0% { opacity: 0; -ms-transform: rotate(-200deg); }
    100% { opacity: 1; -ms-transform: rotate(0); }
}
@keyframes a-rotatein {
    0% { opacity: 0; transform: rotate(-200deg); }
    100% { opacity: 1; transform: rotate(0); }
}
.rotateout { -webkit-animation-name: a-rotateout; -moz-animation-name: a-rotateout; -ms-animation-name: a-rotateout; animation-name: a-rotateout; }
@-webkit-keyframes a-rotateout {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; }
}
@-moz-keyframes a-rotateout {
    0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
    100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; }
}
@-ms-keyframes a-rotateout {
    0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; }
    100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; }
}
@keyframes a-rotateout {
    0% { transform-origin: center center; transform: rotate(0); opacity: 1; }
    100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
.flash, .flash-hover:hover { -webkit-animation-name: a-flash; -moz-animation-name: a-flash; -ms-animation-name: a-flash; animation-name: a-flash; }
@-webkit-keyframes a-flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
@-moz-keyframes a-flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
@-ms-keyframes a-flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
@keyframes a-flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
.shake, .shake-hover:hover { -webkit-animation-name: a-shake; -moz-animation-name: a-shake; -ms-animation-name: a-shake; animation-name: a-shake; }
@-webkit-keyframes a-shake {
    0%, 100% { -webkit-transform: translatex(0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translatex(-10px); }
    20%, 40%, 60%, 80% { -webkit-transform: translatex(10px); }
}
@-moz-keyframes a-shake {
    0%, 100% { -moz-transform: translatex(0); }
    10%, 30%, 50%, 70%, 90% { -moz-transform: translatex(-10px); }
    20%, 40%, 60%, 80% { -moz-transform: translatex(10px); }
}
@-ms-keyframes a-shake {
    0%, 100% { -ms-transform: translatex(0); }
    10%, 30%, 50%, 70%, 90% { -ms-transform: translatex(-10px); }
    20%, 40%, 60%, 80% { -ms-transform: translatex(10px); }
}
@keyframes a-shake {
    0%, 100% { transform: translatex(0); }
    10%, 30%, 50%, 70%, 90% { transform: translatex(-10px); }
    20%, 40%, 60%, 80% { transform: translatex(10px); }
}
.swing, .swing-hover:hover { -webkit-animation-name: a-swing; -moz-animation-name: a-swing; -ms-animation-name: a-swing; animation-name: a-swing; }
@-webkit-keyframes a-swing {
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0); }
}
@-moz-keyframes a-swing {
    20% { -moz-transform: rotate(15deg); }
    40% { -moz-transform: rotate(-10deg); }
    60% { -moz-transform: rotate(5deg); }
    80% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0); }
}
@-ms-keyframes a-swing {
    20% { -ms-transform: rotate(15deg); }
    40% { -ms-transform: rotate(-10deg); }
    60% { -ms-transform: rotate(5deg); }
    80% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0); }
}
@keyframes a-swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0); }
}
.wobble, .wobble-hover:hover { -webkit-animation-name: a-wobble; -moz-animation-name: a-wobble; -ms-animation-name: a-wobble; animation-name: a-wobble; }
@-webkit-keyframes a-wobble {
    0% { -webkit-transform: translatex(0); }
    15% { -webkit-transform: translatex(-50px) rotate(-5deg); }
    30% { -webkit-transform: translatex(40px) rotate(3deg); }
    45% { -webkit-transform: translatex(-33px) rotate(-3deg); }
    60% { -webkit-transform: translatex(10px) rotate(2deg); }
    75% { -webkit-transform: translatex(-10px) rotate(-1deg); }
    100% { -webkit-transform: translatex(0); }
}
@-moz-keyframes a-wobble {
    0% { -moz-transform: translatex(0); }
    15% { -moz-transform: translatex(-50px) rotate(-5deg); }
    30% { -moz-transform: translatex(40px) rotate(3deg); }
    45% { -moz-transform: translatex(-33px) rotate(-3deg); }
    60% { -moz-transform: translatex(10px) rotate(2deg); }
    75% { -moz-transform: translatex(-10px) rotate(-1deg); }
    100% { -moz-transform: translatex(0); }
}
@-ms-keyframes a-wobble {
    0% { -ms-transform: translatex(0); }
    15% { -ms-transform: translatex(-50px) rotate(-5deg); }
    30% { -ms-transform: translatex(40px) rotate(3deg); }
    45% { -ms-transform: translatex(-33px) rotate(-3deg); }
    60% { -ms-transform: translatex(10px) rotate(2deg); }
    75% { -ms-transform: translatex(-10px) rotate(-1deg); }
    100% { -ms-transform: translatex(0); }
}
@keyframes a-wobble {
    0% { transform: translatex(0); }
    15% { transform: translatex(-50px) rotate(-5deg); }
    30% { transform: translatex(40px) rotate(3deg); }
    45% { transform: translatex(-33px) rotate(-3deg); }
    60% { transform: translatex(10px) rotate(2deg); }
    75% { transform: translatex(-10px) rotate(-1deg); }
    100% { transform: translatex(0); }
}
.ring, .ring-hover:hover { -webkit-animation-name: a-ring; -moz-animation-name: a-ring; -ms-animation-name: a-ring; animation-name: a-ring; }
@-webkit-keyframes a-ring {
    0% { -webkit-transform: scale(1); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
    100% { -webkit-transform: scale(1) rotate(0); }
}
@-moz-keyframes a-ring {
    0% { -moz-transform: scale(1); }
    10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); }
    100% { -moz-transform: scale(1) rotate(0); }
}
@-ms-keyframes a-ring {
    0% { -ms-transform: scale(1); }
    10%, 20% { -ms-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -ms-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -ms-transform: scale(1.1) rotate(-3deg); }
    100% { -ms-transform: scale(1) rotate(0); }
}
@keyframes a-ring {
    0% { transform: scale(1); }
    10%, 20% { transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
    100% { transform: scale(1) rotate(0); }
}
.rotate, .rotate-hover:hover { -webkit-animation-name: a-rotate; -moz-animation-name: a-rotate; -ms-animation-name: a-rotate; animation-name: a-rotate; }
@-webkit-keyframes a-rotate {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes a-rotate {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(359deg); }
}
@-ms-keyframes a-rotate {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(359deg); }
}
@keyframes a-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}
.img16{
    display: none;
}
/* 新闻列表 */
.thumbnail {
  padding-top: 50px;
  margin: 0 auto;
  
}
.thumbnail-wrap {
   padding-bottom: 80px;
   zoom: 1;
}
.thumbnail-wrap:after {
    display: table;
    clear: both;
    content: ""
}
.thumbnail dl {
    float: left;
    width: 45%;
    padding: 15px 0;
    height: 80px;
    padding-right: 5%;
    border-bottom: 1px dashed #e7e7e7;
}
.thumbnail dl:hover {
    background-color: #fafafa;
}
.thumbnail img {
    width: 120px;
    height: 80px;
}
.thumbnail dt {
    position: absolute;
}
.thumbnail dd {
    margin-left: 132px;
}
.thumbnail .tn-caption {
    color: #555;
    height: 21px;
    overflow: hidden;
    font-size: 14px;
}
.thumbnail .tn-content {
    color: #999999;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}
.thumbnail .tn-meta {
    margin-top: 5px;
    padding-left: 20px;
  background: url(/uploads/image/pdimages/article_ico.gif) 1px -81px no-repeat;
}
.thumbnail .tn-meta a {.client_list li
    margin-right: 10px;
}
/*服务*/
.service1 { width: 100%; background: #f7f7f7; margin: 0 auto; overflow: hidden; padding-top: 80px; margin-top: 65px; }
.service1 .title h1 { font-size: 28px; color: #333; line-height: 30px; text-align: center; }
.service1 .con { width: 1200px; margin: 0 auto; margin-top: 50px; overflow: hidden; border-bottom: 1px solid #e9e9e9; padding-bottom: 50px; }
.service1 dl { float: left; width: 140px; height: 270px; line-height: 26px; color: #666; margin: 0px 30px; }
.service1 dl h2 { font-size: 16px; margin: 25px 0 5px 0; color: #333; }
.serve { width: 1200px; margin: 60px auto 30px auto; font-size: 12px; overflow: hidden; }
.serve .title { width: 100%; text-align: center; }
.serve h1 { font-size: 24px; color: #070707; line-height: 36px; }
.serve_con { width: 100%; overflow: hidden; margin: 20px auto; }
.serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 215px; margin: 20px 38px; float: left; }
.serve_con .s1 span { background: url(/uploads/image/pdstyle/icon.png) -70px 0; display: block; width: 48px; height: 59px; margin: 0 auto; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con .s1:hover span { background-position: -70px -59px; }
.serve_con .s2 span { background: url(/uploads/image/pdstyle/icon.png) -151px 0; display: block; width: 54px; height: 59px; margin: 0 auto; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con .s2:hover span { background-position: -151px -59px; }
.serve_con .s3 span { background: url(/uploads/image/pdstyle/icon.png) -228px 0; display: block; width: 48px; height: 59px; margin: 0 auto; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con .s3:hover span { background-position: -228px -59px; }
.serve_con .s4 span { background: url(/uploads/image/pdstyle/icon.png) -295px 0; display: block; width: 48px; height: 59px; margin: 0 auto; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con .s4:hover span { background-position: -295px -59px; }
.serve_con a ul { width: 100%; line-height: 20px; color: #40454d; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con a ul h2 { font-size: 16px; color: #070707; margin-bottom: 10px; text-align: center; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.serve_con a:hover ul { color: #e60012; }
.serve_con a:hover ul h2 { color: #e60012; }

/*关于我们*/
.about { background: url(/uploads/image/pdstyle/about_bg.jpg) no-repeat center top #163e59; background-attachment: fixed; width: 100%; background-size: cover; text-align: center; color: #fff; overflow: hidden; padding: 50px 0px; }
.about h1 { line-height: 38px; text-align: center; font-size: 28px; margin-top: .about h1.about h1; }
.about p { font-size: 14px; color: #e2e2e2; line-height: 28px; width: 840px; margin: 40px auto; text-align: left; }
.about a { width: 150px; background: #24b727; border-radius: 2px; font-size: 16px; color: #fff; height: 46px; line-height: 46px; display: inline-block; margin: 0 8px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.about a:hover { background: #11a914; }

/*案例*/
.case_main { width: 100%; overflow: hidden; }
.case { width: 1230px; margin: 0 auto; margin-top: 70px; }
.case .title { width: 100%; text-align: center; }
.case .title h1 { font-size: 28px; color: #333; line-height: 35px; margin: 15px 0; }
.case .title span { font-size: 16px; color: #666; }
.case .title span a { margin: 0 5px; color: #666; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.case .title span a:hover { color: #e60012; }
.case_con { clear: both; overflow: hidden; margin-top: 40px; }

// .case_con dl dd:hover { background-color: #ccc; box-shadow: .about h1.about h1 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); }

/*项目*/
.project { width: 1230px; overflow: hidden; margin: 60px auto 0px auto; }
.project .title { width: 100%; text-align: center; }
.project .title h1 { font-size: 28px; color: #333; line-height: 35px; margin: 15px 0; }
.project .title span { font-size: 16px; color: #666; }
.project_con { width: 100%; overflow: hidden; clear: both; margin: 50px auto; }
.project_con dl { width: 380px; float: left; font-size: 14px; margin: 15px; overflow: hidden; color: #666; line-height: 26px; }
.project_con dl dd { height: 240px; margin-bottom: 12px; padding: 1px; transition: box-shadow 218ms; }
.project_con dl dd:hover { background-color: #ccc; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12); }
.project_con dl dd a { display: block; width: 100%; height: 100%; }
.project_con dl dd img { display: block; width: 100%; height: 100%; transition: all .3s}
.project_con dl dd img:hover {transform: scale(1.2)}

.project_con dl dt a { margin-right: 25px; display: inline-block; line-height: 24px; color: #333; }
.project_con dl dt a:hover { color: #e60012; }

/*客户*/
.client { width: 1200px; margin: 0px auto 0px auto; overflow: hidden; padding-top: 50px; }
.client .title { width: 100%; overflow: hidden; text-align: center; }
.client .title h1 { font-size: 28px; color: #333; margin: 15px 0; }
.client .title a { font-size: 16px; color: #666; }
.client .title a:hover { color: #e60012; }
.client_list { width: 100%; overflow: hidden; margin-top: 20px; }
.client_list li { width: 20%; height: 123px; float: left; text-align: center; line-height: 123px;font-size: 0px;}
.client_list li img{
    vertical-align: middle;
}
@media screen and (max-width:1230px) {
    .serve { width: 1160px; }
    .serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 215px; margin: 20px 37px; }
    .case { width: 1000px; }
    .case_con dl { width: 300px; margin: 15px; }
    .project { width: 1000px; }
    .project_con dl { width: 300px; margin: 15px; }
}
@media screen and (max-width:1200px) {
    .serve { width: 1000px; }
    .serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 215px; margin: 20px 17px; }
    .service1 .con { width: 1000px; }
    .service1 dl { margin: 0px 18px; }
    .client { width: 1000px; }
    .foot { width: 1000px; }
    .foot ul.list1 { width: 120px; margin-left: 30px; }
}
@media screen and (max-width:1000px) {
    .serve { width: 760px; }
    .serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 295px; margin: 20px 37px; }
    .about p { width: 90%; }
    .service1 .con { width: 90%; margin-top: 30px; padding-bottom: 30px; }
    .service1 dl { margin: 20px 8%; }
    .case { width: 100%; }
    .case_con dl { width: 30%; margin: 15px 1.5%; }
    .project { width: 100%; }
    .project_con dl { width: 30%; margin: 15px 1.5%; }
    .client { width: 100%; }
    .client_list li { width: 25%; }
    .img16{display: block;}
    .foot { width: 760px; margin: 25px auto 10px auto }
    .foot_logo { float: none; margin: 0 auto 20px auto; }
    .foot_logo img { width: 100%; }
    .foot ul.list1 { width: 120px; margin-left: 10px; }
    .thumbnail{padding-top: 20px}
    .thumbnail dl{ float: none !important;width: 100%;margin-left: 0px;height: auto;}
    .thumbnail{ width: 100%;}
    .thumbnail-wrap{ margin-left: 0px;padding: 0px 20px;}
}
@media screen and (max-width:760px) {
    .thumbnail .tn-meta{
        padding-left: 0px;
        background: none;
    }
    .client_list li { width: 27%; height: auto; margin: 0px 11.5%; line-height: 100px }
    .serve { width: 460px; font-size: 16px; }
    .serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 100%; margin: 20px auto; }
    .serve h1 { font-size: 22px; }
    .service1 .con { width: 90%; margin-top: 30px; padding-bottom: 30px; }
    .service1 dl { width: 50%; margin: 20px 0%; text-align: center; }
    .case_con dl { width: 45%; margin: 15px 2.5%; }
    .project_con dl { width: 45%; margin: 15px 2.5%; }
    .case { margin-top: 30px; }
    .client { width: 100%; padding-top: 20px; }
    .case .title h1 { font-size: 18px; margin: 25px auto 5px auto; }
    .case_con { margin-top: 30px; }
    .service1 .title h1 { font-size: 24px; }
    .client .title h1 { font-size: 24px; }
    .about h1 { font-size: 24px; }
    .project { margin: 0px auto 20px auto; }
    .project .title h1 { font-size: 22px; margin: 25px auto 5px auto; }
    .project_con { margin: 30px auto; }
    .foot { width: 470px; }
    .foot ul.list1 { display: none; width: 44%; margin: 0 3%; }
    .foot ul.list2 { display: none; width: 94%; margin: 0 auto; float: none; }
    #maker { display: none; }
    .case .title span{ font-size: 14px}
}
@media screen and (max-width:470px) {
    .case_con dl { width: 100%; margin: 3px auto; float: none; }
    .project_con dl { width: 100%; margin: 15px auto 30px auto; float: none; }
    .project_con dl dt { padding: 0 12px; line-height: 22px; }
    .serve { width: 300px; font-size: 16px; }
    .serve h1 { font-size: 22px; }
    .service1 { padding-top: 35px; margin-top: 0; }
    .about{padding: 30px 0px}
    .about h1 { margin-top: 0px; }
    .about p { margin: 20px auto; }
    .about a { width: 120px; font-size: 14px; color: #fff; height: 36px; line-height: 36px; }
}
@media screen and (max-width:400px) {
    .case .title h1 { font-size: 18px; margin: 25px auto 5px auto; padding: 0 20px; }
}
@media screen and (max-width:300px) {
    .serve { width: 290px; font-size: 16px; }
    .serve_con .s1, .serve_con .s3, .serve_con .s2, .serve_con .s4 { width: 100%; margin: 20px auto; }
    .serve h1 { font-size: 22px; }
}

/*幻灯*/
#full-width-slider { width: 100%; color: #000; }
.coloredblock { width: 350px; left: 20%; top: 5%; }
.infoblock { width: 350px; position: absolute; top: 72%; left: 50%; margin: 0 0 0 -175px; overflow: hidden; }
.infoblockleftblack { }
.infoblock h4 { font-size: 20px; line-height: 1.2; margin: 0; }
.infoblock a { color: #fff; display: inline-block; background: #13b125; font-size: 16px; font-weight: normal; padding: 0 30px; height: 46px; line-height: 46px; text-align: center; border-radius: 4px; margin-right: 10px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out; }
.infoblock a:hover { background: #1ea721; }
.fullwidth { max-width: 2560px; margin: 0 auto 0 auto; }
.rscontent a { display: block; width: 100%; height: 100%; }
@media screen and (min-width:760px) and (min-height:460px) {
    .heroslider .rsoverflow, .royalslider.heroslider { height: 600px !important; }
}
@media screen and (min-width:960px) and (min-height:660px) {
    .heroslider .rsoverflow, .royalslider.heroslider { height: 680px !important; }
}
@media screen and (min-width:960px) and (min-height:1000px) {
    .heroslider .rsoverflow, .royalslider.heroslider { height: 794px !important; }
}
@media screen and (min-width:0px) and (max-width:800px) {
    .royalslider.heroslider, .royalslider.heroslider .rsoverflow { height: 360px !important; }
    .infoblock h4 { display: none; }
}
.royalslider { width: 600px; height: 400px; position: relative; direction: ltr; }
.royalslider > * { float: left; }
.rswebkit3d .rsslide { -webkit-transform: translatez(0); }
.rswebkit3d .rsslide, .rswebkit3d .rscontainer, .rswebkit3d .rsthumbs, .rswebkit3d .rspreloader, .rswebkit3d img, .rswebkit3d .rsoverflow, .rswebkit3d .rsbtncenterer, .rswebkit3d .rsabsoluteel, .rswebkit3d .rsablock, .rswebkit3d .rslink { -webkit-backface-visibility: hidden; }
.rsfade.rswebkit3d .rsslide, .rsfade.rswebkit3d img, .rsfade.rswebkit3d .rscontainer { -webkit-transform: none; }
.rsoverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rsvisiblenearbywrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rsvisiblenearbywrap .rsoverflow { position: absolute; left: 0; top: 0; }
.rscontainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rsarrow, .rsthumbsarrow { cursor: pointer; }
.rsthumb { float: left; position: relative; }
.rsarrow, .rsnav, .rsthumbsarrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.rshidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.rsgcaption { width: 100%; float: left; text-align: center; }

/* fullscreen options, very important ^^ */
.royalslider.rsfullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }
.royalslider .rsslide.rsfakepreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; }
.rsslide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; }
.royalslider.rsautoheight, .rsautoheight .rsslide { height: auto; }
.rscontent { width: 100%; height: 100%; position: relative; }
.rspreloader { position: absolute; z-index: 0; }
.rsnav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }
.rsnavitem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }
.rsthumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; }
.rstabs { float: left; background: none !important; }
.rstabs, .rsthumbs { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rsvideocontainer { width: auto; height: auto; line-height: 0; position: relative; }
.rsvideoframeholder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; }
.rsvideoframeholder.rsvideoactive { opacity: 1; }
.rsvideocontainer iframe, .rsvideocontainer video, .rsvideocontainer embed, .rsvideocontainer .rsvideoobj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; }

/* ios controls over video bug, shifting video */
.rsvideocontainer.rsiosvideo iframe, .rsvideocontainer.rsiosvideo video, .rsvideocontainer.rsiosvideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; }
.rsablock { position: absolute; z-index: 15; }
img.rsimg { max-width: none; }
.grab-cursor { cursor: url(/uploads/image/pdstyle/grab.png) 8 8, move; }
.grabbing-cursor { cursor: url(/uploads/image/pdstyle/grabbing.png) 8 8, move; }
.rsnodrag { cursor: auto; }
.rslink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: ; }
.rsminw, .rsminw .rsoverflow, .rsminw .rsslide, .rsminw .rsvideoframeholder, .rsminw .rsthumbs { background: #fff; color: #fff; }
.rsminw .rsarrow { height: 32px; width: 32px; position: absolute; display: block; cursor: pointer; z-index: 21; }
.rsminw .rsarrowleft { right: 37px; bottom: 7px; }
.rsminw .rsarrowright { right: 7px; bottom: 7px; }
.rsminw .rsarrowicn { width: 24px; height: 24px; margin-top: 3px; margin-left: 3px; position: absolute; cursor: pointer; background: transparent; border-radius: 2px; }
.rsminw .rsarrowicn:hover { }
.rsminw.rshor .rsarrowleft .rsarrowicn { background-position: -68px -36px; }
.rsminw.rshor .rsarrowright .rsarrowicn { background-position: -68px -68px; }
.rsminw.rsver .rsarrowleft .rsarrowicn { background-position: -100px -36px; }
.rsminw.rsver .rsarrowright .rsarrowicn { background-position: -100px -68px; }
.rsminw .rsarrowdisabled .rsarrowicn { opacity: .3 !important; filter: alpha(opacity=30); *display: none; }
.rsminw .rsbullets { width: 56px; position: absolute; bottom: 15px; left: 50%; margin: 0 0 0 -28px; z-index: 35; padding-top: 4px; height: auto; text-align: center; line-height: 12px; overflow: hidden; }
.rsminw .rsbullet { display: inline-block; *display: inline; *zoom: 1; }
.rsminw .rsbullet span { display: block; width: 12px; height: 12px; border-radius: 50%; background: #e5e5e5; margin: 0 3px; cursor: pointer; }
.rsminw .rsbullet.rsnavselected span { background: #33ac41; }
.rsminw .rsthumbshor { width: 100%; height: auto; }
.rsminw .rsthumbsver { width: 96px; height: 100%; position: absolute; top: 0; right: 0; }
.rsminw.rswiththumbshor .rsthumbscontainer { position: relative; height: 100%; }
.rsminw.rswiththumbsver .rsthumbscontainer { position: relative; width: 100%; }
.rsminw .rsthumb { float: left; overflow: hidden; width: 96px; height: 72px; }
.rsminw .rsthumb img { width: 100%; height: 100%; }
.rsminw .rsthumb.rsnavselected { background: #333; }
.rsminw .rsthumb.rsnavselected img { filter: alpha(opacity=40); opacity: 0.7; }
.rsminw .rsthumb.rsnavselected span.thumbico { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #fff; border: 2px solid rgba(255, 255, 255, 0.9); -webkit-backface-visibility: hidden; }
.rsminw .rstmb { display: block; }

/* thumbnails arrow icons */
.rsminw .rsthumbsarrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; }
.rsminw.rswiththumbsver .rsthumbsarrow { width: 100%; height: 20px; }
.rsminw.rswiththumbsver .rsthumbsarrowleft { top: 0; left: 0; }
.rsminw.rswiththumbsver .rsthumbsarrowright { bottom: 0; left: 0; }
.rsminw.rswiththumbshor .rsthumbsarrowleft { left: 0; top: 0; }
.rsminw.rswiththumbshor .rsthumbsarrowright { right: 0; top: 0; }
.rsminw .rsthumbsarrowicn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: ; }
.rsminw.rswiththumbshor .rsthumbsarrowleft .rsthumbsarrowicn { background-position: -128px -32px; }
.rsminw.rswiththumbshor .rsthumbsarrowright .rsthumbsarrowicn { background-position: -128px -48px; }
.rsminw.rswiththumbsver .rsthumbsarrowleft .rsthumbsarrowicn { background-position: -144px -32px; }
.rsminw.rswiththumbsver .rsthumbsarrowright .rsthumbsarrowicn { background-position: -144px -48px; }
.rsminw .rsthumbsarrowdisabled { display: none !important; }

/* thumbnails resizing on smaller screens */
@media screen and (min-width:0px) and (max-width:800px) {
    .rsminw .rsthumb { width: 59px; height: 44px; }
    .rsminw .rsthumbshor { height: 44px; }
    .rsminw .rsthumbsver { width: 59px; }
}

/***************



*



*  4. tabs



*



****************/
.rsminw .rstabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; }
.rsminw .rstab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #d9d9dd; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #000; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); *display: inline; *zoom: 1; }
.rsminw .rstab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.rsminw .rstab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; }
.rsminw .rstab:active { border: 1px solid #d9d9dd; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; }
.rsminw .rstab.rsnavselected { color: #000; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #acacac; background-image: -webkit-linear-gradient(top, #acacac, #bbb); background-image: -moz-llinear-gradient(top, #acacac, #bbb); background-image: linear-gradient(to bottom, #acacac, #bbb); }

/***************



*



*  5. fullscreen button



*



****************/
.rsminw .rsfullscreenbtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; }
.rsminw .rsfullscreenicn { display: block; margin: 6px; width: 32px; height: 32px; background:  0 0 transparent; }
.rsminw .rsfullscreenicn:hover { opacity: 0.8; }
.rsminw.rsfullscreen .rsfullscreenicn { background-position: -32px 0; }

/***************



*



*  6. play/close video button



*



****************/
.rsminw .rsplaybtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; cursor: pointer; }
.rsminw .rsplaybtnicon { width: 64px; display: block; height: 64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background: url(/uploads/image/pdstyle/rs-minimal-white.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; }
.rsminw .rsplaybtn:hover .rsplaybtnicon { background-color: rgba(0, 0, 0, 0.9); }
.rsminw .rsbtncenterer { position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; }
.rsminw .rsclosevideobtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translatez(0); }
.rsminw .rsclosevideobtn.rsiosbtn { top: -38px; right: -6px; }
.rsminw .rsclosevideoicn { margin: 6px; width: 32px; height: 32px; background:  -64px 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; }
.rsminw .rsclosevideoicn:hover { background-color: rgba(0, 0, 0, 0.9); }
.rsminw .rspreloader { display: none; }


.case_con dl {
    width: 380px;
    margin: 0 15px;
    margin-top: 20px;
    float: left;
    color: #666;
    overflow: hidden;
}
.case_con dl dd a {
    display: block;
    width: 100%;
    height: 100%;
}
.case_img {
    overflow: hidden;
    max-height: 220px;
}
.case_con dl dd h3 {
    font-size: 16px;
    padding: 10px 0;
    padding-bottom: 0;
    color: #333;
}
.case_con h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case_con dl dd p {
    color: #999;
    line-height: 1.8;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    margin-top: 5px;
}

@media screen and (max-width: 1237px){
    .case_con dl {
        width: 30.5%;
        margin: 0 1.4%;
        margin-top: 20px;
        float: left;
        color: #666;
    } 
}


@media screen and (max-width: 1000px){
    .case_con dl {
        width: 44%;
        margin: 0 3%;
        margin-top: 0px;
    }
}