body,html{
    height:100%;
    width:100%;
}
h1,h2,h3,h4,h5,h6,p,ul,div{
    margin:0;
    padding:0;
}
.bgGray{
    background:#F8F8F8;
}
body{
    padding-top:40px;
}
/*ͷ��������*/
ul,li{
    list-style: none;
    margin: 0;
}
.logo{
    height:100%;
}
.navbar-brand{
    padding:0 10px;
}
/*top*/
#top{
    height:100px;
    padding:20px 0;
}
#top .logo{
    width:293px;
    float:left;
}
#top .logo-right{
    float:right;
    line-height:57px;
    color:#323232;
    font-size:17px;
    width:515px;
}
#top .logo-right li{
    cursor:pointer;
}
@media (max-width: 992px) and (min-width: 768px){
    #top {
        margin-top: 0px;
    }
}
/*���banner图片����*/
section.banner{
    padding:0;
    position: relative;
}
div.banner-img{
     padding:0;
 }
section.banner>div.container>p.publish-immediate{
    position: absolute;
    top:80%;
    margin-left:-127.5px;
    left:50%;
    z-index: 100;
}
section.banner>div.container>p.publish-immediate>button{
    width:255px;padding:0;
    height:52px;
    line-height:52px;
}
@media (max-width: 47.9em){
}

/*服务内容*/
#service-content{
    padding:100px 0;
    background:url(../img/vip-banner2.jpg) 0 0 no-repeat;
    background-size:cover;
}
@media (min-width:1200px){
    #service-content .container{
        width:1130px;
    }
}

.title{
    font-size:45px;
    font-weight:bold;
}
.sub-title{
    font-size:11px;
    margin:0 auto;
    width:102px;
    line-height:40px;
    border-bottom:2px solid #bc8a2b;
}
ul.service-intro{
    padding-top:80px;
    /*width:1130px;*/
}
ul.service-intro>li{
    padding:0 50px;
    position: relative;
    overflow: hidden;
}
@media( min-width: 1200px){
    ul.service-intro>li{
        height:465px ;
        overflow: hidden;
    }
}

