@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;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;}
h1, h2, h3, h4, h5, h6, em {font-weight: normal;}
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);}
*::-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;}
/* 网站基本宽度 */
.container {width: 1520px;max-width: 1920px;position: relative;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%;}
/*******图片移上放大效果*******/
.img-box {overflow: hidden;position: relative;}
.img-box img {transition: 1s ease;}
.img-box:hover img {transform: scale(1.1, 1.1);}
/*******img-hover（图片翻盖效果）*******/
.hwaq-img-fg-box {position:relative;}
.hwaq-img-fg-box .pic {position: relative;z-index: 1;transform-origin: 95% 50% 0;transition: all 0.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;}
/*animate补充动画*/
@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(0.82, 0.01, 0.34, 1);}
.Txtblur2 {animation-duration: 1s!important;animation: Txtblur cubic-bezier(0.82, 0.01, 0.34, 1);}
.scaleIn {animation-duration: 0.8s!important;animation: scaleIn cubic-bezier(0.82, 0.01, 0.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(0.34, 0.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);}}
.ripple{-webkit-animation:ripple 3s infinite;-moz-animation:ripple 3s infinite;animation:ripple 3s infinite;}
@-webkit-keyframes ripple{
0%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:1}
70%{-webkit-transform:translate(-50%,-50%) scale(2);-moz-transform:translate(-50%,-50%) scale(2);-ms-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}
100%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}}
@-moz-keyframes ripple{
0%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:1}
70%{-webkit-transform:translate(-50%,-50%) scale(2);-moz-transform:translate(-50%,-50%) scale(2);-ms-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}
100%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}}
@keyframes ripple{
0%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:1}
70%{-webkit-transform:translate(-50%,-50%) scale(2);-moz-transform:translate(-50%,-50%) scale(2);-ms-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}
100%{-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);opacity:0}}
@media screen and (max-width: 1800px){.container {width: 1440px;}}
@media screen and (max-width: 1500px){.container {width: 1200px;}}
@media screen and (max-width: 1250px){.container {width: 970px;}}
@media screen and (max-width: 1000px){.container {width: 700px;}
.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){
.container {width: 100%;padding: 0 15px;}
.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%;}}