@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;word-wrap:break-word}
table{border-collapse:collapse;border-spacing:0}
button,input,select,textarea{outline:0;-webkit-box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
b,strong{font-weight:700}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
:focus{outline:0}a{color:#333;text-decoration:none}
a.active{color:#06c}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.fr{float:right!important}
.fl{float:left!important}
input{outline:0;padding:0;margin:0;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
/*input:focus,textarea:focus{outline:0;border:1px solid #f60}*/
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
/* 
@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 360px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 400px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 440px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 480px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 560px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 640px) {
    html {font-size: 14px;}
} */
/* body{font-family:'Microsoft YaHei',Verdana,Arial,Helvetica,sans-serif; color:#000;background-color:#fff;min-width:320px;max-width:640px;margin:0 auto;}
/* body{box-sizing: border-box;}
body *{box-sizing:inherit; -webkit-tap-highlight-color: rgba(0,0,0,0);}
/* img{font-size: 0} */
/* Detailed common extraction--------------*/
.separator{
    position: relative;
    height: 14px;
    background: #EEE;
}

.anni{
    position: absolute;
	top: 8px;
    left: 29%;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}


.top-line:before{
    height: 1px;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    border-top: 1px solid #ddd;
    
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}
.top-line:after{
    height: 1px;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    border-top: 1px solid #e6e6e6;
    
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}
/* header+nav--- */
/* .dz-head .logo-a img,.dz-head .slogon img{
    vertical-align: middle;
} */
/* .dz-head{
    position: relative;
} */
.dz-head{
    width: 16rem;
    position: relative;
    top: 0;
    background: #00acc8;
    z-index: 1000;
}
.logo{
    /* height: 60px; */
    height: 50px;
    font-size: 0;
}
.logo-a-wrap{
    /* width:78px; */
    /* width:64px; */
    /* width: 80%; */
    margin: 0 auto;
    text-align: center;
}
.dz-head .logo-a{
    /* width: 78px; */
    /* width:64px; */
    /* width: 94px; */
    /* height: 60px; */
    /* line-height: 60px; */
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.head-menu .iconfont{
    font-size: 22px!important;
}
/* .dz-head .slogon{
    width: 186px;
    height: 100%;
    line-height: 60px;
    margin: 0 auto;
    display: block;
    
} */
.dz-head .left-menu{
    /* position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    font-size: 0;
    cursor: pointer; */
}
.dz-head .right-menu{
    /* position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    font-size: 0 */
}
@media screen and (max-width: 360px) {
    .separator{
        height: 12px!important
    }
    .foot-menu .iconfont{
        font-size: 18px!important
    }
    /* .dz-head .right-menu ,.dz-head .left-menu{
        margin-top: -12px
    } */
    .logo{
        height: 50px;
        line-height: 50px
    }
    .dz-head .logo-a-wrap .logo-a{
        /* width: 76px; */
        /* height: 1.5rem; */
        line-height: 50px;
        font-size: 13px;
        
    }
    .drawer-nav .drawer-brand{
        font-size: 16px
    }
    .drawer-nav .drawer-menu-item{
        font-size: 14px
    }
    .foot-line {
        font-size: 10px;
        line-height: 18px;
    }
}
@media (min-width: 361px) and (max-width: 450px) {
    .foot-menu .iconfont{
        font-size: 20px!important
    }
    /* .dz-head .right-menu ,.dz-head .left-menu{
        margin-top: -13px
    } */
    .dz-head .logo-a{
        /* width: 90px; */
        /* height: 1.5rem; */
        line-height: 50px
        
    }
    .logo{
        height: 50px;
        line-height: 50px
    }
}
/* footer+foot-menu--- */
footer{
    padding: 20px 0 65px;
}
.foot-line{
    font-size: 11px;
    line-height: 19px;
    text-align: center;
    color: #b5b5b5
}
.foot-menu{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    max-width: 16rem;
    margin: 0 auto;
    font-size: 12px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
}
.menu-li{
    width: 100%;
    /* height: 1rem; */
    /* position: relative; */
    text-align: center;
    padding: 6px 0;
}
.menu-item{
    display: block;
    float: left;
    width: 20%;
}
.menu-item span{
    display: block;
    /* font-size: .45rem; */
    text-align: center;
    color: #000;
    /* padding-bottom: 0.5em; */
    margin-top: 3px;
    font-size: 10px;
}
.head-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dz-head .left-menu {
    /* position: absolute; */
    /* left: 10px; */
    /* top: 50%; */
    /* margin-top: -14px; */
    /* font-size: 0; */
    cursor: pointer;
    /* align-self: center; */
    font-size: 0;
    order: 0;
    padding-left: 10px;
    margin-top: -2px;
}
.dz-head .right-menu {
    /* position: absolute; */
    /* right: 10px; */
    /* top: 50%; */
    /* margin-top: -15px; */
    font-size: 0;
    padding-right: 10px;
    cursor: pointer;
    margin-top: -2px;
}

.code{display: flex;justify-content: space-between;margin-top: -50px;font-size: 12px;margin-right: 10%;margin-left: 10%;margin-bottom: 65px;}
.code .code-box{width: 42%;text-align:  center;}
.code img{width: 100%;margin-bottom: 5px;}


.home-free-design{width:62%;height:390px; padding:0 10px; background-color:#fff;margin:auto;}
.design-head {position:relative}
.design-head img { width: 100%; }
.design-number{ position:absolute; bottom:12%; left:38.5%;}
.num { width: 5rem; }
.num p{float:left; font-size:1.1rem; text-align: center; color:#fff}
.num-decade,.num-place{margin-left:1rem}
.num-scale p{-webkit-animation:numscale .5s linear infinite alternate;animation:numscale .5s linear infinite alternate}
@-moz-keyframes numscale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@-ms-keyframes numscale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.3);transform:scale(1.3)}}
@-webkit-keyframes numscale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes numscale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.3);transform:scale(1.3)}}
.home-design-form{ background-color:#fff;width:100%;}
.home-design-line{position:relative; width:100%; border:1px solid #d8d8d8;margin:10px 0;padding:13px 0;}
.home-design-line input,.home-design-line input:focus{width:100%; border:0;outline:0; text-indent:28px;font-size:15px;font-family:microsoft yahei;}
.home-design-line i{position:absolute; top:15px;left:10px;width:15px;height:15px}
.ico-name{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAYAAABfeMd1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOUIyNjc2QTU0QjUxMUU3QUJEMEFDNUQyQTRENjhGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOUIyNjc2QjU0QjUxMUU3QUJEMEFDNUQyQTRENjhGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5QjI2NzY4NTRCNTExRTdBQkQwQUM1RDJBNEQ2OEYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5QjI2NzY5NTRCNTExRTdBQkQwQUM1RDJBNEQ2OEYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xorMDgAAAZ9JREFUeNq0lsErREEcx2dnX6K2PWC5bA6rJBerKIVa2QNnf8AWOSDFwcFJuSo3LjgoOTmK2qyLctszEYflgMQmTnbL96c5SLszv5nxvvXp1e6895mZN/ObF6nMjQtDusAO6AdN6rcquAfr0c2TLdMDIgbJBlikdpo2d2AAstd6DaTmZurhkkFASYHr6vxEg61kEMwKflrAka1kV9gni9E020i6HSQ0rctcSY/hXenSx5XEhXtiXMmVh6TElZTBu6Nk3+bFHzgIytiQxzaSBfBmKZmx3ScVKhXgkylYwygOXcrKLUiCC00bqleTEKzqehCY5hkMgXZVKHtBI3gAe6AAgXGYAXM6nsCK67oOmBustd6fqFcvGM2Hi2QMTKtrm6kXED3T1FFhhbBgOrQ6VAXOeuz6U+ogZKVaqysNip4Coe4vYnTpvxJaqnnd3FuGnpOHKPlbsg0S4n+TUM/9eSfDuJ6L8DJCI8mJcJMjSSZkSUaqT5owk5Ie5zk3Unoet5xcUlmh1TUFRkGnqrhxxpdjrXypo/sR3IAzqtbfAgwAHyVXa1R+WvsAAAAASUVORK5CYII=) no-repeat;background-size:contain}
.ico-phone{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMzZEMDYzMTU0QkYxMUU3QkI4Q0Y0RjQ2MkZFM0E2OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMzZEMDYzMjU0QkYxMUU3QkI4Q0Y0RjQ2MkZFM0E2OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNkQwNjJGNTRCRjExRTdCQjhDRjRGNDYyRkUzQTY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzNkQwNjMwNTRCRjExRTdCQjhDRjRGNDYyRkUzQTY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CK5T9gAAAN1JREFUeNpi/JPlwQAEwUBcD8S6DOSDy0DcyDx1+1pGoKERQM5yBuqBSBYg0YJDciEQL8CjOQGI47GIt4AMVcah6QUQX8Bj6Asc4sog7/9noDJgQeMXAfF9MsxRBOI+XIbuJ+BlDACMbYa/2Z4GyGJMDDQAo4aOGjpq6KihNCtP5wDxF1IMABZ7IIoHn6HGOPRuAuKTQGwOxH6kuhQbmATE+Uj8CWh8ssJ0JRp/FTUiypIAH6v37+KppkGgHRoRsDCtJmDmXZq0UEDeXwHEIdC2ECUApD8EWLuuAAgwAA/DLceHNsvpAAAAAElFTkSuQmCC) no-repeat;background-size:contain}
.ico-city{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAfCAYAAADjuz3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRjg1OEJCMTU0QkYxMUU3QTcwNDlEQzlEM0JGRDdGRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRjg1OEJCMjU0QkYxMUU3QTcwNDlEQzlEM0JGRDdGRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNGODU4QkFGNTRCRjExRTdBNzA0OURDOUQzQkZEN0ZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNGODU4QkIwNTRCRjExRTdBNzA0OURDOUQzQkZEN0ZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1F7XDAAAAf5JREFUeNqslTtIA0EQhjcx2ggabFXwURsbsVabaOUDBBHTqhhFwUaIpYUgKRUEsVAilmrjI1aSQnynkEBAUgkKGtQyGvQfmcgRdse96A9fjruZ/W9zuzPr+ZjoVgbVghEQBK2ghp9nQRIcgc2y5f173WCPxrgaLIAxUK5kvYNVMI8XvDoD3qLEFnADJi1MFedQ7k0+3NNiMqZAAjQo96IxCad5wdgP9kCVKl00dg/mfqfxYokz1c18sbB49bjeCd/0GayDK1ABusCwkE8L2uzDT0hIOgEDbF7QBlgCB6DOsKAhL+9TnR5Bb5FpQbegH3waxgbJOGAIroAX4XtecJHoFPDyjtDpzGKxzg3P/WScEza/TYHolCPjtCHYaWFsykmTcdwQHAWNgmkfaDfE4mS8bQhWgmPD4tIW3BReuu3jRUpyayxWE7gGh3ylAukAbYJpEp3uzMc3Ud74OtG/6mFsFHX2ii2Q+odekWKvH+M8iPyDcQSfIV/cj3csi0IJBbWja/RU99NC/Uv6HovZfpqOplOwVoLxGkxPpTOPNAeeXJg+8Rj1mzEd7zMujGcw26yNMSkGdi1Md2EaM21+k8Z59iZlOUe5NX4AYSEe5hzXxooblK7UN4TmZWVMmgIZx32Gn6m/Gr+BQT5p6Ggf4meifJZb6hLMcr5V2X8JMAAZL3X6PK9RUwAAAABJRU5ErkJggg==) no-repeat;background-size:contain}
.home-design-clause{font-size:14px;margin-top:10px}
.home-design-clause label{color:#666}
.home-design-clause a{color:#00acc8;text-decoration:underline}
.fast-button {width:100%;margin:20px auto 10px auto;position:relative;}
.fast-button input {width:100%;height:44px;margin:0 auto;padding:0;font-size:16px;font-family:microsoft yahei;color:#fff;text-align:center;background-color:#00acc8;border:1px solid #015152;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.homepage-ico{background:url(/images/headglobal.png) no-repeat;background-size:375px 375px}
.home-design-finger{position:absolute;bottom:-15px;right:30%;display:block;width:30px;height:45px;background-position:-307px -2px}
.home-design-finger{animation:figerscale .5s linear infinite alternate;-webkit-animation:figerscale .5s linear infinite alternate}
@keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(1.2);-webkit-transform:scale(1.2)}}
@-webkit-keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(1.2);-webkit-transform:scale(1.2)}}