#banner{width:100%;min-width:1200px;height:500px;position:relative}
#banner a{display:block}
#banner a img{width:100%;height:500px}
#banner .swiper-pagination{bottom:15px}
#banner .swiper-pagination span{width:12px;height:12px;background:rgba(255,255,255,0.7);margin:0 6px}
#banner .swiper-pagination span.swiper-pagination-bullet-active{background:#fff}
#banner .swiper-pagination span.swiper-pagination-bullet{opacity:1}
#banner .swiper-button-next,#banner .swiper-button-prev{width:50px;height:60px;background-color:rgba(255,255,255,0.5)}
#banner .formbox{position:absolute;width:330px;height:420px;background-color:rgba(0,0,0,.6);z-index:3;top:30px;right:50%;color:#fff;text-align:center;margin-right:-600px}
#banner .formbox .h2{font-size:26px;height:55px;line-height:55px;margin:20px}
#banner .formbox .asigned{font-size:12px;margin-bottom:15px}
#banner .formbox .asigned span{display:inline-block;height:36px;width:30px;line-height:36px;border-radius:4px;color:#fff;font-size:20px;font-weight:700;margin-right:8px;background:linear-gradient(#01af63c7 0,#01af63c7 50%,#01af63 50%,#01af63 100%)}
#banner .formbox .asigned span:first-child{margin-left:10px}
#banner .formbox .asigned i{display:inline-block;font-style:normal;animation:scale_font .5s 0s infinite alternate}
#banner .formbox form{text-align:center;padding:0 25px}
#banner .formbox form .form-items{height:57px;    position: relative;}
#banner .formbox form input,#banner .formbox form select{border-color:rgb(216,216,216);border:1px solid #D8D8D8;height:37px;width:100%;padding-left:10px}
#banner .formbox form .select{width:131px}
#banner .formbox form span{position: absolute;font-size: 16px;color: #333;right: 5px;top: 9px;}
#banner .formbox form button{height:37px;background:#01af63;width:100%;color:#fff;margin-bottom:10px}
#banner .formbox form .disabled{background: #999;}
#banner .formbox form .safety input{width: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;height: 25px; }
#banner .formbox form .safety a{display: inline-block;color: #fff;}
#banner .formbox form .safety {font-size:12px;color: #999;text-align: left;}
#banner .formbox form>p{text-align:left;font-size:12px;color:#999}
.flow-b{background:#F7F7F7}
.flow{padding:50px 0}
.flow li>a{display:block;width:264px;background:#fff;margin-right:20px;padding:30px 10px 40px 0;float:left}
.flow li:last-child a{margin-right:0px}
.flow li a:hover{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 0 30px rgba(0,0,0,.2)}
.flow .info{margin-left:25px}
.flow .info h3{font-size:20px;font-weight:400;line-height:44px}
.flow .info p{font-size:12px;line-height:17px;color:#666}
.flow .icon{width:85px;height:100%;display:flex}
.flow .icon i{display:inline-block;width:70px;height:68px;margin:0 auto}
.flow .icon i{background:url(/Public/Home/images/home_icon.png)no-repeat}
.flow .icon .icon-1{background-position:-1px -8px;}
.flow .icon .icon-2{background-position:-75px -8px}
.flow .icon .icon-3{background-position:-153px -8px}
.flow .icon .icon-4{background-position:-243px -8px}
.flow .icon .icon-5{background-position:-323px -8px}
.company-box{padding:80px 0;background-color: #f2f2f2;}
.company-box .title h2,.case-box .title h2,.strategy .title h2{font-size:32px;}
.company-box .tx,.case-box .tx,.strategy .tx{width:315px;text-align:center;margin:0 auto;}

.case-box .title p,.company-box .title p,.strategy .title p{margin-top:15px}
.company-box .company-city{margin-top:20px;text-align:center}
.company-box .company-city li{display:inline-block;float:unset}
.company-box .company-city li a{padding:5px 10px;margin:0px 15px}
/*.index-zzx-company-box{width:100%}*/
.index-zzx-company{font-size:0;float:left}
.zzx-company-lists{float:left;margin-top:40px;margin-right:20px;width:335px;height:460px;background-color:#fff;vertical-align:top;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.zzx-company-lists:nth-child(4n){margin-right:0}
.zzx-company-lists:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);box-shadow:0 0 30px rgba(0,0,0,.2)}
.zzx-company-img{position:relative;width:335px;height:240px}
.company-bag-url{display:block;width:335px;height:240px;overflow:hidden}
.zzx-company-bag{width:335px;height:240px;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transform:all .7s}
.zzx-company-logo-box{position:absolute;left:50%;width:111px;height:111px;margin-left:-55px;bottom:-55px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 3px rgba(0,0,0,.1)}
.zzx-company-logo{position:absolute;left:50%;width:78px;height:78px;margin-left:-38px;bottom:17px}
.zzx-company-tj{position:absolute;top:0;left:10px;width:55px;height:49px;background:url(/Public/Jiufang/images/jiu-hicon.png) no-repeat}
.bg-tuijian{background-position:-372px -21px}
.zzx-company-detail{position:relative;width:335px;height:220px;padding-top:75px;border:1px solid #e8e8e8;border-top:0;text-align:center}
.zzx-company-name{padding:0 40px;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zzx-company-data{padding:0 7px;margin-top:12px}
.zzx-company-data li{display:inline-block;font-size:12px;color:#999;float:unset}
address,cite,dfn,em,var{font-style:normal}
.zzx-company-data li em,.zzx-company-data li span{float:left}
.zzx-company-data span{overflow:hidden;width:27px;color:#ff5a00;text-align:left}
.company-data li span{float:left}
.zzx-company-data li+li{margin-left:8px}
.zzx-company-bespoke{display:inline-block;margin-top:26px}
.company-zx-phone{width:260px;font-size:14px;color:#333;margin-top:30px;height:34px;line-height:34px;border:1px solid #d8d8d8}
.company-zx-phone:hover{background:#ff5a00;border:1px solid #ff5a00;color:#fff}
.case-box,.dynamic-reply{width:100%;background-color:#fff;padding:100px 0}
.case-box .title .tx>h2:last-child{font-size: 26px;}

.case-box .case-list{padding:80px 0}
.case-box .case-list .left,.case-box .case-list .right{
    width: 680px;
}
.layer8-fix1 {
    width: 540px;
    height: 400px;
    position: relative;
    margin-right: 20px;
    overflow:hidden;
}
.layer8-fix1 .layer-bom p{
    font-size: 24px;
}
.case-list img {
    width: 100%;
    height: 100%;
}
.case-list img:hover{transform:scale(1.2);
display: block;
    transition:all .3s}
.layer-bom {
    width: 100%;
    bottom: 0;
    padding: 12px 0;
    position: absolute;
    z-index: 2;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    background: #00aa5f\9;
}
.layer-bom p {
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.layer-bom p a {
    color: white;
}
.layer8-mid {
    width: 540px;
    height: 400px;
    overflow:hidden;
}
.layer8-fix2 {
    position: relative;
    bottom: 0;
    height: 190px;
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow:hidden;
}
.layer8-fix3 {
    position: relative;
    width: 300px;
    height: 400px;
    overflow:hidden;
}

.strategy{padding:80px 0}
.strategy .strategy-list{margin-top:70px}
.strategy .strategy-list > li{width:426px;margin-right:60px}
.strategy .strategy-list > li:hover{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.strategy .strategy-list > li:hover img{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transform:all .3s;-webkit-transition:scale(1.1);-moz-transition:scale(1.1);-ms-transition:scale(1.1);-o-transition:scale(1.1);transform:scale(1.1)}
.strategy .strategy-list > li:last-child{margin-right:0}
.strategy .strategy-list > li .topimg{display:block;width:426px;height:200px;position:relative;overflow:hidden}
.strategy .strategy-list > li .topimg img{width:426px;height:200px}
.strategy .strategy-list > li .topimg .mask{position:absolute;top:0;left:0;width:426px;height:200px;background-color:rgba(0,0,0,0.75);text-align:center}
.strategy .strategy-list > li .topimg .mask p{color:#fff;font-size:24px}
.strategy .strategy-list > li .topimg .mask span{display:inline-block;width:66px;height:66px;margin-top:40px;background-image:url(/Public/Home/images/home_icon.png)}
.strategy .strategy-list > li .topimg .mask span.icons1{background-position:-10px -96px}
.strategy .strategy-list > li .topimg .mask span.icons2{background-position:-83px -93px}
.strategy .strategy-list > li .topimg .mask span.icons3{background-position:-155px -94px}
.strategy .strategy-list > li .listbox{border:1px solid #e5e5e5;border-top:0;padding:30px 30px;background-color:#fff}
.strategy .strategy-list > li .listbox .stlist{width:100%}
.strategy .strategy-list > li .listbox .stlist li{width:100%;line-height:30px}
.strategy .strategy-list > li .stmore{display:block;font-size:26px;font-family:"Arial";color:#ddd;letter-spacing:2px;line-height:30px;margin-top:5px;position:relative;padding-right:15px}
.strategy .strategy-list > li .stmore:hover{color:#01af63}
.strategy .strategy-list > li .stmore:hover:before{border-left-color:#01af63}
.strategy .strategy-list > li .stmore:before{content:'';display:block;position:absolute;width:0;height:0;right:0;top:5px;border:10px solid transparent;border-right:0 none;border-left-color:#ddd}
.strategy .strategy-list > li:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);box-shadow:0 0 30px rgba(0,0,0,.2)}
.dynamic-reply{background-color: #f2f2f2;}
.dynamic-reply .dynamic,.dynamic-reply .reply{width:670px}
.dynamic-reply .dynamic,.dynamic-reply .reply{background:#fff}
.dynamic-reply .dynamic .mask,.dynamic-reply .reply .mask{height:150px;text-align:center;margin-top:25px}
.dynamic-reply .dynamic .mask span,.dynamic-reply .reply .mask span{display:inline-block;width:73px;height:68px;background-image:url(/Public/Home/images/home_icon.png)}
.dynamic-reply .dynamic .mask span.icons{background-position:-3px -179px}
.dynamic-reply .reply .mask span.icons{background-position:-89px -179px}
.dynamic-reply .dynamic .mask p,.dynamic-reply .reply .mask p{font-size:24px}
.dynamic .dynamic-list li{width:670px;padding:20px 40px;    margin-bottom: 10px;}
.dynamic .dynamic-list li:last-child{margin-bottom: 0;}
.dynamic .dynamic-list li .dynamic-info{width:400px}
.dynamic .dynamic-list li .dynamic-info .dynamic-title{display:inline-block;max-width:400px;color:#555;line-height:30px}
.dynamic .dynamic-list li .dynamic-info .dynamic-des{font-size:12px;color:#999;text-indent:2em;height:40px;line-height:20px;overflow:hidden}
.dynamic .dynamic-list li .dynamic-info .time-view{height:30px;line-height:30px;font-size:12px;color:#999}
.dynamic .dynamic-list li .dynamic-info .time-view .view span{display:inline-block;float:left;height:20px;width:20px;background:url(/Public/Home/images/home_icon.png) no-repeat -228px -89px;margin-top:7px}
.dynamic .dynamic-list li .dynamic-img{width:160px;height:100px}
.dynamic .dynamic-list li .dynamic-img img{display:block;width:160px;height:100px}
.reply .evaluate-list{margin-top:15px;padding-bottom:30px;width:100%}
.reply .user{width:20%;padding-left:40px}
.reply .content{width:80%}
.reply .user img{width:50px;height:50px;border-radius:25px;float:left;margin-right:15px}
.reply .user .user-name{font-size:14px;float:left;margin-top:16px;margin-right:20px;width:90px}
.reply .content .company{width:100%;float:left;margin-bottom:10px}
.reply .content .dj{color:#ff4d4d;float:left;margin-left:20px}
.reply .content .dj i{width:16px;height:16px;display:inline-block;background:url(/Public/Home/images/company_bg.png)-9px 0px no-repeat;background-size:473%;float:left}
.reply .content .dj span{float:left;color:#ff4d4d;margin-left:5px;font-size:14px}
.reply .content .dj .zhong{background-position:-24px 0;color:#ffb71e}
.reply .content .dj .cha{background-position:-38px 0;color:#999}
.reply .content p{font-size:14px;color:#666;height:45px;line-height:25px;margin-bottom:10px;padding:0 40px 0 0px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.reply .content .label{height:20px;line-height:20px}
.reply .content .label spam{font-size:14px;margin-right:15px;color:#666}
.footer{background:#2b2b2b}
.footer .links{padding:25px 0;border-bottom:1px solid #333}
.footer .links p{color:#fff;font-size:18px;line-height:30px;margin-bottom:10px}
.footer .links .links-list li{margin-right:15px;margin-bottom:5px}
.footer .links .links-list li a{display:block;font-size:14px;color:#777}
.footer .links .links-list li a:hover{color:#01af63}
.footer .about{padding:25px 0}
.footer .about .about-left{width:764px;margin-right:220px}
.footer .about .about-left .about-list{line-height:15px}
.footer .about .about-left .about-list li{border-right:1px solid #fff;padding:0 8px;margin-bottom:10px;font-weight:bold}
.footer .about .about-left .about-list li:last-child{border:none}
.footer .about .about-left .about-list li a{color:#fff}
.footer .about .about-left .about-list li a:hover{color:#01af63}
.footer .about .about-left .hotline{margin-top:10px}
.footer .about .about-left .hotline p{color:#bebebe;font-size:16px;line-height:25px;margin-bottom:10px}
.footer .about .about-left .hotline p span{display:inline-block;width:25px;height:25px;margin-right:10px;background-image:url(../images/iconx.png);background-position:-51px -11px}
.footer .about .about-left .hotline p.num{font-size:24px;font-weight:bold}
.footer .about .about-right .qrcode{width:100px;overflow:hidden}
.footer .about .about-right .qrcode img{width:100px;height:100px}
.footer .about .about-right .qrcode p{line-height:20px;text-align:center;color:#fff}
.footer .copyright{background-color:#1d1d1d;line-height:80px;color:#fff;width:100%;text-align:center}


.fixed-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    height: 366px;
    width: 76px;
    z-index: 100;
    margin-top: -160px;
}
.fixed-nav>ul>li {
    width: 100%;
    height: 76px;
    border: 1px solid #ddd;
    border-top: 0;
}
.fixed-nav>ul>li:first-child {
    border: 1px solid #ddd;
}
.fixed-nav>ul>li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
    overflow: hidden;
}
.fixed-nav>ul>li a span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 3px;
}
.fixed-nav>ul>li a span {
    background: url(/Public/Home/images/icon-pop-right.png);
    position: relative;
}
.fixed-nav>ul>li a span.s1{
    background-position: -29px 0px;
}
.fixed-nav>ul>li a span.s2{
    background-position: -58px 0px;
}
.fixed-nav>ul>li a span.s4{
    background-position: -87px 0px;
}
.fixed-nav>ul>li a span.s5{
    width: 22px;
    height: 22px;
    background: url(/Public/Home/images/ico_code.gif) no-repeat;
}
.fixed-nav>ul>li a i {
    font-style: normal;
    font-size: 12px;
    color: #656565;
}
.fixed-nav>ul>li:hover{-webkit-transform:translate3d(0,-0.1px,0);transform:translate3d(0,-0.1px,0);box-shadow:0 0 10px rgba(0,0,0,.2);border:none;}
.fixed-nav ul.encode {
    position: absolute;
    left: -175px;
    top: -45px;
    border: 1px solid #ddd;
    background-color: white;
    display: none; 
    box-shadow: 0px 0 11px #ddd;
}
.fixed-nav>ul>li:hover .encode{
	display: block;
}
.fixed-nav ul.phone-w{
    left: -258px;
    top: -8px;
}
.fixed-nav ul.encode li {
    width: 156px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 13px;
}
.fixed-nav ul.phone-w li{
    width: 240px;
    padding-bottom: 20px;
}
.fixed-nav ul.encode li span {
    display: block;
    width: 105px;
    height: 105px;
    margin: 0 auto;
}
.fixed-nav ul.encode li span.phone{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 24px;
    background-image: url(../images/iconx.png);
    background-position: -51px -11px;
    float: left;
    margin-right: 10px;
}
.fixed-nav ul.encode li span.wechat {
    background: url(/Public/public/images/gong.jpg) no-repeat;
    background-size: 105px 105px;
}
.fixed-nav ul.encode li p {
    font-size: 12px;
    color: #666;
}
.fixed-nav ul.encode::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    background-color: white;
    transform: rotate(45deg);
    right: -9px;
    top: 50%;
    margin-top: -5px;
    border-left: 0;
    border-bottom: 0;
}




.tan-order {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
}
.query-order .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,0.5);
}
.query-order .bill {
    position: absolute;
    width: 980px;
    height: 480px;
    z-index: 1001;
    top: 50%;
    right: 50%;
    margin: -240px -490px 0 0;
    background-color: white;
    transition: all 1s ease-in-out;
    border-radius: 12px;
}
.query-order .bill .tab {
    width: 50px;
    height: 100%;
}
.query-order .bill .tab a {
    display: inline-block;
    height: 50%;
    padding: 0 13px;
    padding-top: 73px;
    font-size: 18px;
    text-align: center;
    color: #333;
    background-color: #eee;
}
.query-order .bill .tab a.active {
    background-color: #0dbf71;
    color: white;
}
.query-order .bill .tab a:first-child{
    border-radius: 8px 0 0 0 ;
}
.query-order .bill .tab a:last-child{
    border-radius: 0 0 0 8px;
}
.query-order .content {
    width: 930px;
    height: 100%;
    position: relative;
    background: #fff;
}
.query-order span.close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 16px;
    background: url(/Public/Home/images/jiaju_icons.png) no-repeat -299px -52px;
    cursor: pointer;
    opacity: 1;
}
.query-order .content .design {
    height: 100%;
}
.query-order .content form {
    width: 485px;
    padding: 65px 60px 75px 30px;
    position: relative;
}
.query-order .content form h3 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
    margin-bottom: 38px;
}
.query-order .content form h3 span {
    font-size: 14px;
    color: #999;
    margin-left: 12px;
}
.query-order .content form h3 em {
    font-style: normal;
    color: #0dbf71;
}
.query-order .content .design .form-items {
    margin-bottom: 18px;
    position: relative;
}
.query-order .content .items label {
    font-size: 14px;
    color: #333;
    height: 39px;
    line-height: 39px;
}
.query-order .content .items label span {
    display: inline-block;
    color: #0dbf71;
    margin-left: 2px;
}
.query-order .content .items>div {
    width: 256px;
    margin-left: 16px;
    position: relative;
}
.query-order .content .items>div select {
    width: 242px;
    height: 39px;
    padding-left: 12px;
    border: 1px solid #d8d8d8;
    margin-right: 12px;
    font-size: 14px;
    border-radius: 2px;
    color: #333;
    background: none;
}
.query-order .content .items>div select:last-child {
    margin-right: 0;
}
.query-order .content .items>div input {
    height: 39px;
    width: 242px;
    font-size: 14px;
    padding-left: 12px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
}
.query-order .content .items>div>span {
    position: absolute;
    font-size: 16px;
    color: #333;
    right: 20px;
    top: 9px;
}
.query-order .content .design span.circle {
    position: absolute;
    width: 140px;
    height: 140px;
    right: -70px;
    top: 50%;
    z-index: 2;
    margin-top: -70px;
    border: 1px solid #f2f2f2;
    background-color: white;
    border-radius: 50%;
}
.query-order .content .design span.circle::before {
    content: "";
    position: absolute;
    height: 36px;
    width: 20px;
    background-color: white;
    top: 50%;
    margin-top: -18px;
    left: -1px;
}
.query-order .content .design span.circle em {
    position: absolute;
    width: 90px;
    height: 90px;
    background-color: #0dbf71;
    top: 50%;
    left: 50%;
    z-index: 66;
    margin-top: -45px;
    margin-left: -45px;
    border-radius: 50%;
    animation: moves 2s infinite;
}
.query-order .content .design span.circle a {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: #0dbf71;
    border-radius: 50%;
    margin: 25px;
    position: relative;
    z-index: 666;
}
.query-order .content .design span.circle a i {
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    color: white;
    margin: 23px;
}
.query-order .content .design span.circle::after {
    content: "";
    position: absolute;
    height: 36px;
    width: 20px;
    background-color: white;
    top: 50%;
    margin-top: -18px;
    right: -1px;
}
.query-order .content form::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 310px;
    background-color: #f2f2f2;
    right: 0;
    top: 79px;
}
.query-order .content .design .budget-result {
    width: 320px;
    height: 100%;
    padding-top: 57px;
    margin-right: 31px;
}
.query-order .content .design .budget-result .result-title {
    font-size: 22px;
    color: #333;
    margin-bottom: 38px;
}
.query-order .content .design .budget-result .result-title span {
    display: inline-block;
    width: 110px;
    text-align: center;
    margin: 0 9px;
    font-size: 30px;
    color: #0dbf71;
}
.query-order .content .design .budget-result ul {
    border: 1px solid #d8d8d8;
    padding: 29px 0;
    float: left;
}
.query-order .content .design .budget-result ul li {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    width: 100%;
}
.query-order .content .design .budget-result ul li span {
    display: inline-block;
    width: 40px;
    text-align: left;
    margin: 0 20px 0 24px;
}
.query-order .content>p {
    position: absolute;
    bottom: 24px;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 12px;
}

.query-order .content .offer .form-items {
    height: 69px;
}
.query-order .content .offer .refer {
    text-align: center;
}
.query-order .content .offer .refer a {
    display: inline-block;
    width: 180px;
    height: 40px;
    background-color: #0dbf71;
    color: white;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin-left: -29px;
}
.query-order .content .offer .right {
    width: 410px;
    padding-top: 65px;
}
.query-order .content .offer .right div {
    width: 336px;
    height: 323px;
    margin: 0 auto;
    background: url(/Public/Home/images/sprits-sj.png) no-repeat;
}
.fixed-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 75px;
    background-color: rgba(0,0,0,.7);
    z-index: 999;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}
.topcontainer {
    height: 75px;
    width: 100%;
    cursor: pointer;
}
.fixed-bottom .fixed-content {
    margin: 0 auto;
    width: 900px;
}
.bottom-query {
    margin: 0 auto;
    width: 900px;
}
.fixed-bottom .fixed-content .zbform-top {
    height: 140px;
    background: url(/Public/Home/images/zbform-top.png) no-repeat 0 center;
    top: -65px;
    position: relative;
}
.fixed-bottom .slideup {
    right: 0;
    display: block;
    width: 48px;
    height: 70px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    background: url(/Public/Home/images/top_up.png) no-repeat center center;
    -webkit-animation: moves .7s ease infinite;
    -moz-animation: moves .7s ease infinite;
    -o-animation: moves .7s ease infinite;
    animation: moves .7s ease infinite;
    animation-fill-mode: both;
}
.fixed-bottom .slidedown {
    background: url(/Public/Home/images/top_down.png) no-repeat center center;
    display: none;
    right: 0;
    display: block;
    width: 48px;
    height: 70px;
    position: absolute;
    top: 65px;
    cursor: pointer;
    display: none;
}
@keyframes moves{0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.5);opacity:0}
}@-webkit-keyframes moves{0%{-webkit-transform:scale(1);opacity:.7}
100%{-webkit-transform:scale(1.5);opacity:0}
}@-moz-keyframes moves{0%{-moz-transform:scale(1);opacity:.7}
100%{-moz-transform:scale(1.5);opacity:0}
}@-o-keyframes moves{0%{-o-transform:scale(1);opacity:.7}
100%{-o-transform:scale(1.5);opacity:0}