/*.header{width:100%;min-width:1200px;height:80px;position:fixed;top:0;z-index:5;background-color:#fff;box-shadow:0px 0px 1px #e1e1e1}*/
.header .logo{width:215px;height:80px;margin-right:30px}
.header .logo img{margin-top: 15px}
.header .navbar{height:80px;padding-top:20px;padding-bottom:20px}
.header .navbar li{line-height:40px;margin:0 10px;position:relative}
.header .navbar li .down{display:none;position:absolute;top:40px;z-index:444;left:0;width:100%;background:rgba(255,255,255,0.5)}
.header .navbar li .down a{display:block;width:100%;height:30px;line-height:30px;font-size:16px;text-align:center}
.header .navbar li.on{color:#01af63;border-bottom:2px solid #01af63}
.header .navbar li a{font-size:16px;padding:0 5px}
.header .searchbox{height:36px;border:1px solid #01af63;margin-top:22px;padding:7px 0;position:relative}
.header .searchbox p{float:left;font-size:14px;padding:0 10px;border-right:1px solid #ccc;margin-left:5px;cursor:pointer}
.header .searchbox p i{background:url('/Public/Common/images/xl.png');width:12px;height:12px;display:block;float:right}
.header .searchbox #xia{width:67px;position:absolute;top:34px;border:1px solid #01af63;left:-1px;z-index: 99;}
.header .searchbox #xia li{width:65px;text-align:center;padding:5px;font-size:14px;line-height:20px;cursor:pointer}
.header .searchbox #xia li:hover{color:#01af63;background:#ddd}
.header .searchbox select{width:70px;padding:0 10px;border-right:1px solid #ccc}
.header .searchbox input{width:200px;padding:0 10px;height:17px;line-height:17px;color:#333}
.header .searchbox span{display:inline-block;position:absolute;right:10px;top:7px;width:22px;height:22px;background-image:url(../images/iconx.png);background-position:-15px -11px}
.header .login{margin-left:10px;line-height:80px;color:#666}
.header .login a{color:#666;margin:0 10px}
.header .login a:hover{color:#01af63}
.position p a{display:inline-block}
.footer{background:#2b2b2b;width:100%;min-width:1200px}
.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:url(/Public/Home/images/home_icon.png) no-repeat -228px -164px;}
.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}
.content-l{width:920px;margin-bottom:30px}
.content-r{width:260px;margin-bottom:30px}
.position{line-height:30px;padding:15px 0;font-size:16px}
.lbOverlay1{display:none;position:fixed;left:0;top:0;width:100%;zoom:1;background:#2f2e2e;z-index:999;width:100%;height:100%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.hidden_pro_au1{display:none;background:#fff;padding:6px;text-align:left;width:400;height:300;background:#ccc;overflow:auto;position:absolute;top:0;left:0;z-index:9999999}
.formbox{background-color:#01af63;padding:30px 20px;margin-bottom:10px}
.formbox .titlebox{text-align:center;color:#fff}
.formbox .titlebox .title1{font-size:24px;font-weight:bold;line-height:60px;position:relative}
.formbox .titlebox .title1 span{display:inline-block;width:50px;height:2px;background-color:#fff;position:absolute;bottom:0;left:85px}
.formbox .titlebox .title2{line-height:40px}
.formbox .form-list{margin-top:10px}
.formbox .form-list li{width:100%;margin-bottom:15px}
.formbox .form-list li:last-child{margin-bottom:0}
.formbox .form-list li input{width:100%;line-height:30px;padding:0 10px;color:#555}
.formbox .form-list li input.formbtn{background-color:#01af63;color:#fff;font-size:18px;margin-top:10px;cursor:pointer}
.release_window_1{width:280px;background-color:#fff;height:100%;text-align:center;margin-bottom:10px}
.release_window_1 .h2{font-size:26px;color:#333;height:70px;line-height:85px;font-weight:bold}
.release_window_1 .asigned{font-size:12px;color:#666;margin-bottom:15px}
.release_window_1 .asigned span{display:inline-block;height:32px;width:26px;line-height:32px;border-radius:4px;color:#fff;font-size:18px;font-weight:700;margin-right:5px;background:linear-gradient(#01af63c7 0,#01af63c7 50%,#01af63 50%,#01af63 100%)}
.release_window_1 .asigned span:first-child{margin-left:10px}
.release_window_1 .asigned span i{display:inline-block;font-style:normal;animation:scale_font .5s 0s infinite alternate}
.release_window_1 form{text-align:center;padding:0 20px}
.release_window_1 .form-items{height:45px;position: relative;}
.release_window_1 .form-items span{position: absolute;font-size: 16px;color: #333;right: 5px;top: 9px;}
.release_window_1 form .select{width:49%;}
.release_window_1 form input,form select{border-color:rgb(216,216,216);border:1px solid #D8D8D8;height:32px;width:100%;padding-left:10px}
.release_window_1 form .select{width:115px}
.release_window_1 form button{height:32px;width:100%;background:#01af63;color:#fff;margin-bottom:20px}
.share-wrapper{position:relative;margin:20px 0}
.share-wrapper i{width:126px;height:1px;display:block;margin:47px auto 32px;border-bottom:1px #666 solid}
.share-wrapper .share-wrapper-inner em{position:absolute;top:-7px;left:50%;width:76px;height:auto;display:block;margin-left:-38px;text-align:center;line-height:16px;background:#fff;color:#666;font-style:normal;}
.share-wrapper .bdsharebuttonbox{width:100%;height:40px;display:block;text-align:center;margin-bottom:1rem}
.bdshare .bdsharebuttonbox a{display:inline-block;float:unset;margin:0 10px}
.bdshare .bdsharebuttonbox {margin-top: 40px;}
.bdsharebuttonbox a.bds_weixin,.bdsharebuttonbox a.bds_tsina,.bdsharebuttonbox a.bds_qzone,.bdsharebuttonbox a.bds_sqq{background-image:url(/Public/Common/images/fenxiang.png);background-repeat:no-repeat;-webkit-background-size:204px 40px;-moz-background-size:204px 40px;background-size:204px 40px}
.bdsharebuttonbox a.bds_weixin{background-position:0 0;width:40px;height:40px}
.bdsharebuttonbox a.bds_tsina{background-position:-41px 0;width:40px;height:40px}
.bdsharebuttonbox a.bds_qzone{background-position:-82px 0;width:40px;height:40px}
.bdsharebuttonbox a.bds_sqq{background-position:-123px 0;width:40px;height:40px}
form .disabled{background: #999!important;}
form .safety input{width: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;height: 25px; }
form .safety a{display: inline-block;color: black;}
form .safety {font-size:12px;color: #999;text-align: left;}
.sheji-nav li a {
    float: left;
}

.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:url(/Public/Home/images/home_icon.png) no-repeat -228px -168px;
    float: left;
    margin-right: 10px;
}
.fixed-nav ul.encode li span.wechat {
    background: url(/Public/public/images/icon.weixin.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;
    z-index: 99;
}
.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}