body { font-size: 12px; line-height: 22px; background: #fff; }
input, textarea { resize: none; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; }
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); }
}





/*服务*/

.service1 { width: 100%; background:; margin: 0 auto; overflow: hidden; padding-top: 95px; }
.service1 .title h1 { font-size: 28px; color: #333; line-height: 30px; text-align: center; }
.service1.index_service{ padding-top:86px; }
.service1.index_service .title h1 { margin-top:0; }
.service1 .con { width: 1200px; margin: 0 auto; margin-top: 50px; overflow: hidden; border-bottom: 1px solid #e9e9e9; padding-bottom: 50px; text-align: center; }
.service1 dl { display: inline-block; width: 130px; height: 270px; line-height: 26px; color: #666; margin: 0px 35px; }
.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(../images/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(../images/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(../images/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(../images/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: #00a291; }
.serve_con a:hover ul h2 { color: #00a291; }


/*关于我们*/
.about { background: url(../images/about_bg.jpg) no-repeat center top #163e59; background-attachment: fixed; width: 100%; height: 500px; background-size: cover; text-align: center; color: #fff; overflow: hidden; }
.about h1 { line-height: 38px; text-align: center; font-size: 28px; margin-top: 80px; }
.about p { font-size: 14px; color: #e2e2e2; line-height: 28px; width: 840px; margin: 40px auto; text-align: left; }
.about a { width: 150px; background: #00a291; 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: #00776B; }

/*案例*/
.case_main { width: 100%; overflow: hidden; }
.case { width: 1200px; margin: 0 auto; margin-top: 70px; }
.case.page_case{ margin-top:0; }
.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: #00a291; }

.case_con { clear: both; overflow: hidden; margin-top: 40px; }
.page_case .case_con{ margin-top:25px; }
.case_con dl { width: 398px; height: 300px; margin: 15px 3px 0 0; float: left; }
.case_con.case_con1{ width:100%; max-width:1200px; margin:40px auto 0; }
.case_con.case_con1 dl{ height:auto; }
.case_con dl:nth-child(3n+1){clear:both;}
.case_con dl:nth-child(3n) { margin: 15px 0 0 0; }
.case_con dl dd { width: 100%; height: 230px; overflow: hidden; }
.case_con dd a { display: block; width: 100%; height: 100%; transition: all .3s ease-in; }
.case_con dl dd:hover a { transform: scale(1.1); }

.case_con dl dt h1 { font-size: 16px; margin: 10px 0 5px 0; }
.case_con dl dt h1 a { transition: all .3s ease-in; }
.case_con dl dt { color: #666; }
.case_con.case_con1 dl dt h1{ text-align:left; }



.case.wu { margin-top: 0px; }
.case_con.blog_bg { margin-top: 0; overflow: hidden; }
.case_con.blog_bg dl { width: 33%; height: 300px; margin: 0 .15%; margin-top: 40px; float: left; color: #666; }
.case_con.blog_bg dl dt { padding: 0 20px; line-height: 24px; font-size: 13px; }
.case_con.blog_bg dl { height: 400px; background: #f8f8f8; line-height: 24px; }
.case_con.blog_bg dl dd { width: 100%; height: 230px; overflow: hidden; }
.case_con.blog_bg dd a { display: block; width: 100%; height: 100%; transition: all .3s ease-in; }
.case_con.blog_bg dl dd:hover a { transform: scale(1.1); }
.case_con.blog_bg dt { margin-top: 3px; }
.case_con.blog_bg h3 { margin-top: 15px; margin-bottom: 5px; }
.case_con.blog_bg dl h3 a { font-size: 16px; color: #333; }
.case_con.blog_bg dl h3 a:hover { color: #00a291; }
.case .btn { background: #00a291; width: 120px; height: 35px; text-align: center; font-size: 14px; color: #fff; border-radius: 2px; display: block; margin: 40px auto 80px auto; clear: both; line-height: 35px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.case .btn:hover { background: #00776B; }
.case .btn.wu { background: #fff; width: 158px; height: 38px; text-align: center; font-size: 14px; color: #fff; border-radius: 2px; display: block; margin: 40px auto 80px auto; clear: both; line-height: 35px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #333; }
.case .btn.wu:hover { background: #1ea721; color: #fff; }

.news_con_top.crumbs{ }
.news_con_top.crumbs ul{ float:right; }
.crumbs_m{ float:left; color:#3b3b3b; }
.crumbs_m a{ color:#3b3b3b; font-size:14px; }
.crumbs_m a:hover{ color:#00a291; }


.bshare-custom.icon-medium-plus .bshare-sinaminiblog{ background:url(../images/icon_wb.png) no-repeat !important; }
.bshare-custom.icon-medium-plus .bshare-weixin{ background:url(../images/icon_wx.png) no-repeat !important; }

.demand_table .row .btn:hover,.case .btn.wu:hover{ background:#00776B; }
a.allnews:hover{ background:#00776B; color:#fff; }
.popover1 dl a{ background:#00a291; }
.popover1 dl a:hover{ background:#00776B; }

/*项目*/
.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 dt a { margin-right: 25px; display: inline-block; line-height: 24px; color: #333; }
.project_con dl dt a:hover { color: #00a291; }

/*客户*/
.client { width: 1200px; margin: 0px auto 60px auto; overflow: hidden; padding-top: 80px; }
.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: #00a291; }
.client_list { width: 100%; overflow: hidden; margin-top: 20px; }
.client_list li { width: 157px; height: 44px; float: left; margin: 15px 21px; text-align: center; }

@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: 31.333333%; margin: 15px .5%; }
    
    .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%; }


    .project { width: 100%; }
    .project_con dl { width: 30%; margin: 15px 1.5%; }

    .client { width: 100%; }
    .client_list li { margin: 15px 12px; }


    .foot { width: 760px; margin: 25px auto 40px auto }
    .foot_logo { float: none; margin: 0 auto 20px auto; }
    .foot_logo img { width: 100%; }
    .foot ul.list1 { width: 120px; margin-left: 10px; }
}

@media screen and (max-width:760px) {
    .client_list li { width: 35%; height: auto; margin: 12px 7.5%; }
    .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; display: block; float: left }

    .project_con dl { width: 45%; margin: 15px 2.5%; }

    .case { margin-top: 30px; }
    .client { width: 100%; padding-top: 0; }
    .case_con.blog_bg dl{width:100%;}
    .case_con.blog_bg dl { height: auto; padding-bottom: 30px; margin: 0; }
    .case_con.blog_bg { margin-top: 0px; }

    .case .title h1 { font-size: 24px; margin: 25px auto 5px auto; }
    .case_con { margin-top: 30px; }
    .service1 .title h1 { font-size: 24px; }

    .client .title h1 { font-size: 24px;margin-top:0px; }
    .about h1 { font-size: 24px; }
    .project { margin: 1px auto 0 auto; }
    .project .title h1 { font-size: 22px; margin: 25px auto 5px auto; }
    .project_con { margin: 30px auto; }

    .foot { width: 100%; }
    .foot ul.list1 { width: 44%; margin: 0 3%; }
    .foot ul.list2 { width: 94%; margin: 0 auto; float: none; }
}

@media screen and (max-width:470px) {
	.page_case .case_con{margin-top:0px;}
	.blog_tab{padding:20px 0;}
	.client .title{margin-top:25px;}
    .case_con dl { width: 100%; margin: 15px auto; float: none; }
    .case_con dl:nth-child(3n) { margin: 0px auto; }
    .case_con dl dt { width: 92%; margin: 0 auto; }
    .project_con dl { width: 100%; margin: 25px auto 25px auto; float: none; }
    .project_con dl dd{margin-bottom:25px;}

    .project_con dl dt { padding: 0 12px; line-height: 22px; }
    .serve { width: 300px; font-size: 16px; }
    .serve h1 { font-size: 22px; }
    .service1 { padding-top: 0px; margin-top: 0; }
    .about h1 { margin-top: 40px; }
    .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: 24px; 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; background: #f7f7f7; }
.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:800px) {
    .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 430px !important; }
}

@media screen and (min-width:1000px) {
    .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 520px !important; }
}

@media screen and (min-width:1500px) {
    .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 680px !important; }
}

@media screen and (min-width:1600px) {
    .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(../images/grab.png) 8 8, move; }
.grabbing-cursor { cursor: url(../images/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: url(../../blank.gif); }

.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: #00a291; }




.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: url('../images/rs-minimal-white.png'); }
.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: url('../images/rs-minimal-white.png') 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(../images/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: url('../images/rs-minimal-white.png') -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; }

#full-width-slider { width: 100%; color: #000; background: #f7f7f7; }
.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; }



@media screen and (max-width:768px) {
    .fullWidth { margin-top: 50px; }
}



@media only screen and (max-width: 750px){
.about{padding-bottom:40px;}
    .case .title label{display:none;}
    .case .title span:after{content:'';display:block;clear:both;}
    .case .title span a{color:#333;display:block;float:left; margin-bottom:10px; width:43%;line-height:35px; border:1px solid #ccc;margin:5px 3.5%;box-sizing:border-box;}
    .case .title span a:hover,.case .title span a.on{background:#00a291;border-color:#00a291;color:#fff;}

    .case { margin-top:0; }
    .case_con { margin-top:10px; }
    .service1.index_service { padding-top:15px; }
    .service1 dl { margin:0; }
    .service1 .con { padding-bottom:0; }
    .project_con { margin-bottom:0; }
    .news.case .title h1 { margin-top:0; }
    .client { margin-bottom:25px; }
    .case.page_case, .case_con dl:first-child { margin-top: 0; }
    .case .btn.wu { margin:0 auto; }
}