ul.service-intro>li>div.service-zhezhao{
    padding:25% 13%;
    position: absolute;
    top:100%;
    left:0;
    height:100%;
    width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:rgba(206,171,105,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFCEAB69,endColorstr=#DFCEAB69);
    color:#fff;
    opacity:0;
    font-size:17px;
    text-align: left;
}
ul.service-intro>li>div.service-zhezhao.content,ul.service-intro>li>div.service-zhezhao.experiment{
    padding:10% 13%;
}
ul.service-intro>li>div.service-zhezhao.instrument{
    text-align: center;
}
ul.service-intro>li>div.service-zhezhao>p{
    line-height:33px;
}
ul.service-intro>li>div.service-zhezhao>p>span{
    display: block;
}
ul.service-intro>li>div.service-zhezhao>button{
    width:100%;
    height:40px;
    background: #fff;
    font-size:18px;
    color:#323232;
    margin-top:25px;
    border:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
ul.service-intro>li>h2{
    margin-top:40px;
    margin-bottom:25px;
    height:44px;
    line-height:44px;
}
ul.service-intro>li>h2:after{
    display: block;
    height:14px ;
    width:100%;
    margin-top:-20px;
    content:url(../img/border.png);
}
ul.service-intro>li>p{
    line-height:30px;
    font-size:15px;
}
/*工作流程*/
#work-flow{
    background:#f5f5f5;
    padding:100px 0;
}
#work-flow>div>div.work-flow-img{
    width:968px;
    margin:0px auto;
    padding-top:50px;
    clear: both;
}
/*成功案例*/
#successful-case{
    background:url(../img/vip-banner3.jpg) 0 0 no-repeat;
    padding-top:80px;
    padding-bottom:24px;
}
#successful-case div.title-container{
    color:#fbc666;
}
#swipe_box{
    width:860px;
    left:140px;
}
#successful-case div.swiper-slide{
    color:#fff;
    padding:57px 0;
    margin:0 auto;
    width:860px;
}
#successful-case div.swiper-slide>h1{
    margin-bottom:20px;    border: none;
    font-size:20px;
}
#successful-case div.swiper-slide>p{
    text-align: left;
    line-height:28px;
    font-size:16px;
}
#successful-case div.swiper-slide>p.value{
   margin-top:35px;
}
.successful-case-container{
    padding-top:85px;
}
.successful-case-container .swiper-pagination{
    top:-5px;
    bottom:auto;
}
.successful-case-container .swiper-pagination-bullet{
    padding:0 52px;
    background:#fff;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.successful-case-container .swiper-pagination-bullet.active{
    background:#fac869;
    border:none;
}
div.success>.next,div.success>.prev{
    position:absolute;
    height:205px;
    width:55px;
    border:1px  solid #fff;
    color:#fff;
    top:190px;
    font-size:116px;
    cursor: pointer;
    z-index: 10;
}
div.success>.next>img,div.success>.prev>img{
    margin:42.5px auto;
}
div.success>div.next{
    left:0;
}
div.success>div.prev{
    right:0;
}
div.success>div.next:hover,div.success>div.prev:hover{
    background: #fac869;

}
/*服务优势*/
#our-service{
    background:#e4e4e4;
    padding:95px 0;
    margin-bottom:70px;
}
#our-service div.our-service-inner{
    float:left;
    width:480px;
    height:250px;
    padding:50px 70px;
    text-align: left;
    margin:30px;

}
#our-service div.our-service-inner>h2{
    font-size:25px;
    color:#fecf75;
    margin-bottom:25px;
}
#our-service div.our-service-inner.bg1{
    background:url(../img/vip-bg1.jpg) 0 0 no-repeat;
    margin-right:55px;
    background-size:cover;
}
#our-service div.our-service-inner.bg2{
    background:url(../img/vip-bg2.jpg) 0 0 no-repeat;
    background-size:cover;
}
#our-service div.our-service-inner.bg3{
    background:url(../img/vip-bg3.jpg) 0 0 no-repeat;
    background-size:cover;
    margin-right:55px;
}
#our-service div.our-service-inner.bg4{
    background:url(../img/vip-bg4.jpg) 0 0 no-repeat;
    background-size:cover;
}
#our-service div.our-service-inner>p{
    font-size:17px;
    color:#fff;
}

