body {

    margin: 0;

    padding: 0;

    font: 14px/200% "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, "lvetica Neue", Helvetica, Arial, sans-serif;

    color: #666

}



a,

a:link {

    color: #666;

    text-decoration: none

}



/*未访问*/

/*a:visited {color:#999}*/

/*已访问*/

a:focus,

a:hover {

    color: #6FAB03;

    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;

}



@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: #6FAB03;

    color: #fff

}



::selection {

    background: #6FAB03;

    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: #6FAB03 !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

}



/*placeholder*/

:-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

}



/*全局标签*/

.h-h2 {

    font-size: 28px;

    color: #000;

    padding: 0;

    margin: 0 0 15px 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: #999;

        margin: 0;

        padding: 0;

        content: "";

        width: 40px;

        margin: 10px 20px

    }

}



.m-sm {

    display: block;

    font-size: 14px;

    line-height: 150%;

    margin: 10px 0 40px 0;

    color: #777

}



.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: #ededed

}



.menu-kj li+li::before {

    padding: 0 7px 0 8px;

    color: #ddd;

    content: "|\00a0"

}



.menu-kj li {

    padding-left: 0;

    padding-right: 0

}



/*btn*/

a.btn-center {

    text-align: center;

    font-size: 14px;

    padding: 4px 30px 2px 30px;

    margin: 10px 15px 0 15px;

    color: #6FAB03;

    border: 1px solid #6FAB03;

    display: inline-block

}



a.btn-center:hover {

    background-color: #6FAB03;

    border: 1px solid #6FAB03;

    color: #fff;

    text-decoration: none

}



@media (max-width:767px) {

    a.btn-center {

        margin: 15px 10px 0 10px;

        padding: 4px 20px 2px 20px

    }

}



/*btn-title*/

a.btn-title {

    text-align: center;

    font-size: 14px;

    padding: 4px 30px 2px 30px;

    margin: 25px 4px 0 4px;

    color: #777;

    border: 1px solid #ccc;

    display: inline-block

}



a.btn-title:hover,

li.hover a.btn-title {

    background-color: #6FAB03;

    border: 1px solid #6FAB03;

    color: #fff;

    text-decoration: none

}



.ny-menu {

    padding-top: 20px

}



@media (max-width:991px) {

    a.btn-title {

        margin: 20px 0 0 0;

        padding: 2px 15px 1px 15px

    }

}



/*header*/

.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: #6FAB03

}



.navbar-fixed-top {

    border-width: 0

}



.navbar {

    margin-bottom: 0;

    border: 0

}



/*logo*/

.logo {

    margin: 0;

    padding: 22px 15px;

    display: table

}



.logo small {

    font-size: 14px;

    margin: 8px 0 0 15px;

    color: #777

}



.navbar-brand {

    width: 350px;

    height: 50px;

   background: url(../images/logo.jpg) no-repeat;

    background-size: auto 50px;

    text-indent: -9999px;

    overflow: hidden;

    display: block;

    font-size: 14px;

    line-height: 50px;

    padding: 0 15px

}



@media (max-width:767px) {

    .logo {

        margin: 0;

        padding: 18px 18px

    }



    .logo small {

        margin: 6px 0 0 15px

    }



    .navbar-brand {

        width: 125px;

        height: 24px;

        background-size: auto 24px

    }



    .banner {

        margin-top: 60px !important

    }



    .navbar-toggle {

        padding: 8px 9px;

        margin-top: 14px

    }



    .navbar-default .navbar-nav>li>a {

        padding: 5px 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 30px

    }



    .navbar-default .navbar-nav>li>ul li {

        list-style: outside;

        color: #fff;

        margin-left: 10px

    }



    .navbar-default .navbar-collapse {

        background-color: #6FAB03;

        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: 0;

        border-bottom: 3px solid rgba(255, 255, 255, 0);

        margin: 0 16px;

        color: #777;

        font-size: 16px

        height:96px;

        line-height: 98px;

    }



    .navbar-default .navbar-nav>li:hover>a,

    .navbar-default .navbar-nav>li>a.hover,

    .navbar-default .navbar-nav>li>a:hover {

        color: #6FAB03;

        border-bottom: 3px solid #6FAB03;

        background-color: rgba(255, 255, 255, 0)

    }



    .navbar-default .navbar-nav>li>ul {

        position: absolute;

        width: 130px;

        background-color: #6FAB03;

        display: none;

        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .1);

        box-shadow: 0 6px 12px rgba(0, 0, 0, .1);

        left: -34px

    }



    .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: #6FAB03;

        background-color: #f5f5f5;

        text-decoration: none

    }



    .navbar-default .navbar-nav>li:hover ul {

        display: block

    }

}



/*nav-kj*/

.nav-kj {

    margin: 0 0 0 72px

}



.nav-kj>li {

    margin: 0;

    padding: 0;

    float: left;

    position: relative

}



.nav-kj>li>a {

    height: 100px;

    width: 60px;

    text-indent: -9999px;

    overflow: hidden;

    display: block

}



/*nav-fuwu*/

.nav-kj>li>a.fuwu,

