@charset "utf-8";
.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, span, li, b, i, label, p, strong, div, 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
}
.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:38px
}
.font-36 {
	font-size:36px
}
.font-34 {
	font-size:34px
}
.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("../image/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%
}
}