/*快速提交*/
#rapid-submission{
    padding:0 0 90px 0;
}
#rapid-submission .sub-title{
    width:115px;
}
#rapid-submission div.submit{
    margin-top:50px;
}
#rapid-submission div.submit>p{
    color:#666666;
    font-size:20px;
    line-height:35px;
}
#rapid-submission div.submit .yellow{
    color:#c19242;
    font-size:17px;
    margin:35px auto 22px;
}
#rapid-submission .form{
    clear: both;
    width:765px;
    margin:0 auto;
    color:#666;
}
#rapid-submission .form>div{
    text-align:left;
    vertical-align: top;
    margin:12px auto;
}
@media(min-width: 992px){
    #rapid-submission .form>div{
        padding-left:50px;
    }
}
.swiper-wrapper {
    left: 0px;
}
#rapid-submission .form>div>span{
    width:105px;
    vertical-align: top;
    font-size:14px;
    display: inline-block;
    padding-right: 18px;
    letter-spacing:1px;
    text-align:right;
}
#rapid-submission .form>div>input{
    width:465px;
    vertical-align: top;
    height:30px;
}
#rapid-submission .form>div>span.fail{
    color:#fe0000;
    width:auto;
    display: none;
    padding:0;
}
#rapid-submission .form>div>span.success{
    color:#bd8b2c;
    width:auto;
    display: none;
    padding:0;
}
#rapid-submission .form>input[name='submit']{
    width:330px;
    height:50px;
    background-color: #bd8b2c;
    border:none;
    color:#fff;
    margin-top:20px;
    font-size:22px;
    border-radius:5px;
}
#rapid-submission .form>div>textarea{
    width:465px;
    height:120px;
}
@media(min-width: 992px){
    #rapid-submission .form>div>textarea{
        margin-left:-4px;
    }
}
#footer h4,#footer p{
    margin-bottom:10px;
}
#footer h5{
    margin-top:10px;
    margin-bottom:10px;
}
#footer img{
    margin:0 auto;
}
.img-responsive {
    display: block;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    height:20px;
}
.navbar-fixed-bottom, .navbar-fixed-top{
    position: absolute;
}
/*手机和平板端的设计*/
@media (max-width: 992px){
    body {
        padding-top: 0px;
    }
    html {
        font-family: "Microsoft yahei";
        font-size: 12px;
        padding-top: 45px;
    }
    .navbar .navbar-logo {
        position: absolute;
        width: 86px;
        line-height: 35px;
        text-align: center;
        left: 50%;
        font-size: 25px;
        margin-left: -43px;
        padding: 0;
        color:#FFAB00;
    }
    /*banner图*/

    section.banner>div.container>p.publish-immediate>button, .btn-primary, .btn-primary:focus, .btn-primary.focus{
        width: 150px;
        padding: 0;
        height: 30px;
        line-height: 30px;
        font-size: 1em;
    }

    section.banner>div.container>p.publish-immediate {
        position: absolute;
        top: 75%;
        margin-left: -75px;
        left: 50%;
    }
    /*top*/
    #top {
        height: 65px;
        padding: 7px 0;
    }
    /*服务内容*/
    ul.service-intro>li{
        padding: 0 15px;
        overflow: hidden;
    }
    #service-content,ul.service-intro{
        padding:30px 0;
    }
    ul.service-intro>li>img{
        padding:0 30px;
        margin: 0 auto;
    }
    #work-flow>div>div.work-flow-img{
        width:100% !important;
        padding-top:30px;
        padding-bottom:0px;
    }
    ul.service-intro>li>h2{
        font-size:14px;
        margin-top: 10px;
        margin-bottom: 15px;
        height: 40px;
        line-height: 40px;
    }
    .title {
        font-size: 20px;
    }
    ul.service-intro>li{
        height:395px;
        overflow: hidden;
    }
    ul.service-intro>li>div.service-zhezhao{
        padding: 36% 13%;
        font-size: 14px;
        position: relative;
        opacity: 1;
        top: 0;
        /* display: none; */
        height: 385px;
    }
    ul.service-intro>li>div.service-zhezhao>p {
        line-height: 30px;
    }
    ul.service-intro>li>div.service-zhezhao.content,
    ul.service-intro>li>div.service-zhezhao.experiment {
        padding: 27% 13%;
    }
    ul.service-intro>li>div.service-zhezhao>button {
        width: 100%;
        height: 30px;
        background: #fff;
        font-size: 13px;
        margin-top: 5px;
    }
    ul.service-intro>li>div.service-zhezhao.instrument {
        text-align: left;
    }
    /*成功案例*/
    #successful-case div.swiper-slide>h1 {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight:bold;
    }

    /*快速提交*/
    #rapid-submission{
        padding:20px 0;
    }
    #rapid-submission .sub-title{
        width:50%;
    }
    #rapid-submission div.submit{
        margin-top:25px;
        padding:0;
    }
    #rapid-submission div.submit>p{
        color:#666666;
        font-size:16px;
        line-height:25px;
        padding:0;
    }
    #rapid-submission div.submit .yellow{
        color:#c19242;
        font-size:17px;
        margin:20px auto 10px;
    }
    #rapid-submission .form{
        clear: both;
        width:100%;
        margin:0 auto;
        color:#666;
    }
    #rapid-submission .form>div{
        text-align:justify;
        vertical-align: top;
        margin:12px auto;
    }
    .swiper-wrapper {
        left: 0px;
    }
    #rapid-submission .form>div>span{
        width: 100%;
        font-size: 14px;
         display: block;
        letter-spacing: 1px;
        margin-bottom: 5px;
        text-align: left;
    }
    #rapid-submission .form>div>input{
        width:100%;
        vertical-align: top;
        height:29px;
        display: block;
        margin-top:5px;
    }
    #rapid-submission .form>input[name='submit']{
        width: 100%;
        height: 40px;
        background-color: #bd8b2c;
        border: none;
        color: #fff;
        margin-top: 20px;
        font-size: 16px;
        border-radius: 5px;
    }
    #rapid-submission .form>div>textarea{
        width:100%;
        height:120px;
    }
    /*服务流程*/
    #work-flow {
        padding: 30px 0;
    }
    #work-flow>div{
        padding:0 10px;
    }
    #footer h4,#footer p{
        margin-bottom:10px;
    }
    /*我们的服务*/
    #our-service {
        background: #e4e4e4;
        padding: 35px 0;
        margin-bottom: 25px;
    }
    #our-service div.our-service-inner {
        float: left;
        width: 100%;
        height: 100px;
        padding: 10px;
        text-align: left;
        margin: 20px 0px 0px 0;
    }
    #our-service div.our-service-inner>h2 {
        font-size: 15px;
        color: #fecf75;
        margin-bottom: 10px;
    }
    #our-service div.our-service-inner>p {
        font-size: 13px;
        color: #fff;
    }