.nav-kj>li>a.sousuo {

    background-image: url(../images/fuwu-ico.png);

    background-position: 0 10px;

    background-repeat: no-repeat

}



.nav-kj>li:hover>a.fuwu,

.nav-kj>li>a.fuwu:hover {

    background-color: #6FAB03;

    background-position: 0 -60px

}



.nav-kj>li .fuwu-nr {

    display: none;

    position: absolute;

    background-color: #6FAB03;

    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

}



/*nav-sousuo*/

.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: #6FAB03;

    position: absolute;

    right: 15px;

    border: 1px solid #6FAB03;

    border-radius: 0

}



.s-btn:hover {

    background-color: #5c8e02;

    border: 1px solid #5c8e02

}



/*banner*/

.banner {

    margin-top: 72px

}



.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;

}



/*prev-next*/

.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

}



/*page*/

.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: 11px;

    height: 11px;

    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

}



/*mobile*/

@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*/

.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: 10px

}



.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: #6FAB03;

    text-decoration: underline

}



.service figure ul {

    margin-left: 50px;

    text-align: center

}



.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*/

.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: #6FAB03;

        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

    }

}



/*Client*/

@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

    }



    .team-box figure img {

        border: 1px solid #e5e5e5;

        width: 100%;

        height: 50%;

    }

}



@media (max-width:991px) {



    .client figure>a figcaption,

    .client figure>a:hover figcaption {

        display: none

    }



    .team-box figure img {

        border: 1px solid #e5e5e5;

        width: 100%;

        height: 50%;

    }

}



@media (max-width:767px) {

    .client figure {

        margin-bottom: 20px

    }



    .team-box figure img {

        border: 1px solid #e5e5e5;

        width: 60%;

        height: 50%;

    }



    .row figure img {

        width: 100%;

        height: 100%;

    }



    .col-xs-4 {

        width: 100%;

    }



    .col-xs-8 {

        width: 100%;

    }



    .new-news-box h3 {

        text-align: center;

    }



    #fuwu3 img {

        width: 100%;

    }



    #fuwu4 img {

        width: 100%;

    }



    #fuwu5 img {

        width: 100%;

    }



    #fuwu6 img {

        width: 100%;

    }



    .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*/

.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: 6px solid rgba(255, 255, 255, .5)

}



.team figure img:hover {

    border: 6px solid #fff

}



/*team跳动*/

.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介绍*/

.team figcaption h3 {

    font-size: 18px;

    margin: 45px 0 10px 0

}



.team figcaption h3 a {

    color: #000

}



.team figcaption h3 a:hover {

    color: #6FAB03

}



.team figcaption p {

    margin: 0 0 15px 0

}



.team .item a img {

    max-height: 250px !important

}



/*owl-carousel*/

.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

}



/*.grabbing{cursor:url(../images/grabbing.png) 8 8,move}*/

.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*/

.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: #6FAB03

}



.about .news-lb li a:hover {

    color: #6FAB03

}



.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*/

.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: #6FAB03

}



.action-bg p a.btn-center {

    background-color: #6FAB03;

    color: #FFF;

    border: 1px solid #6FAB03

}



.action-bg p a.btn-center:hover {

    background-color: #5c8e02;

    color: #FFF;

    border: 1px solid #5c8e02

}



/*footer*/

.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: #6FAB03;

    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-qq {

    background-position: 0 -100px

}



.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*/

.banner {

    background-color: #000;

    background-position: center center;

    background-repeat: no-repeat

}



.banner-mask {

    background-color: rgba(0, 0, 0, .1);

    padding: 6.6em 0

}



.banner-mask a {

    color: #fff;

    color: rgba(255, 255, 255, .8);

}



.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*/

.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: #6FAB03

}



.menu ul li:first-child {

    border-left: 0

}



/*crumbs*/

.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: #6FAB03

}



.subnav li a.hover:hover {

    color: #6FAB03

}



.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*/

.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: #6FAB03

}



.contact:hover a {

    color: #6FAB03

}



.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

    }

}



/*fanye*/

.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: #6FAB03

}



.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #6FAB03;

    border-color: #6FAB03

}



.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*/

.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*/

.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: 20px

}



.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: #6FAB03

}



.new-news-box p {

    margin: 10px 0 50px 0;

}



@media (max-width:767px) {

    .new-news-box figure:nth-child(odd) {

        padding-right: 10px

    }



    .new-news-box figure:nth-child(even) {

        padding-left: 10px

    }



    .col-xs-6 {

        width: 50%;

        float: left;

    }

}



@media (max-width:500px) {

    .new-news-box p {

    min-height: 28px;

    height: auto;

    overflow: hidden;

    }

}



/*HR*/

.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: #6FAB03

}



.hr-box {

    border-bottom: 1px solid #ddd;

    margin-bottom: 30px;

    padding-bottom: 5px

}



/*ny-team*/

.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: #6FAB03

}



@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: #6FAB03;

    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: #777;

    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%

}



/*.sx-pian{color:#999}*/

.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: #6FAB03

}



.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

}



/*yuyue*/

