.layui-layer-dialog .layui-layer-content {
    word-break:break-word !important
}
.img-box img {
    width:100%
}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, pre, form, fieldset, legend, button, input, textarea, th, td, ol {
    margin:0;
    padding:0
}
*, :after, :before {
    box-sizing:border-box;
    outline:none
}
body {
    font:12px"Microsoft YaHei", "Arial";
    color:#000;
    line-height:1.5;
    overflow-x:hidden
}
ol, ul, li {
    list-style-type:none;
    vertical-align:middle
}
img {
    vertical-align:top;
    border:0;
    max-width:100%;
    height:auto;
    image-rendering:-moz-crisp-edges;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:crisp-edges;
    -ms-interpolation-mode:nearest-neighbor
}
input, select, textarea, button {
    vertical-align:middle
}
textarea, input {
    outline:none;
    resize:none
}
input[type=submit], input[type=button], button {
    text-indent:0;
    text-align:center;
    cursor:pointer
}
label, button, a {
    cursor:pointer
}
ins, em, b, i {
    text-decoration:none;
    font-style:normal
}
select:focus, textarea:focus, input:focus, button {
    outline:none
}
input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {
    color:#999
}
table {
    border-collapse:collapse;
    border-spacing:0;
    font:inherit
}
a {
    color:inherit;
    text-decoration:none
}
a[href] {
    cursor:pointer
}
a:hover {
    text-decoration:none;
    cursor:pointer
}
a:focus {
    background-color:transparent;
    outline:none
}
h1, h2, h3, h4, h5, h6, em {
    font-weight:400
}
a, b, i, label, h1, h2, h3, h4, h5, h6, font, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    font:inherit;
    color:inherit
}
audio, canvas, progress, video {
    display:inline-block;
    vertical-align:baseline
}
body {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
a:focus, input:focus, p:focus, div:focus {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body, html {
    width:100%!important;
    padding:0!important;
    height:100%
}
*::-webkit-scrollbar {
    width:3px;
    border-radius:1.5px
}
*::-webkit-scrollbar-button {
    display:none
}
*::-webkit-scrollbar-track {
    background-color:#eee
}
*::-webkit-scrollbar-thumb {
    background-color:#199840
}
.fl {
    float:left
}
.fr {
    float:right
}
.cl:after {
    content:'\20';
    display:block;
    height:0;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden
}
.hide {
    display:none
}
.show {
    display:block
}
.up-word {
    text-transform:uppercase
}
.v-show {
    visibility:visible
}
.v-hide {
    visibility:hidden
}
.mt-8 {
    margin-top:8px
}
.mt-10 {
    margin-top:10px
}
.mt-12 {
    margin-top:12px
}
.mt-24 {
    margin-top:24px
}
.mt-32 {
    margin-top:32px
}
.mt-36 {
    margin-top:36px
}
.mt-48 {
    margin-top:48px
}
.mt-15 {
    margin-top:15px
}
.mt-20 {
    margin-top:20px
}
.mt-30 {
    margin-top:30px
}
.mt-40 {
    margin-top:40px
}
.mt-55 {
    margin-top:55px
}
.mt-60 {
    margin-top:60px
}
.mb-8 {
    margin-bottom:8px
}
.mb-10 {
    margin-bottom:10px
}
.mb-12 {
    margin-bottom:12px
}
.mb-24 {
    margin-bottom:24px
}
.mb-32 {
    margin-bottom:32px
}
.mb-36 {
    margin-bottom:36px
}
.mb-48 {
    margin-bottom:48px
}
.mb-15 {
    margin-bottom:15px
}
.mb-20 {
    margin-bottom:20px
}
.mb-30 {
    margin-bottom:30px
}
.mb-40 {
    margin-bottom:40px
}
.mb-55 {
    margin-bottom:55px
}
.mb-60 {
    margin-bottom:60px
}
.ml-8 {
    margin-left:8px
}
.ml-10 {
    margin-left:10px
}
.ml-12 {
    margin-left:12px
}
.ml-24 {
    margin-left:24px
}
.ml-32 {
    margin-left:32px
}
.ml-36 {
    margin-left:36px
}
.ml-48 {
    margin-left:48px
}
.ml-15 {
    margin-left:15px
}
.ml-20 {
    margin-left:20px
}
.ml-30 {
    margin-left:30px
}
.ml-40 {
    margin-left:40px
}
.ml-55 {
    margin-left:55px
}
.ml-60 {
    margin-left:60px
}
.mr-8 {
    margin-right:8px
}
.mr-10 {
    margin-right:10px
}
.mr-12 {
    margin-right:12px
}
.mr-24 {
    margin-right:24px
}
.mr-32 {
    margin-right:32px
}
.mr-36 {
    margin-right:36px
}
.mr-48 {
    margin-right:48px
}
.mr-15 {
    margin-right:15px
}
.mr-20 {
    margin-right:20px
}
.mr-30 {
    margin-right:30px
}
.mr-40 {
    margin-right:40px
}
.mr-55 {
    margin-right:55px
}
.mr-60 {
    margin-right:60px
}
.pt-8 {
    padding-top:8px
}
.pt-10 {
    padding-top:10px
}
.pt-12 {
    padding-top:12px
}
.pt-24 {
    padding-top:24px
}
.pt-36 {
    padding-top:36px
}
.pt-48 {
    padding-top:48px
}
.pt-15 {
    padding-top:15px
}
.pt-20 {
    padding-top:20px
}
.pt-30 {
    padding-top:30px
}
.pt-40 {
    padding-top:40px
}
.pt-55 {
    padding-top:55px
}
.pt-60 {
    padding-top:60px
}
.pb-8 {
    padding-bottom:8px
}
.pb-10 {
    padding-bottom:10px
}
.pb-12 {
    padding-bottom:12px
}
.pb-24 {
    padding-bottom:24px
}
.pb-36 {
    padding-bottom:36px
}
.pb-48 {
    padding-bottom:48px
}
.pb-15 {
    padding-bottom:15px
}
.pb-20 {
    padding-bottom:20px
}
.pb-30 {
    padding-bottom:30px
}
.pb-40 {
    padding-bottom:40px
}
.pb-55 {
    padding-bottom:55px
}
.pb-60 {
    padding-bottom:60px
}
.pl-8 {
    padding-left:8px
}
.pl-10 {
    padding-left:10px
}
.pl-12 {
    padding-left:12px
}
.pl-24 {
    padding-left:24px
}
.pl-36 {
    padding-left:36px
}
.pl-48 {
    padding-left:48px
}
.pl-15 {
    padding-left:15px
}
.pl-20 {
    padding-left:20px
}
.pl-30 {
    padding-left:30px
}
.pl-40 {
    padding-left:40px
}
.pl-55 {
    padding-left:55px
}
.pl-60 {
    padding-left:60px
}
.pl-100 {
    padding-left:100px
}
.pr-8 {
    padding-right:8px
}
.pr-10 {
    padding-right:10px
}
.pr-12 {
    padding-right:12px
}
.pr-24 {
    padding-right:24px
}
.pr-36 {
    padding-right:36px
}
.pr-48 {
    padding-right:48px
}
.pr-15 {
    padding-right:15px
}
.pr-20 {
    padding-right:20px
}
.pr-30 {
    padding-right:30px
}
.pr-40 {
    padding-right:40px
}
.pr-55 {
    padding-right:55px
}
.pr-60 {
    padding-right:60px
}
.backImg {
    background-size:cover
}
.text_overflow {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.txt-center {
    text-align:center
}
.txt-right {
    text-align:right
}
[data-ahref] {
    cursor:pointer
}
body {
    background:0 0
}
.font-40 {
    font-size:40px
}
.font-38 {
    font-size:32px
}
.font-36 {
    font-size:32px
}
.font-34 {
    font-size:32px
}
.font-32 {
    font-size:32px
}
.font-30 {
    font-size:30px
}
.font-28 {
    font-size:28px
}
.font-24 {
    font-size:24px
}
.font-22 {
    font-size:22px
}
.font-20 {
    font-size:20px
}
.font-18 {
    font-size:18px
}
.font-16 {
    font-size:16px
}
.font-14 {
    font-size:14px
}
.font-12 {
    font-size:12px
}
.op-1 {
    opacity:.1
}
.op-2 {
    opacity:.2
}
.op-3 {
    opacity:.3
}
.op-4 {
    opacity:.4
}
.op-5 {
    opacity:.5
}
.op-6 {
    opacity:.6
}
.op-7 {
    opacity:.7
}
.op-8 {
    opacity:.8
}
.op-9 {
    opacity:.9
}
.op-10 {
    opacity:1
}
.font-light {
    font-weight:lighter
}
.font-bold {
    font-weight:700
}
.font-500 {
    font-weight:500
}
.pr {
    position:relative
}
.pa {
    position:absolute
}
.block {
    display:block
}
.container {
    position:relative;
    padding:0 15px;
    margin:0 auto
}
.grid-box {
    font-size:0;
    [;
    letter-spacing:-4px;
    font-size:12px;
    ]
}
.grid-box .column {
    display:inline-block;
    font-size:12px;
    vertical-align:top;
    [;
    letter-spacing:0;
    ]
}
.grid-box .column {
    width:100%
}
.grid-box.two>.column {
    width:50%
}
.grid-box.three>.column {
    width:33.33333%
}
.grid-box.four>.column {
    width:25%
}
.grid-box.five>.column {
    width:20%
}
.grid-box.six>.column {
    width:16.6666667%
}
.grid-box.seven>.column {
    width:14.285714%
}
.grid-box.eight>.column {
    width:12.55%
}
.grid-box.nine>.column {
    width:11.11111111%
}
.grid-box.ten>.column {
    width:10%
}
.wid-100 {
    width:100%
}
.wid-10 {
    width:10%
}
.wid-20 {
    width:20%
}
.wid-30 {
    width:30%
}
.wid-40 {
    width:40%
}
.wid-50 {
    width:50%
}
.wid-60 {
    width:60%
}
.wid-70 {
    width:70%
}
.wid-80 {
    width:80%
}
.wid-90 {
    width:90%
}
.half {
    width:50%
}
.layout-middle {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
.layout-v-middle {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto
}
.layout-h-middle {
    position:absolute;
    left:0;
    right:0;
    margin:auto
}
.layout-tab {
    display:table;
    width:100%
}
.layout-tab>.cell {
    display:table-cell;
    vertical-align:middle
}
.transi {
    transition:all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out
}
#lanSelBox {
    font-size:16px;
    background:#fff;
    border-radius:4px;
    position:relative
}
.current_lang {
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden
}
.lang.selected {
    display:none
}
.lang img, .lang span.lang-txt {
    display:inline-block;
    margin-left:5px;
    vertical-align:middle;
    color:#444
}
.lang span.lang-txt {
    position:relative;
    top:-1px;
    font-weight:700
}
.lang img {
    width:20px;
    margin-left:0
}
.lang span span {
    color:#999;
    font-weight:400
}
.lang i.chevron.down {
    font-size:12px;
    position:relative;
    top:-1px;
    margin-left:3px
}
.more_lang {
    transform:translateY(-20px);
    opacity:0;
    cursor:pointer;
    display:none;
    position:absolute;
    right:0;
    top:100%;
    width:180px;
    background:#fff;
    -webkit-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -moz-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -o-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -ms-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15)
}
.more_lang .lang {
    padding:10px 15px
}
#lanSelBox.active .more_lang {
    display:block
}
.more_lang.active {
    opacity:1;
    transform:translateY(0px)
}
.more_lang .lang:hover {
    background:#5766b2;
    color:#fff
}
.more_lang .lang:hover span {
    color:#fff
}
#lanSelBox:hover, #lanSelBox.active {
    box-shadow:rgba(0, 0, 0, .2) 0 5px 15px;
    -webkit-transition:all .3s cubic-bezier(0, .99, .44, .99);
    -moz-transition:all .3s cubic-bezier(0, .99, .44, .99);
    -o-transition:all .3s cubic-bezier(0, .99, .44, .99);
    -ms-transition:all .3s cubic-bezier(0, .99, .44, .99);
    transition:all .3s cubic-bezier(0, .99, .44, .99)
}
#lanSelBox.active .more_lang .lang {
    border-top:1px solid #eaeaea
}
.hwaq_img_btn_01 {
    width:100%;
    overflow:hidden;
    position:relative
}
.hwaq_img_btn_01 img {
    margin:0;
    padding:0;
    position:relative;
    top:0;
    width:100%;
    left:0
}
.hwaq_img_btn_01 .ovrly {
    position:absolute;
    background:rgba(0, 0, 0, .5);
    height:100%;
    left:0;
    top:0;
    width:100%;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.hwaq_img_btn_01 .buttons {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.hwaq_img_btn_01 .buttons>a {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
    background-color:#fff;
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow:0 0 1px rgba(0, 0, 0, .3);
    box-shadow:0 0 1px rgba(0, 0, 0, .3);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    line-height:40px;
    font-size:16px;
    text-align:center;
    text-decoration:none;
    width:40px;
    height:40px;
    margin:0 1px;
    color:rgba(50, 50, 50, .9);
    -webkit-transition:all .3s cubic-bezier(0, 1.135, .73, 1.405);
    -moz-transition:all .3s cubic-bezier(0, 1.135, .73, 1.405);
    -o-transition:all .3s cubic-bezier(0, 1.135, .73, 1.405);
    transition:all .3s cubic-bezier(0, 1.135, .73, 1.405)
}
.hwaq_img_btn_01 .buttons .the_search {
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    -ms-transition-delay:.1s;
    transition-delay:.1s
}
.hwaq_img_btn_01:hover .buttons>a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.hwaq_img_btn_01:hover .ovrly {
    opacity:1
}
.hwaq_img_btn_02 {
    position:relative;
    overflow:hidden;
    text-align:center;
    cursor:pointer
}
.hwaq_img_btn_02 .layer, .hwaq_img_btn_02 .layer>a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.hwaq_img_btn_02 .layer {
    padding:2em;
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.hwaq_img_btn_02 img {
    opacity:.9
}
.hwaq_img_btn_02 .layer:after, .hwaq_img_btn_02 img, .hwaq_img_btn_02 p {
    -webkit-transition:opacity .35s, -webkit-transform .35s;
    transition:opacity .35s, transform .35s
}
.hwaq_img_btn_02 .layer:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    content:'';
    opacity:0;
    -webkit-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.hwaq_img_btn_02 h2, .hwaq_img_btn_02 p {
    opacity:1;
    -webkit-transform:scale3d(.8, .8, 1);
    transform:scale3d(.8, .8, 1)
}
.hwaq_img_btn_02 h2 {
    padding-top:26%;
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s
}
.hwaq_img_btn_02 p {
    padding:.5em 2em;
    text-transform:none;
    font-size:.85em;
    opacity:0
}
.hwaq_img_btn_02:hover {
    background:-webkit-linear-gradient(-45deg, #053565 0%, #06c 100%);
    background:linear-gradient(-45deg, #053565 0%, #06c 100%)
}
.hwaq_img_btn_02:hover img {
    opacity:.7;
    -webkit-transform:scale3d(1.05, 1.05, 1);
    transform:scale3d(1.05, 1.05, 1)
}
.hwaq_img_btn_02:hover .layer:after {
    opacity:1;
    -webkit-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
.hwaq_img_btn_02:hover h2, .hwaq_img_btn_02:hover p {
    opacity:1;
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
.icon-eye:before {
    content:'\e000'
}
.icon-paper-clip:before {
    content:'\e001'
}
.icon-heart:before {
    content:'\e024'
}
.hwaq_img_btn_02 h2 {
    display:inline-block
}
.hwaq_img_btn_02:hover p.description {
    opacity:1
}
.hwaq_img_btn_02:hover figcaption, .hwaq_img_btn_02:hover h2, .hwaq_img_btn_02:hover p.icon-links a {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.hwaq_img_btn_02:hover h2 {
    -webkit-transition-delay:.05s;
    transition-delay:.05s
}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
.hwaq_img_btn_02:hover p.icon-links a:first-child {
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.hwaq_just_btn_01 {
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    position:relative
}
.hwaq_just_btn_01:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-color:rgba(255, 255, 255, .25);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.hwaq_just_btn_01>span {
    position:relative;
    z-index:20
}
.hwaq_just_btn_01:hover:before {
    opacity:0;
    -webkit-transform:scale(.5, .5);
    transform:scale(.5, .5)
}
.hwaq_just_btn_01:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    border:1px solid rgba(255, 255, 255, .5);
    -webkit-transform:scale(1.2, 1.2);
    transform:scale(1.2, 1.2)
}
.hwaq_just_btn_01:hover:after {
    opacity:1;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.mfp-zoom-in .mfp-with-anim {
    opacity:0;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8)
}
.mfp-zoom-in.mfp-bg {
    opacity:0;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity:.8
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8);
    opacity:0
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity:0
}
.mlztx {
    opacity:.6;
    width:60px;
    height:60px;
    border-radius:60px;
    background-color:#2b93e6;
    position:fixed;
    bottom:50px;
    right:20px;
    font-size:30px;
    text-align:center;
    line-height:55px;
    color:#fff;
    transition:all 1s ease 0s;
    z-index:99;
    -webkit-box-shadow:0px 0px 2px 3px hsla(0, 0%, 0%, .1);
    box-shadow:0px 0px 2px 3px hsla(0, 0%, 0%, .1);
    cursor:pointer
}
.mlztx:hover {
    opacity:1;
    background-color:#00b1ff;
    width:65px;
    height:65px
}
.layer-form {
    display:none
}
.container-contact100 {
    width:100%;
    min-height:100vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:15px;
    background:rgba(0, 0, 0, .8);
    position:fixed;
    z-index:1000001;
    left:0;
    top:0
}
.wrap-contact100 {
    width:560px;
    background:#fff;
    border-radius:3px;
    position:relative;
    overflow:auto;
    max-height:90vh
}
.contact100-form-title {
    font-size:30px;
    color:#fff;
    line-height:1.2;
    text-transform:uppercase;
    background-image:url("../images/layer-form-bg.jpg");
    width:100%;
    min-height:128px;
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    overflow:hidden;
    padding:30px 15px
}
.contact100-form-title:before {
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(67, 67, 67, .6)
}
.contact100-form {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:40px 55px 48px
}
.wrap-input100 {
    width:100%;
    position:relative;
    border:1px solid #e6e6e6;
    border-radius:2px;
    margin-bottom:15px
}
.label-input100 {
    font-size:18px;
    color:#999;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    width:60px;
    height:100%;
    top:0;
    left:2px
}
.label-input100.rs1 {
    height:60px
}
.input100 {
    display:block;
    width:100%;
    background:0 0;
    font-size:15px;
    color:#333;
    line-height:1.2;
    padding:0 25px 0 60px;
    border:none
}
input.input100 {
    height:55px
}
textarea.input100 {
    min-height:162px;
    padding-top:22px;
    padding-bottom:15px;
    font-family:'microsoft yahei'
}
.focus-input100 {
    position:absolute;
    display:block;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    top:-1px;
    left:-1px;
    pointer-events:none;
    border:1px solid;
    border-radius:2px;
    border-color:#06c;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    -webkit-transform:scaleX(1.1) scaleY(1.3);
    -moz-transform:scaleX(1.1) scaleY(1.3);
    -ms-transform:scaleX(1.1) scaleY(1.3);
    -o-transform:scaleX(1.1) scaleY(1.3);
    transform:scaleX(1.1) scaleY(1.3)
}
.input100:focus+.focus-input100 {
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.input100:focus+.focus-input100+.label-input100 {
    color:#06c
}
.container-contact100-form-btn {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding-top:17px
}
.contact100-form-btn {
    font-size:12px;
    color:#fff;
    line-height:1.2;
    text-transform:uppercase;
    border:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 20px;
    min-width:160px;
    height:42px;
    border-radius:21px;
    background:#06c;
    cursor:pointer;
    box-shadow:0 10px 30px 0px rgba(132, 106, 221, .5);
    -moz-box-shadow:0 10px 30px 0px rgba(132, 106, 221, .5);
    -webkit-box-shadow:0 10px 30px 0px rgba(132, 106, 221, .5);
    -o-box-shadow:0 10px 30px 0px rgba(132, 106, 221, .5);
    -ms-box-shadow:0 10px 30px 0px rgba(132, 106, 221, .5);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.contact100-form-btn:hover {
    background:#333;
    box-shadow:0 10px 30px 0px rgba(51, 51, 51, .5);
    -moz-box-shadow:0 10px 30px 0px rgba(51, 51, 51, .5);
    -webkit-box-shadow:0 10px 30px 0px rgba(51, 51, 51, .5);
    -o-box-shadow:0 10px 30px 0px rgba(51, 51, 51, .5);
    -ms-box-shadow:0 10px 30px 0px rgba(51, 51, 51, .5)
}
@media (max-width:576px) {
    .contact100-form {
        padding:40px 15px 48px
    }
    .input100 {
        padding:0 25px 0 40px
    }
    .label-input100 {
        width:40px
    }
}
.validate-input {
    position:relative
}
.alert-validate .focus-input100 {
    box-shadow:0 5px 20px 0px rgba(250, 66, 81, .1);
    -moz-box-shadow:0 5px 20px 0px rgba(250, 66, 81, .1);
    -webkit-box-shadow:0 5px 20px 0px rgba(250, 66, 81, .1);
    -o-box-shadow:0 5px 20px 0px rgba(250, 66, 81, .1);
    -ms-box-shadow:0 5px 20px 0px rgba(250, 66, 81, .1)
}
.alert-validate:before {
    content:"";
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    position:absolute;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    background-color:transparent;
    border:1px solid #fa4251;
    border-radius:2px;
    top:-1px;
    left:-1px;
    pointer-events:none
}
.btn-hide-validate {
    font-size:18px;
    color:#fa4251;
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    height:100%;
    top:0;
    right:-25px
}
.rs1-alert-validate.alert-validate:before {
    background-color:#fff
}
.true-validate:after {
    content:"\f26b";
    font-size:18px;
    color:#00ad5f;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    height:100%;
    top:0;
    right:-25px
}
@media (max-width:576px) {
    .btn-hide-validate {
        right:10px
    }
    .true-validate:after {
        right:10px
    }
}
.btn-hide-contact100 {
    font-size:20px;
    color:#fff;
    opacity:.6;
    position:absolute;
    right:10px;
    top:5px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    cursor:pointer;
    z-index:10
}
.btn-hide-contact100 .icon {
    margin:0;
    padding:0;
    background:0 0
}
.btn-hide-contact100:hover {
    opacity:1
}
.img-box {
    overflow:hidden;
    position:relative
}
.img-box img {
    transition:1s ease
}
.img-box:hover img {
    transform:scale(1.1, 1.1)
}
.slideBox {
    overflow:hidden
}
.hwaq-hover-btn {
    display:inline-block;
    position:relative
}
.hwaq-hover-btn span {
    display:block;
    transition:all .5s ease 0s
}
.hwaq-hover-btn:hover span {
    color:#ff5c19
}
.hwaq-hover-btn:before, .hwaq-hover-btn:after, .hwaq-hover-btn span:before, .hwaq-hover-btn span:after {
    content:"";
    width:25%;
    height:100%;
    border-radius:30px;
    border:2px solid #ff5c19;
    border-left:none;
    border-right:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transform:scale(.8);
    transition:all .3s ease 0s
}
.hwaq-hover-btn:after {
    left:25%
}
.hwaq-hover-btn span:before {
    left:50%
}
.hwaq-hover-btn span:after {
    left:75%
}
.hwaq-hover-btn:hover:before, .hwaq-hover-btn:hover:after, .hwaq-hover-btn:hover span:before, .hwaq-hover-btn:hover span:after {
    border-radius:0;
    opacity:1;
    transform:scale(1)
}
.hwaq-hover-btn:hover:before {
    border-left:2px solid #ff5c19
}
.hwaq-hover-btn:hover span:after {
    border-right:2px solid #ff5c19
}
.set_1_btn {
    color:#333;
    cursor:pointer;
    display:block;
    position:relative;
    vertical-align:middle;
    background:0 0
}
.set_1_btn:hover {
    text-decoration:none;
    transition:all .15s linear 0s
}
.set_1_btn svg {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.set_1_btn rect {
    fill:none;
    stroke:#e1b700;
    stroke-width:2;
    stroke-dasharray:422, 0;
    transition:all .45s linear 0s
}
.set_1_btn:hover rect {
    stroke-width:5;
    stroke-dasharray:15, 310;
    stroke-dashoffset:114;
    -webkit-transition:all 1.35s cubic-bezier(.19, 1, .22, 1);
    transition:all 1.35s cubic-bezier(.19, 1, .22, 1)
}
.portfolio-item {
    position:relative;
    overflow:hidden;
    width:300px;
    height:300px
}
.portfolio-item img {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:auto;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.portfolio-item__info {
    position:absolute;
    top:7px;
    left:7px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:calc(100% - 2*7px);
    height:calc(100% - 2*7px);
    background-color:rgba(38, 37, 37, .5)
}
.portfolio-item__header {
    position:relative;
    margin:0 0 20px;
    padding:15px 0;
    font-size:22px
}
.portfolio-item__header:after {
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    height:2px;
    width:100%;
    content:'';
    background-color:#8d909b
}
.portfolio-item__links {
    display:flex
}
.portfolio-item__link-block {
    position:relative;
    width:35px;
    height:35px;
    margin-right:10px
}
.portfolio-item__link-block:last-child {
    margin-right:0
}
.portfolio-item__link {
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:linear;
    transition-delay:0s;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#101010;
    text-decoration:none;
    border:1px solid #101010;
    border-radius:50%
}
.portfolio-item__link:hover {
    color:#fff;
    background-color:#101010
}
.portfolio-item--eff3 .portfolio-item__info {
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    transition-duration:.3s;
    transition-timing-function:linear;
    transition-delay:0s;
    -webkit-transform:scale(0, 1);
    transform:scale(0, 1);
    -webkit-transform-origin:right top;
    transform-origin:right top
}
.portfolio-item--eff3 .portfolio-item__header {
    -webkit-transform:scale(.4);
    transform:scale(.4);
    opacity:0
}
.portfolio-item--eff3 .portfolio-item__header:after {
    bottom:-20px;
    opacity:0
}
.portfolio-item--eff3 .portfolio-item__link-block {
    opacity:0
}
.portfolio-item--eff3 .portfolio-item__link-block:first-child {
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.portfolio-item--eff3 .portfolio-item__link-block:nth-child(2) {
    -webkit-transform:translateX(50%);
    transform:translateX(50%)
}
.portfolio-item--eff3:hover .portfolio-item__info {
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    transition-duration:.3s;
    transition-timing-function:linear;
    transition-delay:0s;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    -webkit-transform-origin:left top;
    transform-origin:left top
}
.portfolio-item--eff3:hover .portfolio-item__header {
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:linear;
    transition-delay:.45s;
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.portfolio-item--eff3:hover .portfolio-item__header:after {
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:linear;
    transition-delay:.6s;
    bottom:0;
    opacity:1
}
.portfolio-item--eff3:hover .portfolio-item__link-block {
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:linear;
    transition-delay:.85s;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
.hwaq-img-fg-box {
    position:relative
}
.hwaq-img-fg-box .pic {
    position:relative;
    z-index:1;
    transform-origin:95% 50% 0;
    transition:all .5s ease 0s
}
.hwaq-img-fg-box:hover .pic {
    transform:rotate(-160deg);
    z-index:10
}
.hwaq-img-fg-box .pic img {
    width:100%;
    height:auto;
    border-radius:50%
}
.hwaq-img-fg-box .content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#b9607e
}
@keyframes fadeInLeftSmall {
    from {
        opacity:0;
        transform:translate3d(-10%, 0, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}
.fadeInLeftSmall {
    animation-name:fadeInLeftSmall
}
@keyframes fadeInRightSmall {
    from {
        opacity:0;
        transform:translate3d(10%, 0, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}
.fadeInRightSmall {
    animation-name:fadeInRightSmall
}
@keyframes fadeInDownSmall {
    from {
        opacity:0;
        transform:translate3d(0%, -10%, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}
.fadeInDownSmall {
    animation-name:fadeInDownSmall
}
@keyframes fadeOutDownSmall {
    from {
        opacity:1;
        transform:none
    }
    to {
        opacity:0;
        transform:translate3d(0%, 10%, 0)
    }
}
.fadeOutDownSmall {
    animation-name:fadeOutDownSmall
}
@keyframes fadeInUpSmall {
    from {
        opacity:0;
        transform:translate3d(0%, 10%, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}
.fadeInUpSmall {
    animation-name:fadeInUpSmall
}
.Txtblur1 {
    animation-duration:1.2s!important;
    animation:Txtblur cubic-bezier(.82, .01, .34, 1)
}
.Txtblur2 {
    animation-duration:1s!important;
    animation:Txtblur cubic-bezier(.82, .01, .34, 1)
}
.scaleIn {
    animation-duration:.8s!important;
    animation:scaleIn cubic-bezier(.82, .01, .34, 1)
}
@keyframes Txtblur {
    0% {
        filter:blur(12px);
        opacity:0;
        transform:scale(1.2);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -o-transform:scale(1.2);
        -ms-transform:scale(1.2)
    }
    100% {
        filter:blur(0);
        opacity:1;
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1)
    }
}
@keyframes scaleIn {
    0% {
        opacity:0;
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1)
    }
    100% {
        opacity:1;
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1)
    }
}
.scale_go {
    animation:scale_go 3s cubic-bezier(.34, .9, 1, 1);
    animation-duration:3s!important
}
@keyframes scale_go {
    from {
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -o-transform:scale(1.3);
        -ms-transform:scale(1.3)
    }
    to {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1)
    }
}
@media screen and (max-width:1000px) {
    .grid-box.two>.column {
        width:50%
    }
    .grid-box.three>.column {
        width:33.33333%
    }
    .grid-box.four>.column {
        width:33.33333%
    }
    .grid-box.five>.column {
        width:33.33333%
    }
}
@media screen and (max-width:700px) {
    .grid-box.two>.column {
        width:50%
    }
    .grid-box.three>.column {
        width:50%
    }
    .grid-box.four>.column {
        width:50%
    }
    .grid-box.five>.column {
        width:50%
    }
}
@media screen and (max-width:500px) {
    .grid-box.two>.column {
        width:100%
    }
    .grid-box.three>.column {
        width:100%
    }
    .grid-box.four>.column {
        width:100%
    }
    .grid-box.five>.column {
        width:100%
    }
}