/*成功案例*/
    #successful-case {
        padding:30px 0 15px 0;

    }
    #successful-case>.container {
        padding:0;

    }
    div.success .next, div.success .prev {
        height: 150px;
        width: 30px;
        border: 1px solid #fff;
        color: #fff;
        top: 190px;
        font-size: 116px;
        cursor: pointer;
        z-index: 10;
    }
    div.success .next>img, div.success .prev>img {
        margin-top:15px;
    }

   .successful-case-container .swiper-pagination {
        top: 11px;
    }
    .successful-case-container .swiper-pagination {
        top: 18px;
    }
    .successful-case-container .swiper-pagination-bullet {
        padding:0 20px;
    }
    #successful-case div.swiper-slide {
        color: #fff;
        padding: 10px 0px;
        margin: 0 auto;
    }
    .successful-case-container .swiper-container {
        padding-top: 40px;
    }
    #successful-case div.swiper-slide>p.value {
        margin-top: 15px;
    }
    #successful-case div.swiper-slide>p {
        text-align: left;
        line-height: 28px;
        font-size: 13px;
    }
}
/*平板端*/
@media (min-width: 768px) and (max-width: 992px){
    /*立即发布需求*/
    section.banner>div.container>p.publish-immediate {
        position: absolute;
        top: 80%;
        margin-left: -75px;
        left: 50%;
    }
    .navbar-nav > li > a {
        padding:0 12px;
        height: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    nav .container{
        padding:0;
    }
    .navbar-right {
        float: left!important;
        margin-right: -15px;
    }
    div.success .next, div.success .prev {
        height: 150px;
        width: 30px;
        border: 1px solid #fff;
        color: #fff;
        top: 107px;
        font-size: 116px;
        cursor: pointer;
        z-index: 10;
    }
    ul.service-intro>li>div.service-zhezhao {
        padding: 16% 18%;
        font-size: 14px;
        height: 325px;
        top:100%;
        opacity:0;
        position: absolute;
    }
    ul.service-intro>li>div.service-zhezhao.instrument {
        text-align: center;
    }
    ul.service-intro>li>div.service-zhezhao.content, ul.service-intro>li>div.service-zhezhao.experiment {
        padding: 6% 13%;
    }
    #our-service div.our-service-inner {
        float: left;
        width: 46%;
        height: 155px;
        padding: 37px;
        text-align: left;
        margin: 20px 0px 0px 0;
    }
}

section.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .8;
}section.banner .swiper-pagination-bullet-active {
    background: #0cc;
}