#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: #6FAB03;

    color: #FFF;

    font-size: 14px;

    border-radius: 4px;

    margin-bottom: 20px

}



#button:hover {

    background-color: #5c8e02

}



/*策划内页服务页面*/

/*工程管理*/

@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: #6FAB03

}



/*服务流程*/

.liucheng h3 {

    padding: 0 0 12px 0;

    font-size: 22px;

    color: #000

}



.liucheng .dl-horizontal dt div {

    width: 110px;

    height: 110px;

    background-color: #6FAB03;

    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: #6FAB03;

    margin: 5px auto 30px auto;

    border: 2px solid #6FAB03

}



.yzsptfw h3:hover {

    background-color: #6FAB03;

    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

}



#qiao-wrap {

    display: none !important

}



/* AB模版网 做最好的织梦整站模板下载网站 */

/* 模版源码：Www.AdminBuy.Cn */

/* 仿站：Fang.AdminBuy.Cn */

/* 图标：Sc.AdminBuy.Cn 专业图标素材网站 */

/* QQ：9490489 */

.dede_pages {

    clear: both;

    height: 40px;

    margin: 0 auto;

    text-align: center;

}



.dede_pages li {

    float: left;

    padding: 5px 14px;

    border: 1px solid #CCCCCC;

    margin-right: 10px;

    color: #666;

    font-size: 12px;

    list-style: none;

}



.dede_pages li:hover {

    border: 1px solid #6FAB03;

}



.dede_pages li:hover a {

    color: #6FAB03

}



.dede_pages li a {

    color: #666

}



.dede_pages li.thisclass {

    border: 1px solid #6FAB03;

    background-color: #6FAB03;

    color: #FFFFFF

}



.dede_pages li.thisclass a {

    color: #fff

}



#adminbuy_cn img {

    max-width: 100% !important;

    height: auto !important

}





.news_center {

    padding: 0;

}

.news_center_list_title {

    font-size: 16px;

    color: #333;

    margin: 25px 0;

}

.news_center_content {

    margin-left: -60px;

}

.news_center_list {

    margin-left: 60px;

}

.news_center_list_img {

    overflow: hidden;

}

.news_center_list_img img {

    width: 100%;

    transition: 0.3s all;

    -webkit-transition: 0.3s all;

}

.news_center_list_img:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.news_center_content ul li a {

    display: block;

    color: #767676;

    font-size: 12px;

    margin-bottom: 10px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    background: url(../images/056.png) left center no-repeat;

    padding: 3px 0 3px 15px;

    transition: 0.2s all;

    -webkit-transition: 0.2s all;

}

.news_center_content ul li a .text {

    float: left;

    width: 80%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news_center_content ul li a .time {

    float: right;

    width: 20%;

    text-align: right;

}

.news_center_content ul li a:hover {

    color: #333;

    text-indent: 5px;

}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {

    float: left;

}

.span12 {

    width: 100%;

}

.rowFluid {

    clear: both;

}

.rowFluid:before, .rowFluid:after, .column:before, .column:after {

    content: ".";

    display: block;

    clear: both;

    height: 0;

    font-size: 0;

    visibility: hidden;

    overflow: hidden;

}

.hidden {

    visibility: hidden;

}

.visible {

    visibility: visible;

}

.hide {

    display: none;

}

.show {

    display: block;

}

.news_center .rowFluid .span12 .container {

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0;

}

.container-fluid {

    width: 100%;

    margin: 0 auto;

}

.all_title1 {

    margin-bottom: 50px;

    text-align: center;

}

.all_title1 .title {

    font-size: 35px;

    color: #333;

}

.all_title1 .text {

    color: #818181;

}

.all_title2 {

    margin-bottom: 50px;

    text-align: center;

    color: #fff;

}

.all_title2 .title {

    font-size: 35px;

}

.all_button {

    display: inline-block;

    background: #3B9FF2;

    border: solid 1px #3B9FF2;

    color: #fff;

    padding: 6px 30px;

    border-radius: 3px;

    overflow: hidden;

}

.all_button:hover {

    background: #fff;

    background: transparent;

    color: #3B9FF2;

}

.span4 {

    width: 33.33333333%;

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

ul, ol, li {

    list-style: none;

    -webkit-padding-start: 0;

}

 @media screen and (max-width: 967px) {

.news_center {

    padding: 0;

}

.news_center_content {

    margin-left: -30px;

}

.news_center_list {

    margin-left: 30px;

}

.all_title1, .all_title2 {

    margin-bottom: 30px;

}

.all_title1 {

    margin-bottom: 30px;

    text-align: center;

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.all_title1 .title, .all_title2 .title {

    font-size: 25px;

}

 }



 @media screen and (max-width: 767px) {

    .news_center_content {

    margin-left: -10px;

}

.news_center_list {

    margin-left: 10px;

}

.news_center_list_title {

    margin: 15px 0px;

}

.news_center_content ul li a .text {

    width: 75%;

}

.news_center_content ul li a .time {

    width: 25%;

}

.col-sm-12 {

    width: 100%;

}

 }



  @media screen and (max-width: 479px) {

    .news_center_list_img {

    margin-top: 20px;

}



  }