.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} */
a,b,i,label,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: var(--bs-text-active-color);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("/statics/images/aoteneng/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%}}
@font-face {font-family: 'Humanst521 BT';src: url('/statics/fonts/Humanist521BT-Bold.eot');src: url('/statics/fonts/Humanist521BT-Bold.eot?#iefix') format('embedded-opentype'),url('/statics/fonts/Humanist521BT-Bold.woff2') format('woff2'),url('/statics/fonts/Humanist521BT-Bold.woff') format('woff'),url('/statics/fonts/Humanist521BT-Bold.ttf') format('truetype');font-weight: 700}
@font-face {font-family: 'Humanst521 BT';src: url('/statics/fonts/Humanist521BT-Roman.eot');src: url('/statics/fonts/Humanist521BT-Roman.eot?#iefix') format('embedded-opentype'),url('/statics/fonts/Humanist521BT-Roman.woff2') format('woff2'),url('/statics/fonts/Humanist521BT-Roman.woff') format('woff'),url('/statics/fonts/Humanist521BT-Roman.ttf') format('truetype');font-weight: 400}
.color_red {color: red}
.color_red {color: red}
body {font-family: "Humanst521 BT";max-width: 1920px;font-weight: 400;margin: 0 auto}
.ui.container {padding: 0 15px;position: relative;width: 1470px}
.body-overflow-box {position: relative;left: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#header {z-index: 21;position: fixed;top: 20px;left: 0;width: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#header .nav {line-height: 75px;height: 85px;text-align: right}
#header .nav .ui.menu {max-width: 1800px;width: auto}
#header .nav .ui.menu .logo {display: inline-block;margin-left: 0;margin-right: auto;vertical-align: middle;float: left;width: 15%}
#header .nav .ui.menu .logo img {display: inline-block;vertical-align: middle;height:70px;}
#header .nav .ui.menu .menu-box {display: inline-block;vertical-align: top;margin-left: auto;margin-right: 0}
#header .nav .ui.menu .menu-box ul.menu>li {margin: 0 30px;font-size: 18px;color: #000;-webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;float: left;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;text-transform: uppercase}
#header.active .nav .ui.menu .menu-box ul.menu>li {color:#fff;}
#header .nav .ui.menu .menu-box ul.menu>li>a:after {content: '';margin-left: 8px;width: 0;height: 1px;background: var(--bs-bg-color);display: inline-block;vertical-align: middle;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#header .nav .ui.menu .menu-box ul.menu>li:hover {color: var(--bs-text-primary-color)}
#header.active .nav .ui.menu .menu-box ul.menu>li:hover {color: var(--bs-text-nav-color)}
#header .nav .ui.menu .menu-box ul.menu>li.active {color: var(--bs-text-active-color);text-decoration-line: underline;text-decoration-style: double;text-decoration-color: var(--bs-text-primary-color-color);}
#header.active .nav .ui.menu .menu-box ul.menu>li.active {color: var(--bs-text-nav-color);text-decoration-color: var(--bs-text-nav-color);}
/* #header .nav .ui.menu .menu-box ul.menu>li.active>a:after {width: 70px} */
#header .nav .ui.menu .menu-box ul.menu>li>a {display: block;margin-top: 7px}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {-webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-align: left;position: absolute;font-size: 14px;background: #fff;top: 100%;left: -10px;width: 180px;transform: rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);-ms-transform: rotate3d(1,0,0,-90deg);-o-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-transition: -webkit-transform .5s,opacity .3s;-moz-transition: -moz-transform .5s,opacity .3s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);border-bottom: 3px solid var(--bs-text-active-color);display: none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {display: block;float: none;padding: 8px 15px;line-height: 24px;color: #000;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;text-transform: capitalize}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {display: block}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {background: #222;color: #fff}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: rotate3d(0,0,0,0);-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);-ms-transform: rotate3d(0,0,0,0);-o-transform: rotate3d(0,0,0,0);display: block \9}
#header .nav .ui.menu .search {display: inline-block;vertical-align: middle;margin-left: 35px;margin-right: 25px;cursor: pointer;cursor: hand;line-height: normal}
#header .nav .ui.menu .search form {width: 180px;position: relative}
#header .nav .ui.menu .search form input {border: 1px solid #6a6a6a;display: block;width: 100%;background: 0 0;line-height: 28px;height: 28px;font-size: 14px;color: #000;padding-left: 40px;padding-right: 10px}
#header .nav .ui.menu .search form input[type=submit] {width: 30px;position: absolute;left: 0;top: 0;border: none;padding: 0;background: url("/statics/images/aoteneng/icon-search.png") center center no-repeat}
#header .nav .ui.menu .yuy {display: inline-block;vertical-align: middle;position: relative}
#header .nav .ui.menu .yuy span {border: 1px solid #000;display: block;line-height: normal;font-size: 14px}
#header .nav .ui.menu .yuy span a {display: inline-block;line-height: 26px;height: 26px;padding: 0 12px}
#header .nav .ui.menu .yuy span a:last-child {background: #3a3a3a;color: #fff}
#header .nav .ui.menu .yuy ul {-webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-align: left;position: absolute;font-size: 13px;background: #fff;top: 100%;right: 0;width: 120px;transform: rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);-ms-transform: rotate3d(1,0,0,-90deg);-o-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-transition: -webkit-transform .5s,opacity .3s;-moz-transition: -moz-transform .5s,opacity .3s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);border-bottom: 3px solid var(--bs-text-active-color);display: none \9}
#header .nav .ui.menu .yuy ul li {display: block;float: none;padding: 4px 10px;line-height: 22px;color: #000;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;text-transform: capitalize}
#header .nav .ui.menu .yuy ul li img {max-width: 22px;display: inline-block;vertical-align: middle;margin-right: 5px;position: relative;top: -2px}
#header .nav .ui.menu .yuy ul li a {display: block}
#header .nav .ui.menu .yuy ul li:hover {background: #222;color: #fff}
#header .nav .ui.menu .yuy:hover ul {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: rotate3d(0,0,0,0);-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);-ms-transform: rotate3d(0,0,0,0);-o-transform: rotate3d(0,0,0,0);display: block \9}
#header.inner .nav .ui.menu .logo,#header.inner .nav .ui.menu .menu-box ul.menu>li>a,#header.inner .nav .ui.menu .search {filter: brightness(0) invert(1)}
#header.inner .nav .ui.menu .yuy span {border-color: #fff;color: #fff}
#header.inner .nav .ui.menu .yuy span a:last-child {background: #fff;color: #000}
#header.inner.active .nav .ui.menu .logo,#header.inner.active .nav .ui.menu .menu-box ul.menu>li>a,#header.inner.active .nav .ui.menu .search {filter: brightness(1) invert(0)}
#header.inner.active .nav .ui.menu .yuy span {border-color: #000;color: #000}
#header.inner.active .nav .ui.menu .yuy span a:last-child {background: #000;color: #fff}
#header.active {top: 0;background: #a900a9;-o-box-shadow: 0 1px 8px 0px rgb(51 1 41 / 70%);-webkit-box-shadow: 0 1px 8px 0px rgb(51 1 41 / 70%);box-shadow: 0 1px 8px 0px rgb(51 1 41 / 70%);}
#header .nav .search-box {line-height: normal;position: fixed;top: 0;left: 0;background: #fff;width: 100%;height: 100%;z-index: 99999;display: none}
#header .nav .search-box form {position: absolute;top: 45%;left: 50%;width: 60%;margin-left: -30%}
#header .nav .search-box form input {background: 0 0;outline: none;border: none}
#header .nav .search-box form input[type=text] {width: 100%;border-bottom: 1px solid #e1e1e1;font-size: 26px;color: #000;padding: 10px 0}
#header .nav .search-box form input[type=submit] {width: 22px;height: 22px;background: url(/statics/images/aoteneng/tc-zoom.png) no-repeat;position: absolute;right: 15px;top: 20px}
#header .nav .search-box form input[type=submit]:hover {opacity: .7;filter: alpha(opacity=70)}
#header .nav .search-box .close {width: 30px;height: 30px;background: url(/statics/images/aoteneng/close.png) no-repeat;position: absolute;right: 25px;top: 15px;cursor: pointer}
#banner .slick-arrow {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: 80px;color: transparent;border: none;z-index: 1;outline: none;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;opacity: 0}
#banner .slick-arrow:hover {background-color: var(--bs-text-active-color)}
#banner:hover .slick-arrow {opacity: 1}
#banner .slick-prev {background: url("/statics/images/aoteneng/banner-btn-l.png") no-repeat center center rgba(0,0,0,.3);left: 15px}
#banner .slick-next {background: url("/statics/images/aoteneng/banner-btn-r.png") no-repeat center center rgba(0,0,0,.3);right: 15px}
#banner ul.slick-dots {position: absolute;bottom: 5%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
#banner ul.slick-dots li {width: 12px;height: 12px;display: inline-block;margin: 0 10px;border-radius: 100%;border: 2px solid #fff;background-color: var(--bs-text-active-color);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#banner ul.slick-dots li button {display: none}
#banner ul.slick-dots li.slick-active {border-color: var(--bs-text-active-color);background-color: #fff}
#banner .slick-slide .content {display: none}
#banner .slick-active .content {display: block}
table {margin-bottom: 20px;word-break: break-word;width: 100% !important;height: auto !important;display: table;overflow: auto}
table tbody {/* display: table;width: 100% !important */}
table td,table th {padding: 5px 10px;border: 1px solid #d3d3d3;width: auto !important;height: auto !important}
table tr {width: auto !important;height: auto !important}
table tr:nth-child(even) {background: #fbfbfb}
.wpulike.wpulike-default {display: none}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default {display: inline-block}
.newdet-page .news-content .content h2 {font-size: 28px;font-weight: 900;line-height: 2.5;color: #c20ba3}
.newdet-page .news-content .content h3 {font-size: 24px;font-weight: 900;line-height: 2;color: #e03e2d}
.newdet-page .news-content .content h4 {font-size: 20px;font-weight: 700;line-height: 2;color: #3598db}
.newdet-page .news-content .content h5 {font-size: 18px;font-weight: 600;line-height: 2}
.post-views-box {position: relative;margin-left: 20px}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {background-image: url(/statics/images/aoteneng/fw.png) !important;-webkit-filter: none;filter: none}
.wpulike {z-index: 10}
.wpulike.post-views-box {z-index: 5}
#banner .nivo-directionNav a {width: 40px;height: 40px;background-color: rgba(0,0,0,.3);background-repeat: no-repeat;background-position: center;background-size: 10px;color: transparent;overflow: hidden;text-indent: -999em;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#banner .nivo-directionNav a {opacity: 0}
#banner:hover .nivo-directionNav a {opacity: 1}
#banner .nivo-directionNav a:hover {background-color: var(--bs-text-active-color)}
#banner .nivo-directionNav a.nivo-prevNav {background-image: url(/statics/images/aoteneng/banner-btn-l.png);left: 40px}
#banner .nivo-directionNav a.nivo-nextNav {background-image: url(/statics/images/aoteneng/banner-btn-r.png);right: 40px}
#banner .theme-default .nivo-controlNav {position: absolute;bottom: 20px;left: 50%;width: auto !important}
#banner .theme-default .nivo-controlNav a {width: 25px !important;height: 25px !important;background: #fff !important;border: 7px solid #7d7d7d !important;border-radius: 100% !important;-webkit-box-shadow: none !important;box-shadow: none !important;margin: 0 8px !important}
#banner .theme-default .nivo-controlNav a.active {border-color: var(--bs-text-active-color) !important}
html.mobile {overflow: hidden}
html.mobile .body-overflow-box {position: relative;left: 280px}
#mobile {position: fixed;top: 0;left: -280px;width: 280px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;display: none;z-index: 20;height: 100%}
#mobile:before {content: '';width: 200%;height: 100%;position: fixed;top: 0;right: 100%;display: block;background: rgba(0,0,0,.13);z-index: -1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#mobile .mobile-logo {position: absolute;left: 100%;width: 100vw;height: 40px;line-height: 40px;text-align: center;background: #111;-o-box-shadow: 0 0 10px rgba(255,255,255,.2);-webkit-box-shadow: 0 0 10px rgba(255,255,255,.2);box-shadow: 0 0 10px rgba(255,255,255,.2)}
#mobile .mobile-logo img {max-height: 30px;margin: 0 auto;display: inline-block;vertical-align: middle}
#mobile #menu-on {width: 40px;height: 40px;background: #f5f5f5;position: absolute;left: 100%;top: 0;cursor: pointer;cursor: hand;z-index: 1}
#mobile #menu-on i {width: 23px;height: 2px;background: #222;display: block;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center}
#mobile #menu-on i.line1 {top: 12px}
#mobile #menu-on i.line2 {top: 19px}
#mobile #menu-on i.line3 {top: 26px}
#mobile .menu-content {width: 100%;height: 100%;display: block;background: #222;padding: 40px 10% 60px;overflow-y: auto;color: #fff}
#mobile .menu-content::-webkit-scrollbar {width: 3px;border-radius: 1.5px}
#mobile .menu-content::-webkit-scrollbar-button {display: none}
#mobile .menu-content::-webkit-scrollbar-track {background-color: #222}
#mobile .menu-content::-webkit-scrollbar-thumb {background-color: #eee}
#mobile .menu-content h3 {font-size: 20px;color: inherit;text-transform: capitalize;margin-bottom: 10px}
#mobile .menu-content h3 i {font-size: 16px;position: relative;top: -1px}
#mobile .menu-content .menu-logo {display: block}
#mobile .menu-content .menu-logo img {margin: 0 auto}
#mobile .menu-content .menu-list {margin: 40px 0}
#mobile .menu-content .menu-list ul li {font-size: 15px;color: inherit;text-transform: uppercase;line-height: 20px}
#mobile .menu-content .menu-list ul li a {padding: 8px 0;display: block}
#mobile .menu-content .menu-list ul li a:hover {color: var(--bs-text-active-color);text-decoration: underline}
#mobile .menu-content .menu-list ul li li a {position: relative;padding-left: 15px;font-size: 14px;line-height: 2}
#mobile .menu-content .menu-list ul li li a:after {content: '';width: 6px;height: 1px;background: #fff;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
#mobile .menu-content .menu-list ul li li li a {padding-left: 25px}
#mobile .menu-content .menu-list ul li li li a:after {width: 12px}
#mobile .menu-content .mob-search form {position: relative}
#mobile .menu-content .mob-search form input {width: 100%;height: 45px;line-height: 45px;border-radius: 5px;border: none;padding: 0 15px;font-size: 14px;color: #000}
#mobile .menu-content .mob-search form input[type=submit] {width: 45px;height: 45px;background: url("/statics/images/aoteneng/icon-search-white.png") no-repeat center center #222;position: absolute;right: 0;top: 0;border-radius: 0}
#mobile .menu-content .mob-yuy {margin: 40px 0}
#mobile .menu-content .mob-yuy ul li {margin-bottom: 10px;color: inherit;font-size: 14px}
#mobile .menu-content .mob-yuy ul li img {max-width: 40px;display: inline-block;vertical-align: middle;margin-right: 10px}
#mobile .menu-content .mob-share ul li {width: 30px;height: 30px;border-radius: 3px;background: #333;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 14px;margin-right: 3px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#mobile .menu-content .mob-share ul li:hover {background: var(--bs-bg-color)}
#mobile .menu-content #menu-off {margin-top: 40px;cursor: pointer;cursor: hand}
#mobile.active {left: 0}
#mobile.active:before {right: 0}
#mobile.active #menu-on i.line1 {-webkit-transform: translateX(-50%) rotateZ(45deg);-moz-transform: translateX(-50%) rotateZ(45deg);-ms-transform: translateX(-50%) rotateZ(45deg);transform: translateX(-50%) rotateZ(45deg);top: 12px;margin-left: 3px}
#mobile.active #menu-on i.line2 {opacity: 0}
#mobile.active #menu-on i.line3 {-webkit-transform: translateX(-50%) rotateZ(-45deg);-moz-transform: translateX(-50%) rotateZ(-45deg);-ms-transform: translateX(-50%) rotateZ(-45deg);transform: translateX(-50%) rotateZ(-45deg);top: 28px;margin-left: 3px}
#mobile.white .mobile-logo {-o-box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff}
#mobile.white .menu-content {background: #fff;color: #000}
#mobile.white .menu-content .menu-list ul li li a:after {background: #000}
#mobile.white .menu-content .mob-search form input {border: 1px solid #000}
#mobile.white .menu-content .mob-search form input[type=submit] {border-top-right-radius: 5px;border-bottom-right-radius: 5px}
@media screen and (max-width: 1000px) {#banner,.inner-banner {margin-top:40px}
.aotenenghide {display: none}}
#spotlight.show {display: inline-block;background: rgba(0,0,0,.3) !important}
#spotlight .scene img {border: 10px solid #fff !important;border-radius: 10px;background: #ffffffd1;}
#spotlight .header {background: #000 !important}
#banner {position: relative}
#banner li {position: relative}
#banner li .content {position: absolute;top: 53%;left: 0;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
#banner li .content .left {max-width: 40%;display: block;margin-left: auto;color: #fff}
#banner li .content .left h2 {font-weight: 700;font-size: 64px;line-height: 1.2;text-transform: uppercase;text-shadow: 0 3px 5px rgba(0,0,0,.4)}
#banner li .content .left p {margin: 15px 0 20px;font-size: 20px;line-height: 1.5;text-shadow: 0 2px 1px rgba(0,0,0,.2);max-width: 90%}
#banner li .content .left a.more {display: inline-block;line-height: 44px;height: 44px;padding: 0 20px;background: var(--bs-bg-color);font-size: 18px;text-transform: capitalize;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#banner li .content .left a.more:hover {color: #fff;background: #222}
#banner .share {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
#banner .share a {width: 46px;line-height: 46px;height: 46px;font-size: 18px;color: #fff;background: var(--bs-bg-color);display: block;text-align: center}
#banner .share a:last-child,#banner .share a:nth-last-child(2) {background: #000}
#index-body .init-1 {padding: 60px 0 40px;text-align: center;background: url("/statics/images/aoteneng/init-1-bg.jpg") center center no-repeat;background-size: cover}
#index-body .init-1 .list {margin-top: 50px}
#index-body .init-1 .list ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 4%}
#index-body .init-1 .list ul li {padding: 10px;text-align: left;width: auto}
#index-body .init-1 .list ul li h5 {font-size: 80px;line-height: 1;font-family: "Impact";color: #434343;border-bottom: 1px solid #abacad;display: inline-block;padding-bottom: 10px}
#index-body .init-1 .list ul li h6 {font-size: 26px;font-weight: 700;color: #424242;line-height: 1;margin-top: 8px}
#index-body .init-1 .list ul li h6 small {display: block;font-size: .69230769em;font-weight: 400;margin-top: 5px;font-size: 16px;line-height: 2}
#index-body .init-2 {padding: 90px 0 150px;text-align: center}
#index-body .init-2 h2 {font-size: 48px;font-weight: 700;text-transform: uppercase;color: #313131;line-height: 1}
#index-body .init-2 .text {max-width: 1070px;display: block;margin: 15px auto 0;font-size: 18px;color: #474747;line-height: 2}
#index-body .init-2 .list {margin-top: 65px;position: relative}
#index-body .init-2 .list ul {overflow: hidden;padding: 0 34% 0 30%}
#index-body .init-2 .list ul .slick-list {overflow: unset}
#index-body .init-2 .list ul li {padding: 0 20px}
#index-body .init-2 .list ul li a.img-box {padding: 40px 10px 30px;display: block;position: relative;overflow: unset}
#index-body .init-2 .list ul li a.img-box img {-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;display: block;margin: 0 auto;width: auto;max-width: 88%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
#index-body .init-2 .list ul li a.img-box span.bg {width: 105px;height: 100%;position: absolute;z-index: -1;background: var(--bs-bg-color);left: 50%;top: 0;-webkit-transform: translateX(-50%) skewX(-20deg);-moz-transform: translateX(-50%) skewX(-20deg);-ms-transform: translateX(-50%) skewX(-20deg);transform: translateX(-50%) skewX(-20deg);margin-left: 30px;-webkit-transition: 1.5s;-moz-transition: 1.5s;transition: 1.5s}
#index-body .init-2 .list ul li a.img-box span.bg i {width: 175px;height: 100%;position: absolute;background: url("/statics/images/aoteneng/init-2-1.jpg") center center;background-size: cover;top: 0;-webkit-transition: 1.5s;-moz-transition: 1.5s;transition: 1.5s}
#index-body .init-2 .list ul li a.img-box span.bg i:nth-child(1) {right: 100%}
#index-body .init-2 .list ul li a.img-box span.bg i:nth-child(2) {left: 100%}
#index-body .init-2 .list ul li h6 {font-size: 30px;font-weight: 700;color: #313131;margin: 25px 0 5px;line-height: 1.2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#index-body .init-2 .list ul li h6:hover {color: var(--bs-text-active-color)}
#index-body .init-2 .list ul li a.more {font-size: 14px;color: #686868;border-bottom: 1px solid #686868;position: relative;display: inline-block;line-height: 2}
#index-body .init-2 .list ul li a.more:before {content: '+';position: absolute;top: -20%;right: 100%;margin-right: 5px;color: var(--bs-text-active-color);font-size: 140%;line-height: 1;padding-top: 10px}
#index-body .init-2 .list ul .slick-slide li a.img-box span.bg {margin-left: -50px}
#index-body .init-2 .list ul .slick-slide li a.img-box span.bg i:first-child {width: 0}
#index-body .init-2 .list ul .slick-current li a.img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
#index-body .init-2 .list ul .slick-current li a.img-box span.bg {width: 210px;margin-left: 30px}
#index-body .init-2 .list ul .slick-current li a.img-box span.bg i {width: 125px !important}
#index-body .init-2 .list ul .slick-current li h6 {-webkit-transform: scale(1.46666667) translateY(-10%);-moz-transform: scale(1.46666667) translateY(-10%);-ms-transform: scale(1.46666667) translateY(-10%);transform: scale(1.46666667) translateY(-10%)}
#index-body .init-2 .list ul .slick-current+div li a.img-box span.bg {margin-left: 110px}
#index-body .init-2 .list ul .slick-current+div li a.img-box span.bg i:first-child {width: 175px}
#index-body .init-2 .list ul .slick-current+div li a.img-box span.bg i:last-child {width: 0}
#index-body .init-2 .list .btn div {width: 31px;height: 63px;border: none;background: url("/statics/images/aoteneng/icon-2-r.png") center center no-repeat;position: absolute;top: 45%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;cursor: pointer;cursor: hand}
#index-body .init-2 .list .btn div.prev {right: 101%;-webkit-transform: translateY(-50%) rotateY(180deg);-moz-transform: translateY(-50%) rotateY(180deg);-ms-transform: translateY(-50%) rotateY(180deg);transform: translateY(-50%) rotateY(180deg)}
#index-body .init-2 .list .btn div.next {left: 101%}
#index-body .init-3 {padding: 85px 0 115px;background: url("/statics/images/aoteneng/init-3-bg-purple.jpg") center top;background-size: cover;color: #fff}
#index-body .init-3 .box {padding: 0 8% 0 11%}
#index-body .init-3 .box .left {vertical-align: bottom;text-transform: uppercase;text-shadow: 2px 3px 5px rgba(0,0,0,.6);padding-right: 10%;margin-bottom: 2%}
#index-body .init-3 .box .left p {font-size: 56px;line-height: 1.2}
#index-body .init-3 .box .left h6 {font-size: 48px;font-weight: 700;line-height: 1.2}
#index-body .init-3 .box .left h3 {font-size: 74px;font-weight: 700;line-height: 1.2}
#index-body .init-3 .box .right {vertical-align: bottom;padding-left: 12%}
#index-body .init-3 .box .right h3 {font-size: 40px;font-weight: 700;line-height: 1.2;text-transform: uppercase}
#index-body .init-3 .box .right .text {margin: 30px 0 20px;font-size: 18px;line-height: 1.33333333}
#index-body .init-3 .box .right a.more {display: inline-block;font-size: 18px}
#index-body .init-3 .box .right a.more img {display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -.2em}
#index-body .init-4 .list ul li {padding: 15%;overflow: hidden;-webkit-box-shadow: 0 0 40px rgba(0,0,0,.08);box-shadow: 0 0 40px rgba(0,0,0,.08);-webkit-transition: 1.5s;-moz-transition: 1.5s;transition: 1.5s}
#index-body .init-4 .list ul li span.tag {display: inline-block;font-size: 16px;font-weight: 700;line-height: 32px;height: 32px;color:var(--bs-new-text-color);position: relative;padding: 0 20px;text-transform: uppercase;margin-left: 6px}
#index-body .init-4 .list ul li span.tag:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--bs-new-bg-color);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg);z-index: -1}
#index-body .init-4 .list ul li h6 {font-size: 20px;color: #282828;line-height: 1.4;margin-top: 10px}
#index-body .init-4 .list ul li h6 small {font-size: 1.6em;font-weight: 700;display: block}
#index-body .init-4 .list ul li .img {display: block;padding: 45px 0}
#index-body .init-4 .list ul li .img img {display: block;margin: 0 auto;-webkit-box-reflect: below -10% linear-gradient(to bottom,transparent 70%,rgba(250,250,250,.1))}
#index-body .init-4 .list ul .slick-dots {position: absolute;bottom: 7%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
#index-body .init-4 .list ul .slick-dots li {width: 8px;height: 8px;border-radius: 100%;background: #aaa;margin: 0 5px;display: inline-block;vertical-align: middle;cursor: pointer;cursor: hand;padding: 0}
#index-body .init-4 .list ul .slick-dots li button {display: none}
#index-body .init-4 .list ul .slick-dots li.slick-active {background: var(--bs-bg-color)}
#index-body .init-4 .list ul .slick-current li {-webkit-box-shadow: 0 0 40px rgba(0,0,0,0);box-shadow: 0 0 40px rgba(0,0,0,0)}
#index-body .init-5 {padding: 90px 0 115px;background: url("/statics/images/aoteneng/init-5-bg-purple.jpg") center bottom;color: #fff;background-size: cover}
#index-body .init-5 .left {vertical-align: bottom;width: 54%;padding-left: 2%}
#index-body .init-5 .left h3 {font-size: 48px;font-weight: 700;line-height: 1.2;text-transform: uppercase}
#index-body .init-5 .left .text {font-size: 16px;line-height: 1.6;margin-top: 15px}
#index-body .init-5 .left .list {margin-top: 45px;max-width: 600px}
#index-body .init-5 .left .list ul {margin: -22px -30px}
#index-body .init-5 .left .list ul li {padding: 22px 30px}
#index-body .init-5 .left .list ul li i {display: block;margin-bottom: 15px;height: 43px;line-height: 43px}
#index-body .init-5 .left .list ul li i img {display: inline-block;vertical-align: middle;max-height: 100%}
#index-body .init-5 .left .list ul li h6 {font-size: 36px;font-weight: 700;line-height: 1}
#index-body .init-5 .left .list ul li p {font-size: 18px;line-height: 1.6}
#index-body .init-5 .right {vertical-align: bottom;position: relative;width: 46%;padding-left: 5%}
#index-body .init-5 .right img {position: absolute;bottom: -170px;right: -10%}
#index-body .init-6 {padding: 110px 0;text-align: center;background: #f4f4f4}
#index-body .init-6 .ui.container {max-width: 1250px}
#index-body .init-6 h2 {font-size: 48px;font-weight: 700;line-height: 1.2;text-transform: uppercase;color: #313131}
#index-body .init-6 .box {margin-top: 60px}
#index-body .init-6 .box .left {padding-right: 15px}
#index-body .init-6 .box .left .box2 {text-align: center;-o-box-shadow: 0 0 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);box-shadow: 0 0 15px rgba(0,0,0,.1)}
#index-body .init-6 .box .left .box2 a.img-box {height: 285px;display: block;background-size: cover;background-position: center center}
#index-body .init-6 .box .left .box2 .content {padding: 40px 45px 80px}
#index-body .init-6 .box .left .box2 .content h6 {font-size: 24px;font-weight: 500;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#index-body .init-6 .box .left .box2 .content h6:hover {color: var(--bs-text-active-color)}
#index-body .init-6 .box .left .box2 .content p {margin-top: 15px;font-size: 18px;line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em}
#index-body .init-6 .box .right {padding-left: 15px}
#index-body .init-6 .box .right ul {margin: -15px}
#index-body .init-6 .box .right ul li {padding: 15px}
#index-body .init-6 .box .right ul li a.img-box {width: 35%;height: 235px;background-size: cover;background-position: center center}
#index-body .init-6 .box .right ul li .content {width: 65%;text-align: left;padding-left: 5%;margin-top: 10px}
#index-body .init-6 .box .right ul li .content h6 {font-size: 22px;font-weight: 500;line-height: 1.4;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#index-body .init-6 .box .right ul li .content h6:hover {color: var(--bs-text-active-color)}
#index-body .init-6 .box .right ul li .content p {margin-top: 15px;font-size: 18px;line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.8em}
#index-body .init-7 {padding: 90px 0}
#index-body .init-7 .ui.container {max-width: 1250px}
#index-body .init-7 h2 {font-size: 48px;font-weight: 700;line-height: 1.2;text-transform: uppercase;color: #313131;text-align: center}
#index-body .init-7 .box {margin-top: 70px}
#index-body .init-7 .box .left {width: 34%;padding-right: 2%}
#index-body .init-7 .box .left h6 {font-size: 18px;color: #222;line-height: 1.2}
#index-body .init-7 .box .left .list {margin-top: 30px}
#index-body .init-7 .box .left .list ul li {padding-left: 60px;font-size: 28px;line-height: 1;margin-bottom: 25px;position: relative}
#index-body .init-7 .box .left .list ul li i {position: absolute;left: 0;top: 0}
#index-body .init-7 .box .left .list ul li i img {display: inline-block;vertical-align: middle;margin-top: -.1em}
#index-body .init-7 .box .left .list ul li:last-child {margin-bottom: 0;font-size: 18px;line-height: 1.4}
#index-body .init-7 .box .right {width: 66%}
#index-body .init-7 .box .right .form ul {margin: -8px -15px}
#index-body .init-7 .box .right .form ul li {padding: 8px 15px}
#index-body .init-7 .box .right .form ul li input,#index-body .init-7 .box .right .form ul li textarea {width: 100%;line-height: 24px;padding: 10px 20px;border: 2px solid #ddd;font-size: 16px;color: #000}
#index-body .init-7 .box .right .form ul li textarea {height: 140px}
#index-body .init-7 .box .right .form ul li input[type=submit] {margin-top: 15px;padding: 10px 20px;background: var(--bs-bg-color);color: #fff;font-weight: 700;font-size: 22px;text-transform: uppercase;display: inline-block;border: none;width: auto;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#index-body .init-7 .box .right .form ul li input[type=submit]:hover {background: #222}
#index-body .init-7 .box .right .form ul li.wid-100 {width: 100%}
#footer {background: url("/statics/images/aoteneng/f-bg-purple.jpg") center center;color: #fff}
#footer .ui.container {max-width: 1400px;line-height: 2}
#footer .footer-top {padding: 45px 0}
#footer .footer-top .left {width: 40%;padding-right: 5%}
#footer .footer-top .right {width: 60%;padding-top: 20px}
#footer .footer-top .right ul {margin: -10px}
#footer .footer-top .right ul li {padding: 10px}
#footer .footer-top .right ul li dl dt {font-size: 20px;font-weight: 700;text-transform: uppercase;line-height: 1;margin-bottom: 30px}
#footer .footer-top .right ul li dl dd {font-size: 18px;line-height: 2}
#footer .footer-top .right ul li dl dd>a:hover {text-decoration: underline}
#footer .footer-top .right ul li dl dd #ewm {border: 4px solid #fff}
#footer .footer-top .right ul li dl dd #ewm canvas,#footer .footer-top .right ul li dl dd #ewm img {width: 100%}
#footer .footer-top .right ul li dl dd .share {margin-top: 15px;text-align: center}
#footer .footer-top .right ul li dl dd .share a {display: inline-block;vertical-align: middle;margin: 0 6px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#footer .footer-top .right ul li dl dd .share a:hover {text-decoration: unset;color: #000}
#footer .footer-top .right ul li:nth-child(1) {width: 40.38461538%}
#footer .footer-top .right ul li:nth-child(2) {width: 41.02564103%}
#footer .footer-top .right ul li:nth-child(3) {width: 18.58974359%}
#footer .footer-bottom {padding-bottom: 20px;font-size: 16px}
#footer .footer-bottom svg {max-height: 24px;display: inline-block;vertical-align: middle;width: auto;fill: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
#footer .footer-bottom svg:hover {text-decoration: underline}
#footer .footer-bottom a:hover {text-decoration: underline}
@media screen and (max-width: 1700px) {#header .nav .ui.menu .menu-box ul.menu>li {margin:0 20px}
#header .nav .ui.menu .logo img {height: 70px}
#header .nav {height: 80px;line-height: 80px}
#banner li .content .left h2 {font-size: 64px}
#banner li .content .left p {font-size: 16px}
#banner li .content .left a.more {line-height: 38px;height: 38px;padding: 0 15px;font-size: 16px}
#index-body .init-1 .list ul li h5 {font-size: 60px}
#index-body .init-1 .list ul li h6 {font-size: 22px}
#index-body .init-2 h2,#index-body .init-5 .left h3,#index-body .init-6 h2,#index-body .init-7 h2 {font-size: 38px}
#index-body .init-2 .text {font-size: 16px}
#index-body .init-2 .list ul li h6 {font-size: 24px}
#index-body .init-2 {padding: 80px 0}
#index-body .init-2 .list .btn div.next {left: auto;right: 0}
#index-body .init-2 .list .btn div.prev {left: 0;right: auto}
#index-body .init-3 .box {padding: 0 3%}
#index-body .init-3 .box .left p {font-size: 44px}
#index-body .init-3 .box .left h6 {font-size: 38px}
#index-body .init-3 .box .left h3 {font-size: 52px}
#index-body .init-3 .box .right h3 {font-size: 32px}
#index-body .init-3 .box .right .text {margin: 15px 0;font-size: 16px}
#index-body .init-3 .box .right a.more {font-size: 16px}
#index-body .init-5 .left .list ul li i {height: 30px;line-height: 30px}
#index-body .init-5 .left .list ul li h6 {font-size: 28px}
#index-body .init-5 .right img {right: 0}
#index-body .init-6 {padding: 80px 0}
#index-body .init-6 .box,#index-body .init-7 .box {margin-top: 40px}
#index-body .init-7 .box .left .list ul li {font-size: 20px}}
@media screen and (max-width: 1550px) {.ui.container {width:1200px}
#header .nav .ui.menu .menu-box ul.menu>li {margin: 0 10px;font-size: 16px}
#header .nav .ui.menu .search {margin: 0 10px}
#header .nav .ui.menu .logo img {height: 50px}
#banner li .content .left h2 {font-size: 48px}
#index-body .init-1 .list ul li h5 {font-size: 48px}
#index-body .init-1 .list ul li h6 {font-size: 18px}
#index-body .init-2 .list ul li h6 {font-size: 20px}
#index-body .init-2 .list ul .slick-current li h6 {-webkit-transform: scale(1.2) translateY(-10%);-moz-transform: scale(1.2) translateY(-10%);-ms-transform: scale(1.2) translateY(-10%);transform: scale(1.2) translateY(-10%)}
#index-body .init-2 .list ul li a.img-box span.bg {width: 80px}
#index-body .init-2 .list ul {padding: 0 35% 0 30%}
#index-body .init-2 .list {margin-top: 40px}
#index-body .init-3 {padding: 60px 0 40px}
#index-body .init-3 .box .left p {font-size: 38px}
#index-body .init-3 .box .left h6 {font-size: 32px}
#index-body .init-3 .box .left h3 {font-size: 42px}
#index-body .init-3 .box .right h3 {font-size: 28px}
#index-body .init-4 .list ul li {padding: 5%}
#index-body .init-4 .list ul li span.tag {font-size: 14px;line-height: 28px;height: 28px}
#index-body .init-4 .list ul li h6 {font-size: 16px}
#index-body .init-4 .list ul li .img {padding: 30px 0}
#index-body .init-2 h2,#index-body .init-5 .left h3,#index-body .init-6 h2,#index-body .init-7 h2 {font-size: 32px}
#index-body .init-5 .left .list ul li h6 {font-size: 24px}
#index-body .init-5 .left .list ul li p {font-size: 16px;line-height: 2}
#index-body .init-5 .left .list ul li {padding: 10px}
#index-body .init-5 .left .list ul {margin: -10px}
#index-body .init-5 .left .list ul li i {margin-bottom: 8px}
#index-body .init-6 .box .left .box2 .content {padding: 25px}
#index-body .init-6 .box .right ul li a.img-box {height: 200px}
#index-body .init-7 .box .right .form ul li input[type=submit] {font-size: 18px}}
@media screen and (max-width: 1250px) {.ui.container {width:970px}
#header {display: none}
#mobile {display: block}
#banner,.inner-banner {margin-top: 40px}
#banner li .content .left h2 {font-size: 36px}
#banner .share a {line-height: 36px;height: 36px;width: 36px;font-size: 14px}
#index-body .init-2 .list ul li a.img-box span.bg {width: 60px}
#index-body .init-2 .list ul li a.img-box span.bg i,#index-body .init-2 .list ul .slick-current+div li a.img-box span.bg i:first-child {width: 150%}
#index-body .init-2 .list ul .slick-current li a.img-box span.bg {width: 100px}
#index-body .init-2 .list ul .slick-current li a.img-box span.bg i {width: 110% !important}
#index-body .init-2 .list ul .slick-slide li a.img-box span.bg {margin-left: -40px}
#index-body .init-2 .list ul .slick-current+div li a.img-box span.bg {margin-left: 90px}
#index-body .init-2 .list ul .slick-current li a.img-box span.bg {margin-left: 30px}
#index-body .init-3 .box .right h3 {font-size: 24px}
#index-body .init-3 .box .right h3 br {display: none}
#index-body .init-5 {padding: 40px 0}
#index-body .init-4 .list ul li span.tag {line-height: 2;height: 24px;padding: 0 10px;font-size: 14px}}
@media screen and (max-width: 1000px) {.ui.container {width:700px}
#banner li .content .left h2 {font-size: 28px}
#banner li .content .left p {font-size: 14px;margin: 10px 0}
#banner li .content .left a.more {line-height: 34px;height: 34px;font-size: 14px}
#index-body .init-2 .list ul {padding: 0 20%}
#index-body .init-3,#index-body .init-5 {background: url("/statics/images/aoteneng/f-bg-purple.jpg") center center}
#index-body .init-3 .box .right {width: 100%;padding-left: 0}
#index-body .init-3 .box .left,#index-body .init-5 .right {display: none}
#index-body .init-3 {padding: 40px 0}
#index-body .init-4 .list ul li h6 {font-size: 16px;line-height: 2}
#index-body .init-5 .left {width: 100%;padding-left: 0}
#index-body .init-2 h2,#index-body .init-5 .left h3,#index-body .init-6 h2,#index-body .init-7 h2 {font-size: 28px}
#index-body .init-5 .left .list ul li h6 {font-size: 18px}
#index-body .init-5 .left .list {margin-top: 20px}
#index-body .init-5 .fadeInUp p {font-size: 18px}
#index-body .init-6 {padding: 50px 0}
#index-body .init-6 .box .left .box2 .content h6 {font-size: 20px}
#index-body .init-6 .box .right ul li .content h6 {font-size: 18px}
#index-body .init-6 .box .left .box2 .content {padding: 10px}
#index-body .init-6 .box .left .box2 .content p,#index-body .init-6 .box .right ul li .content p {font-size: 16px;margin-top: 5px;line-height: 30px}
#index-body .init-6 .box .right ul li a.img-box {height: 174px}
#index-body .init-7 .box .left {width: 100%;padding-right: 0}
#index-body .init-7 .box .right {width: 100%;padding-left: 0;padding-top: 20px}
#index-body .init-7 .box .left .list ul li {font-size: 18px;margin-bottom: 10px;padding-left: 30px}
#index-body .init-7 .box .left .list ul li i {width: 20px}
#footer .footer-top .right {display: none}
#footer .footer-top .left {width: 100%}
#footer .footer-top .left img {max-height: 160px}
#footer .footer-top {padding: 20px 0}
#footer .footer-bottom p {float: none;text-align: center}}
@media screen and (max-width: 700px) {.ui.container {width:100%}
#banner .share {display: none}
#banner li .content .left h2 {font-size: 24px}
#banner li .content .left p {max-width: none}
#banner li .content .left {max-width: 50%}
#index-body .init-1 .list ul {padding: 0}
#index-body .init-1 .list ul li h5 {font-size: 32px}
#index-body .init-2 {padding: 40px 0}
#index-body .init-2 h2,#index-body .init-5 .left h3,#index-body .init-6 h2,#index-body .init-7 h2 {font-size: 24px}
#index-body .init-2 .list .btn div {width: 28px;height: 28px}
#index-body .init-6 .box .left {width: 100%;padding-right: 0}
#index-body .init-6 .box .right {width: 100%;padding-left: 0;padding-top: 30px}
#index-body .init-7 {padding-bottom: 50px}}
@media screen and (max-width: 500px) {#banner li .content .left a.more,#banner li .content .left p {display:none !important}
#banner li .content .left h2 {font-size: 20px}
#banner li .content .left h2 br {display: none}
#index-body .init-1 .list ul li {width: 50%}
#index-body .init-1 .list ul {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
#index-body .init-1 .list ul li h5 {padding-bottom: 5px}
#index-body .init-1 .list ul li h6 {margin-top: 4px}
#index-body .init-1 .list {margin-top: 30px}
#index-body .init-1 {padding: 40px 0}
#index-body .init-2 .list ul {padding: 0}
#index-body .init-2 .list ul .slick-slide li a.img-box span.bg {display: none}
#index-body .init-2 .list ul .slick-slide li a.img-box {background: url("/statics/images/aoteneng/f-bg.jpg")}
#index-body .init-2 .list ul li {padding: 0}
#index-body .init-2 .list .btn {display: none}
#index-body .init-6 .box .right ul li .content {width: 100%;padding-left: 0}
#index-body .init-6 .box .right ul li a.img-box,#index-body .init-6 .box .left .box2 a.img-box {width: 100%;height: 150px}
#index-body .init-6 .box .left .box2 .content {text-align: left}
#index-body .init-6 .box .right ul li .box2 {-o-box-shadow: 0 0 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);box-shadow: 0 0 15px rgba(0,0,0,.1)}
#index-body .init-6 .box .right ul li .content {padding: 10px}
#index-body .init-7 .box .left .list ul li:last-child {font-size: 14px}
#index-body .init-6 .box,#index-body .init-7 .box {margin-top: 30px}
#index-body .init-7 .box .right .form ul li input[type=submit] {font-size: 16px}
#index-body .init-7 .box .right .form ul li input,#index-body .init-7 .box .right .form ul li textarea {padding: 8px}}
html {font-size: 10px}
.inner-banner {height: 350px;background-size: cover;background-position: center center;position: relative;text-align: center;padding-top: 160px;color: #fff;z-index: 1}
.inner-banner:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1}
.inner-banner h3 {font-size: 30px;line-height: 1.8;margin-bottom: 5px;letter-spacing: 1px;display: inline-block;text-transform: uppercase;font-weight: 700}
.inner-banner .mbx {font-size: 17px;line-height: 2}
.inner-banner .mbx a,.inner-banner .mbx span {display: inline-block;vertical-align: top;text-transform: capitalize;margin: 0 5px;line-height: 30px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.inner-banner .mbx a:first-child:before {font-family: "FontAwesome";color: var(--bs-text-active-color);display: inline-block;vertical-align: top;margin-right: 10px;font-size: 20px}
.inner-banner .mbx a:hover {color: var(--bs-text-active-color)}
.about-page .top i {display: inline-block;width: 5.2rem;height: 3px;background: #f9a61c}
.about-page .top h3 {font-size: 26px;line-height: 1;color: #282828f7;text-transform: uppercase;margin-top: 2.5rem}
.about-page .top h2 {font-size: 42px;margin-top: 18px;line-height: 1.1;background-image: -webkit-linear-gradient(left,var(--bs-text-primary-color),var(--bs-text-active-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;font-weight: 700}
.about-page .top p {font-size: 2rem;line-height: 1.8;color: #464646;margin: 1rem auto 0;max-width: 965px;font-weight: 500}
.about-page .more {display: inline-block;font-size: 2rem;line-height: 1;color: #000;font-weight: 500;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease}
.about-page .more img {display: inline-block;vertical-align: middle;margin-right: 5px}
.about-page .more:hover {margin-left: 2rem}
.about-page .about-1 {padding: 10rem 0 7rem;background: #f9f9f9}
.about-page .about-1 .box {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.about-page .about-1 .box .left {width: 50%;padding-right: 4rem;display: grid;}
.about-page .about-1 .box .left .imgs {display: inline-block; margin: auto;}
.about-page .about-1 .box .left .imgs video {width: 100%;box-shadow: 3px 4px 8px 4px #6969694a;border-radius: 4px;}
.about-page .about-1 .box .right {width: 50%;background: url(/statics/images/aoteneng/diandian.png) no-repeat right top}
.about-page .about-1 .box .right .top {text-align: left}
.about-page .about-1 .box .right .text {font-size: 18px;line-height: 2;color: #474747;font-weight: 300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;margin: 2.5rem 0 4.5rem}
.about-page .about-1 .box .right .text h1 {display: inline-block;font-weight: 500}
.about-page .about-2 .list {margin-top: 90px}
.about-page .about-2 .list ul {margin: 0 -40px}
.about-page .about-2 .list ul li {padding: 0 40px;width: 25%;vertical-align: middle;position: relative}
.about-page .about-2 .list ul li:not(:last-child):after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d2d2d2;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.about-page .about-2 .list ul li .flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;flex-wrap: wrap;justify-content: center;text-align: center}
.about-page .about-2 .list ul li .flex .content {width: 100%}
.about-page .about-2 .list ul li .flex .content h3 {font-size: 40px;line-height: 1;color: var(--bs-text-primary-color);padding-top: 20px}
.about-page .about-2 .list ul li .flex .content h3 em {font-weight: 700;vertical-align: middle;color: #f9a61c;font-size: 48px}
.about-page .about-2 .list ul li .flex .content h3 small {font-size: 16px;vertical-align: middle;color: #f9a61c}
.about-page .about-2 .list ul li .flex .content p {font-size: 22px;color: var(--bs-text-primary-color-color);font-weight: 600}
.about-page .about-3 {padding: 8rem 0 4rem}
.about-page .about-3 .container {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end}
.about-page .about-3 .container .left {padding-right: 3.3rem;width: 50%}
.about-page .about-3 .container .left h2 {font-size: 48px;font-weight: 600;line-height: 1.2;color: #303030;margin-bottom: 1rem}
.about-page .about-3 .container .left p {font-size: 1.6rem;line-height: 1.8;color: #717171;font-weight: 400;margin-bottom: 3.5rem}
.about-page .about-3 .container .left p:last-child {margin-bottom: 80px;max-height: 500px;overflow: auto;padding-right: 5px}
.about-page .about-3 .container .right {width: 50%;padding-left: 2rem;padding-bottom: 2rem}
.about-page .about-3.rt .container .left {padding-right: 0;padding-left: 3.3rem}
.about-page .about-3.rt .container .right {padding-right: 2rem;padding-left: 0}
.about-page .about-4 {background-color: #f8f8f8}
.about-page .about-4 ul {margin-right: -6rem}
.about-page .about-4 ul li .text {padding-top: 9.2rem;width: 55%;position: relative;z-index: 1}
.about-page .about-4 ul li .text .s1 {font-size: 18px;line-height: 1;display: block;padding-top: 1.7rem;position: relative}
.about-page .about-4 ul li .text .s1:before {content: '';width: 70px;height: 3px;background-color: var(--bs-text-active-color);position: absolute;top: 0;left: 0}
.about-page .about-4 ul li .text h3 {text-transform: uppercase;font-size: 48px;line-height: 1;font-weight: 700}
.about-page .about-4 ul li .text h3 em {color: var(--bs-text-active-color)}
.about-page .about-4 ul li .text .mores {display: block;font-size: 16px;color: #484848;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.about-page .about-4 ul li .text .mores img {display: inline-block;margin-right: .55rem;vertical-align: baseline}
.about-page .about-4 ul li .text .mores:hover {color: var(--bs-text-active-color);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px)}
.about-page .about-4 ul li .text p {font-size: 18px;line-height: 30px;color: #474747;margin-top: 1.65rem;width: 54%}
.about-page .about-4 ul li .text .mores {margin-top: 8rem}
.about-page .about-4 ul li .img {width: 65%;margin-left: -20%;position: relative}
.about-page .about-4 ul li .img>img {width: 50%;position: relative;left: 25px;opacity: .85}
.about-page .about-4 ul li .img .show {position: absolute;top: 11.5rem;right: 0}
.about-page .about-5 {padding: 8rem 0}
.about-page .about-5 .left {width: 25%;padding-right: 2%;margin-top: 5%}
.about-page .about-5 .left h2 {font-size: 4rem;font-weight: 700;color: #333;line-height: 1.2;text-transform: uppercase}
.about-page .about-5 .left .text {font-size: 18PX;line-height: 1.8;color: #474747;margin-top: 2rem}
.about-page .about-5 .right {width: 75%}
.about-page .about-5 ul {margin-right: -1.4rem}
.about-page .about-5 ul .slick-slide {margin-right: 1.4rem;padding: 1rem 0 2rem 1rem}
.about-page .about-5 ul .slick-current li .all {background-color: #33363b}
.about-page .about-5 ul li {-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.about-page .about-5 ul li .all {background-color: var(--bs-text-active-color);padding: 1.2rem 7rem 3rem 0;margin-left: 25px}
.about-page .about-5 ul li .all h3 {font-size: 4.4rem;line-height: 1;color: rgba(172,172,172,.07)}
.about-page .about-5 ul li .all .img {margin-top: 3.35rem;margin: 3.5rem -3rem 0 -1rem}
.about-page .about-5 ul li .text {margin-top: 1.65rem;text-align: center}
.about-page .about-5 ul li .text h3 {font-size: 20px;font-weight: 700;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-transform: uppercase;height: 3em}
.about-page .about-5 ul li .text p {font-size: 16px;line-height: 1.5;color: #737373;margin-top: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical}
.about-page .about-6 .list ul {margin: -15px}
.about-page .about-6 .list ul li {padding: 15px}
.about-page .about-6 .list ul li a {display: block;-o-box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1)}
.about-page .about-4 {padding: 25px 0 80px;margin-top: 30px}
.about-page .about-4 h6 {font-size: 18px;font-weight: 700;text-transform: uppercase}
.about-page .about-4 h6:before,.about-page .about-4 h6:after {content: "";display: inline-block;vertical-align: middle;width: 43px;height: 1px;background-color: var(--bs-text-active-color)}
.about-page .about-4 h6:before {margin-right: 7px}
.about-page .about-4 h6:after {margin-left: 7px}
.about-page .about-4 h2.home-tit {font-size: 4.6rem;line-height: 1.2;font-weight: 700}
.about-page .about-4 h2.home-tit span {color: var(--bs-text-active-color)}
.about-page .about-4 .title {display: inline-block;text-align: left}
.about-page .about-4 .img {margin-top: 80px}
.product-page .product-box {padding: 7.5rem 0}
.product-page .product-box .pro-nav {padding-bottom: 3.2rem;border-bottom: 1px solid #cdcdcd}
.product-page .product-box .pro-nav ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;max-width: 1300px}
.product-page .product-box .pro-nav ul li a {text-align: center;display: block;font-size: 16px;font-weight: 600;line-height: 1.4;color: var(--bs-text-primary-color);-webkit-transition: .3s;-moz-transition: .3s;transition: .3s}
.product-page .product-box .pro-nav ul li a:hover {color: var(--bs-text-active-color)}
.product-page .product-box .pro-nav ul li.active a {color: var(--bs-text-active-color); text-decoration: underline; text-decoration-style: wavy;}
.product-page .product-box .product-list {margin-top: 4rem}
.product-page .product-box .product-list ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.product-page .product-box .product-list ul li {width: 33.3333%;padding: 0 4rem;position: relative;margin-bottom: 3rem}
.product-page .product-box .product-list ul li:hover {z-index: 2}
.product-page .product-box .product-list ul li a {display: block;text-align: center;background: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;padding-bottom: 0}
.product-page .product-box .product-list ul li a:hover {-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);box-shadow: 0 0 2rem 0 rgba(0,0,0,.1)}
.product-page .product-box .product-list ul li a:hover p {color: var(--bs-text-active-color)}
.product-page .product-box .product-list ul li a .pro-img {overflow: hidden}
.product-page .product-box .product-list ul li a .pro-img:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.product-page .product-box .product-list ul li a .pro-img img {width: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.product-page .product-box .product-list ul li a p {font-size: 22px;text-transform: uppercase;line-height: 1.2;font-weight: 600;color: #242424;margin: 0 auto .2rem;max-width: 250px;min-height: 58px}
.product-page .product-box .product-list ul li a h4 {font-size: 16px;line-height: 1;color: #8f8f8f;text-transform: uppercase;display: inline-block;padding-bottom: 3px;margin-bottom: 12px}
.product-page .product-box .product-list ul li a span {font-size: 14px;line-height: 2;color: #5a5a5a;display: inline-block;position: relative;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s}
.product-page .product-box .product-list ul li a span:hover {color: var(--bs-text-active-color)}
.product-page .product-box .product-list ul li a span:hover:after {width: 100%}
.product-page .product-box .product-list ul li a span:after {position: absolute;content: "";width: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: -1px;border-bottom: 1px solid var(--bs-text-active-color);-webkit-transition: .3s;-moz-transition: .3s;transition: .3s}
.prodet-page .prodet-1 {padding: 1rem 0 0}
.prodet-page .prodet-1 .big-box {margin: 0 auto;max-width: 50%}
.prodet-page .prodet-1 .big-box .swiper-container {padding: 3rem 0 0;overflow: inherit}
.prodet-page .prodet-1 .big-box.one .swiper-slide {text-align: center}
.prodet-page .prodet-1 .big-box.one .swiper-slide a {display: inline-block;background: #fff}
.prodet-page .prodet-1 .big-box.two {max-width: 1180px}
.prodet-page .prodet-1 .big-box.two .swiper-wrapper {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center}
.prodet-page .prodet-1 .big-box.two .swiper-wrapper .swiper-slide {width: 48%}
.prodet-page .prodet-1 .big-box.two .swiper-wrapper .swiper-slide a {display: block;-webkit-transform: scale(.95);-moz-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95)}
.prodet-page .prodet-1 .big-box.two .swiper-wrapper .swiper-slide:nth-child(1) {width: 52%;z-index: 2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.prodet-page .prodet-1 .big-box.two .swiper-wrapper .swiper-slide:nth-child(1) a {background: #fff;-webkit-box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.1);box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.1);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.prodet-page .prodet-1 .big-box.swiper-active {max-width: 100%}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-container {overflow: hidden}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-slide {-webkit-transform: scale(.85);-moz-transform: scale(.85);-ms-transform: scale(.85);transform: scale(.85);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-slide a {display: block;background: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-slide a img {width: 100%}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-slide-active {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index: 5}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-slide-active a {-webkit-box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.1);box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.1)}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-pagination {position: relative}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-pagination span {width: 12px;height: 12px;opacity: 1;background: #ccc;margin: 0 7px}
.prodet-page .prodet-1 .big-box.swiper-active .swiper-pagination .swiper-pagination-bullet-active {background: var(--bs-bg-color)}
.prodet-page .prodet-1 .big-box .content {text-align: center}
.prodet-page .prodet-1 .big-box .content h4 {font-size: 42px;line-height: 1.5;color: #242424;font-weight: 700;margin-bottom: 1rem;position: relative;text-transform: uppercase}
.prodet-page .prodet-1 .big-box.content h4:after {position: absolute;content: "";width: 15.7rem;height: 2px;background: var(--bs-bg-color);left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0}
.prodet-page .prodet-1 .big-box .content h3 {font-size: 26px;font-weight: 600;line-height: 1;color: var(--bs-text-active-color);text-transform: uppercase}
.prodet-page .prodet-1 .big-box .content .dow {display: inline-block;margin-top: 2rem;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer}
.prodet-page .prodet-1 .big-box .content .dow:hover {-webkit-transform: translateY(1.5rem);-moz-transform: translateY(1.5rem);-ms-transform: translateY(1.5rem);transform: translateY(1.5rem)}
.prodet-page .prodet-2 {padding: 7rem 0 2.5rem;background: #f9f9f9;margin-top: -6.5rem}
.prodet-page .prodet-2 ul {}
.prodet-page .prodet-2 ul li {position: relative; padding-left: 28px; line-height: 2.2; }
.prodet-page .prodet-2 ul li:before {content: "\f2f6"; font-family: "Font Awesome 6 Free";font-weight: 900;color: #2196F3;font-size: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.prodet-page .prodet-2 ul li span {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 55px}
.prodet-page .prodet-2 .container {max-width: 1235px}
.prodet-page .prodet-2 ul li p {font-size: 16px;color: #797a7a;}
.prodet-page .prodet-2 .content {font-size: 18px;font-weight: 400;color: #282828;line-height: 2}
/* .prodet-page .prodet-2 .content table {border: none}
.prodet-page .prodet-2 .content table tr td {border: none;padding: 8px 10px;line-height: 2}
.prodet-page .prodet-2 .content table tr td img {display: inline-block;margin-bottom: 10px}
.prodet-page .prodet-2 .content table tr:nth-child(even) {background: 0 0} */
.prodet-page .prodet-3 {padding: 5.5rem 0 1.5rem}
.prodet-page .prodet-3 .content {font-size: 17px}
.prodet-page .prodet-3 .content table {border: none;float: none !important;max-width: 90%;display: block;margin: 0 auto}
.prodet-page .prodet-3 .content table tr {border-bottom: 1px solid #b7b7b7}
.prodet-page .prodet-3 .content table tr td {padding: 15px 10px}
.prodet-page .prodet-3 .content table tr td strong {font-weight: 500}
.prodet-page .prodet-4.contact-3 {background: #fff}
.prodet-page .prodet-5 {padding: 65px 0 6rem;background: #f9f9f9}
.prodet-page .prodet-5 .title {text-align: left}
.prodet-page .prodet-5 .title span {height: 2px;margin: 2rem 0 0}
.prodet-page .prodet-5 .productBox {margin-top: 3rem}
.prodet-page .prodet-5 .productBox .swiper-slide a {display: block;text-align: center;font-size: 18px;line-height: 2}
.prodet-page .prodet-5 .productBox .swiper-slide a:hover .pro-img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.prodet-page .prodet-5 .productBox .swiper-slide a:hover p {color: var(--bs-text-active-color)}
.prodet-page .prodet-5 .productBox .swiper-slide a .pro-img {overflow: hidden}
.prodet-page .prodet-5 .productBox .swiper-slide a .pro-img img {width: 100%}
.prodet-page .prodet-5 .productBox .swiper-slide a p {font-size: 16px;line-height: 1.5;color: #262626;padding: 0 10px}
.prodet-page .prodet-2 table {width: 100%;border-collapse: collapse;font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);border-radius: 8px;overflow: hidden;}
.prodet-page .prodet-2 table thead {background: linear-gradient(135deg, #a300b7 0%, #e372ff 100%);color: white;}
.prodet-page .prodet-2 table th {padding: 8px 20px;font-weight: 600;font-size: 15px;text-align: left;text-transform: uppercase;letter-spacing: 0.5px;border-bottom: none;}
.prodet-page .prodet-2 table td {padding: 6px 20px;border-bottom: 1px solid #f0f4f8;color: #34495e;font-size: 15px;}
.prodet-page .prodet-2 table tbody tr {transition: all 0.25s ease;}
.prodet-page .prodet-2 table tbody tr:hover {background-color: #f8fafc;transform: translateY(-1px);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);}
.prodet-page .prodet-2 table tr:last-child td {border-bottom: none;}
.prodet-page .prodet-2 tbody tr:nth-child(even) {  background-color: #e20fff12;}
@media (max-width: 768px) {.prodet-page .prodet-2 table {font-size: 14px;} .prodet-page .prodet-2 table th,.prodet-page .prodet-2 table td {padding: 12px 15px;}}
.news-page .init-1 {margin-top: 100px}
.news-page .init-1 .grid-box .column {margin-bottom: 10px;padding: 0 30px}
.news-page .init-1 .grid-box .column .img-box .text {position: relative;z-index: 7;background: #fff;padding: 30px 0}
.news-page .init-1 .grid-box .column .img-box .text h2 {font-size: 22px;font-weight: 700;line-height: 1.2;color: var(--bs-text-primary-color);height: 35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.news-page .init-1 .grid-box .column .img-box .text p {padding: 10px 0;font-size: 17px;line-height: 1.5;color: #3e3e3e;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-page .init-1 .grid-box .column .img-box .text time {padding: 10px 0;font-size: 13px;line-height: 1.5;color: var(--bs-text-primary-color)}
.newdet-page .news-content {padding-top: 50px}
.newdet-page .news-content h3.title {font-size: 30px;line-height: 1.8;font-weight: 600}
.newdet-page .news-content a.img-box {display: block;height: 400px}
.newdet-page .news-content a.img-box img {width: 100%}
.newdet-page .news-content time {width: 65px;height: 65px;margin-top: -35px;background: var(--bs-bg-color) none repeat scroll 0 0;color: #fff;line-height: 23px;text-align: center;border-radius: 5px;display: block;font-weight: 500;font-size: 20px;padding: 8px 0;left: 15px;position: relative;z-index: 1}
.newdet-page .news-content .tag {font-size: 14px;color: #828893}
.newdet-page .news-content .tag em {color: #000}
.newdet-page .news-content .tag h6,.newdet-page .news-content .tag div {display: inline-block;vertical-align: middle}
.newdet-page .news-content .tag div {margin-left: 15px}
.newdet-page .news-content .tag div i {color: var(--bs-text-active-color);margin-right: 5px}
.newdet-page .news-content .content {padding: 15px 0;margin: 10px 0;border-top: 1px #eee dashed;border-bottom: 1px #eee dashed;text-align: left}
.newdet-page .news-content .content p,.newdet-page .news-content .content div {line-height: 2 !important;font-size: 18px !important;font-family: inherit !important}
.newdet-page .news-content .share {text-align: left}
.newdet-page .news-content .share h4 {display: inline-block;vertical-align: middle;color: #333;font-size: 14px}
.newdet-page .news-content .share ul {display: inline-block}
.newdet-page .news-content .share ul li {width: auto;padding: 5px}
.newdet-page .news-content .share ul li a {display: block;padding: 0 15px;line-height: 32px;height: 32px;border-radius: 5px;background: #edeff2;font-size: 14px;color: #666;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.newdet-page .news-content .share ul li a:hover {color: #fff;background: var(--bs-bg-color)}
.newdet-page .news-content .m-link {padding-top: 15px;text-align: left;margin-top: 15px;border-top: 1px #eee dashed;line-height: 2;padding-bottom: 20px}
.newdet-page .news-content .m-link a {font-size: 16px;color: #666;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.newdet-page .news-content .m-link a:hover {color: var(--bs-text-active-color);text-decoration: underline}
.serdet-page .mml-image img{border-radius: 6px;}
.serdet-page .mml-row {align-items: self-start;}
#resources_nav:after {content: "";display: block;height: 1px;background-color: #e0e0e0;margin-top: 20px}
#resources_nav li {display: inline-block;margin-right: 5px}
#resources_nav li a {display: block;width: 185px;height: 50px;text-align: center;line-height: 50px;font-size: 24px;font-weight: 600;border-radius: 25px 0;background-color: #123485;color: #fff}
#resources_nav li:nth-child(2) a {background-color: #40b5b1}
#resources_nav li:nth-child(3) a {background-color: #b0c957}
#resources_nav li:nth-child(4) a {background-color: #b5b5b5}
.resources_sidebar {margin: 0 -30px}
.resources_sidebar .resources_left {width: 70%;padding: 0 30px}
.resources_sidebar .resources_right {width: 30%;padding: 0 30px}
h2.resources {font-weight: 600}
h2.resources:after {content: "";display: block;width: 70px;height: 2px;background-color: #13237f;margin-top: 10px}
.resources_more {font-size: 15px;line-height: 26px;font-weight: 500}
.video_content h3 {font-weight: 500}
.resources-page .resources_2 {background-color: #fafafa}
.product_catalogue .img {width: 25%;vertical-align: middle}
.product_catalogue .mml-text {width: 75%;vertical-align: middle}
.product_catalogue .mml-text p {min-height: 75px}
.product_catalogue .mml-text .line {height: 1px;background: #e4e4e4}
.product_catalogue .mml-text .date time {font-weight: 500}
.product_catalogue .mml-text .date .download {font-size: 15px;font-weight: 500;line-height: 34px}
.pdf_box ul {margin: -15px}
.pdf_box ul li {padding: 15px}
.pdf_box .mml-text {padding: 20px;background-color: #f8f8f8;border-radius: 10px;border: 1px solid #e5e5e5}
.pdf_box .mml-text .title {padding-left: 55px;background: url(/statics/images/aoteneng/pdf-icon.png) no-repeat left top;min-height: 110px}
.pdf_box .mml-text .line {height: 1px;background-color: #e5e5e5}
.pdf_box .mml-text .date time {font-weight: 500}
.pdf_box .mml-text .date .download {font-size: 15px;font-weight: 500;line-height: 34px}
.catalogue-page .catalogue_list li {padding: 50px 0}
.catalogue-page .product_catalogue .img {width: 40%}
.catalogue-page .product_catalogue .mml-text {width: 60%}
#Product_Categories li {border-bottom: 1px solid #eee;padding: 15px 0;font-weight: 500}
#Product_Categories li a {display: block;padding-left: 20px;position: relative}
#Product_Categories li a:before {content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 5px;background-color: #9a9a9a;border-radius: 50%}
#Latest_News h4 {font-weight: 500}
#Latest_News a.view_more {font-size: 15px;line-height: 26px;font-weight: 500}
.faq-page {padding: 12rem 0}
.faq-page ul li {margin-bottom: 20px;padding: 15px;border: 1px solid #eee;background: #f8f8f8}
.faq-page ul li h4 {font-size: 20px;line-height: 2;font-weight: 700;margin-bottom: 10px}
.faq-page ul li .content {padding-top: 10px;border-top: 1px solid #eee;font-size: 16px;line-height: 1.6}
.faq-page ul li:last-child {margin-bottom: 0}
.inner-sidebar {width: 100%;margin-top: -56px}
.inner-sidebar .container {width: 1230px}
.inner-sidebar .side-top li {float: left}
.inner-sidebar .side-top li a {display: block;height: 56px;width: 100%;background-color: #838383;font-size: 18px;text-align: center;padding: 15px;color: #fff}
.inner-sidebar .side-top li a:hover,.inner-sidebar .side-top li a.active {background: var(--bs-bg-color)}
.technology-page .part1 {padding: 70px 0 0;background: #f5f7f9}
.technology-page .part1 .grid-box {padding-bottom: 50px}
.technology-page .part1 .grid-box .column:nth-child(1) {padding: 5% 4% 0 0}
.technology-page .part1 .grid-box .column h2 {font-size: 48px;color: #000;font-weight: 600;margin-bottom: 10px}
.technology-page .part1 .grid-box .column p {font-size: 18px;color: #474747;line-height: 1.5}
.technology-page .part1 .part1-content {padding: 85px 0 100px;background: #fff}
.technology-page .part1 .part1-content .service-list ul li {color: #fff;padding: 0 2px}
.technology-page .part1 .part1-content .service-list ul li .img-bg {background: var(--bs-text-primary-color);padding: 40px 30px 50px;position: relative;height: 275PX}
.technology-page .part1 .part1-content .service-list ul li .img-bg .img {position: absolute;right: 30px;top: 50px}
.technology-page .part1 .part1-content .service-list ul li .img-bg .i-num {position: absolute;left: 25px;top: 48px;z-index: 2;font-size: 30px;color: #fff;font-size: 62px;line-height: 55px;font-weight: 700}
.technology-page .part1 .part1-content .service-list ul li .img-bg h2 {font-size: 36px}
.technology-page .part1 .part1-content .service-list ul li .img-bg p {line-height: 1.5;margin-top: -7px;font-size: 18PX}
.technology-page .i-process {background: #f5f7f9;padding: 90px 0}
.technology-page .i-process h2.h2 {text-transform: uppercase}
.technology-page .i-process ul li {margin-bottom: 2px}
.technology-page .i-process ul li .column {padding: 12px;background: #fff;font-size: 18px}
.technology-page .i-process ul li .column:nth-child(1) {width: 5%;background: var(--bs-bg-color);color: #fff;text-align: center}
.technology-page .i-process ul li .column:nth-child(2) {width: 30%;border-right: 2px solid #f5f7f9}
.technology-page .i-process ul li .column:nth-child(3) {width: 65%;font-size: 16px;font-weight: lighter}
.technology-page .i-video {padding: 90px 0;text-align: center}
.technology-page .i-video-list {margin-top: 50px}
.technology-page .i-video-list ul {margin: -20px}
.technology-page .i-video-list ul li {padding: 20px}
.technology-page .i-video-list ul a {position: relative}
.technology-page .i-video-list ul p {position: relative;text-align: center;left: 0;width: 100%;padding: 10px 25px;font-size: 22px;color: #000;z-index: 2;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s}
.technology-page .i-video-list ul a:after {content: '';width: 100%;height: 100%;position: absolute;top: -20px;left: 0;background: url(/statics/images/aoteneng/icon-play.png) center center no-repeat rgba(0,0,0,.6);-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;opacity: 1}
.technology-page .i-online {padding: 118px 0 90px;text-align: center;background: #f5f7f9}
.technology-page .i-online p.p {font-size: 16px}
.technology-page .i-online ul {margin-top: 100px}
.technology-page .i-online ul li {float: left;width: 33.3%;padding-left: 60px;text-align: left;background: url(/statics/images/aoteneng/phone.png) no-repeat left center}
.technology-page .i-online ul li h3 {font-size: 20px;font-weight: 700}
.technology-page .i-online ul li p {font-size: 12px}
.technology-page .i-online ul li:nth-child(2) {background: url(/statics/images/aoteneng/m-phone.png) no-repeat left center}
.technology-page .i-online ul li:nth-child(3) {background: url(/statics/images/aoteneng/mail.png) no-repeat left center}
.technology-page .i-faq {padding: 100px 0;background-color: #f5f7f9}
.technology-page .i-faq h2.h2,.technology-page .i-faq p.p {text-align: center}
.technology-page .i-faq .faq-list {padding: 40px 150px 0}
.technology-page .i-faq .faq-list dt {padding: 9px 30px;background-color: #fff;font-size: 18px;font-weight: 500;cursor: pointer;color: #474747;margin-bottom: 12px;transition: .5s ease;line-height: 1.5}
.technology-page .i-faq .faq-list dt:hover,.technology-page .i-faq .faq-list dt.active {background: var(--bs-bg-color);color: #fff}
.technology-page .i-faq .faq-list dd {font-size: 14px;line-height: 2;color: #757575;padding: 15px 30px;margin-bottom: 12px;display: none}
.p05 h2 {font-size: 42px;font-weight: 700;line-height: 1;color: #fff}
.p05 div,.p05 p {font: inherit}
.white {color: #fff}
.slick-dots button {display: none}
.slick-dots>li {margin: 0 5px;width: 8px;height: 8px;background-color: #4ca3db;border-radius: 50%;cursor: pointer;-webkit-transition: all .24s;-o-transition: all .24s;transition: all .24s}
.slick-dots>li.slick-active {background-color: var(--bs-text-active-color)}
.p05 {font-size: 18px}
.p05 h2 {margin-bottom: 40px}
.p05 .samples,.p05 .consultation {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 120px auto}
.p05 .samples .mml-text,.p05 .consultation .mml-text {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 56px;max-width: 535px;color: #474747}
.p05 .samples .mml-image,.p05 .consultation .mml-image {width: 55%;margin: auto}
.p05 .samples h2,.p05 .consultation h2 {color: #000;text-align: initial;line-height: 1.2}
.p05 .samples p,.p05 .samples ul,.p05 .consultation p,.p05 .consultation ul {margin-top: 15px}
.p05 .samples li,.p05 .consultation li {margin: 5px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-size: 18px}
.p05 .samples .green,.p05 .consultation .green {margin-right: 5px;color: var(--bs-text-active-color)}
.p05 .consultation {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse}
.p05 .stable {padding: 120px 0;background-color: #19181d;}
.p05 .stable p {margin: 0 auto 15px;max-width: 900px;color: gray}
.p05 .slicker-stable {max-width: 1200px;margin: 60px auto 0}
.p05 .slicker-stable .slick-slide {position: relative;margin: 0 20px}
.p05 .slicker-stable .slick-slide:before {content: '\20';position: absolute;left: 0;top: 0;bottom: 0;right: 0;-webkit-transition: all .24s;-o-transition: all .24s;transition: all .24s}
.p05 .slicker-stable .slick-slide.slick-current:before {opacity: 0}
.p05 .slick-dots {margin-top: 40px;width: 100%}
.p05 .slick-dots>li {display: inline-block;background-color: #f5f5f5}
.p05 .slick-dots>li.slick-active {background-color: var(--bs-text-active-color)}
.p05 .support {overflow: hidden;color: #fff}
.p05 .support .mml-row {margin: 50px auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: start;-ms-flex-align: self-start;align-items: self-start}
.p05 .support .mml-row:nth-child(even) {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row}
.p05 .support .mml-image {width: 44%}
.p05 .support .mml-text {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 20px 0;max-width: 700px;color: #000;text-align: initial}
.p05 .support a.more {display: inline-block;line-height: 36px;height: 36px;padding: 0 25px;color: #fff;font-size: 16px;background: #1166a7;margin-top: 25px;transition: .5s}
.p05 .support a.more:hover {background: #000}
.p05 .support .sup-title {display: block;margin-top: 70px;color: #111;line-height: 1.1}
.p05 .support h3 {margin-bottom: 30px;font-size: 30px;font-weight: 600}
.p05 .support p {margin-top: 15px}
@media (max-width: 1200px) {.p05 .slicker-stable {-webkit-transform:none;-ms-transform: none;transform: none}
.p05 .slick-dots {max-width: unset;width: unset}}
@media (max-width: 980px) {.p05 .consultation,.p05 .samples {display:block} 
.p05 .consultation .mml-image,.p05 .samples .mml-image {width: unset}
.p05 .consultation .mml-text,.p05 .samples .mml-text {margin: auto}}
@media (max-width: 780px) {.p05 .support .mml-row {display:block;margin: 40px auto}
.p05 .support .mml-image {width: unset;max-width: unset}
.p05 .support .mml-text {margin: auto}
.p05 .support .sup-title {text-align: center}}
@media (max-width: 600px) {.p05 h2 {margin-bottom:20px}
.p05 .consultation,.p05 .samples {margin: 40px 0}
.p05 .stable {padding: 40px 0}
.p05 .slicker-stable,.p05 .slick-dots {margin-top: 20px}}
.mml-row {max-width: 1450px;width: 100%;margin: 0 auto;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box}
.contact-page {padding: 70px 0;position: relative}
.contact-page:after,.contact-page:before {content: '';width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;background-repeat: no-repeat}
.contact-page:after {background-image: url("/statics/images/aoteneng/contact-pine-bg-1.jpg");background-position: left top 36%}
.contact-page:before {background-image: url("/statics/images/aoteneng/contact-pine-bg-2.jpg");background-position: right top}
.contact-page .contact-1 {margin-bottom: 70px}
.contact-page .contact-1 h3 {font-size: 36px;font-weight: 700;line-height: 1;color: var(--bs-text-primary-color)}
.contact-page .contact-1 .left {padding-right: 2%}
.contact-page .contact-1 .right {padding-left: 2%}
.contact-page .contact-1 .text {margin-top: 30px;font-size: 18px;line-height: 1.8;font-weight: 300;color: #474747}
.contact-page .contact-1 .text .info {margin-top: 30px;font-size: 30px;line-height: 1.8;font-weight: 300}
.contact-page .contact-1 .text i.fa {width: 20px;text-align: center}
.contact-page .contact-1 .text strong {font-weight: 700;color: #000;font-size: 120%}
.contact-page .contact-1 .text span {width: 40%;display: inline-block}
.contact-page .contact-1 .button-group .button {background-color: var(--bs-text-active-color) !important}
.contact-page .contact-1 .amap-copyright,.contact-page .contact-1 .amap-logo {display: none !important}
.contact-page .contact-1 #mapContainer {height: 486px !important}
.contact-page .contact-1 .box2.p50 {padding: 26px;background-color: #f9f9f9}
.contact-page .contact-1 .box2.p50 .form {margin-top: 30px}
.contact-page .contact-2 h3 {font-size: 32px;font-weight: 700}
.contact-page .contact-2 .list {margin-top: 30px}
.contact-page .contact-2 .list ul {margin: -10px}
.contact-page .contact-2 .list ul li {padding: 10px}
.gallery-page {padding: 100px 0 35px}
.gallery-page .list ul {margin: -20px -15px}
.gallery-page .list ul li {padding: 20px 15px}
.gallery-page .list ul li video {width: 100%}
.gallery-page .list ul li a.img-box {display: block;max-height: 280px;border: 1px solid #eee}
.gallery-page .list ul li a.img-box img {display: block;width: 100%}
.gallery-page .list ul li span {display: block;margin: 30px 0 20px;font-size: 16px;color: #999;font-weight: 300}
.gallery-page .list ul li h3 {font-size: 18px;color: #474747;font-weight: 500;line-height: 1.2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;min-height: 35px}
.gallery-page .list ul li h3:hover {color: var(--bs-text-active-color)}
.gallery-page .list ul li .text {font-weight: 300;font-size: 16px;line-height: 1.8;margin: 20px 0}
.gallery-page .list ul li a.more {display: inline-block;line-height: 40px;height: 40px;padding: 0 20px;background-color: #222;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;color: #f5f5f5;font-weight: 300;font-size: 16px}
.gallery-page .list ul li a.more:hover {background-color: var(--bs-text-active-color)}
.inner-page .concept-text {padding: 8.5rem 0;background: #f9f9f9;text-align: center}
.inner-page .concept-text p {font-size: 24px;line-height: 1.6;color: #484848;max-width: 665px;margin: 0 auto}
.prodet-page p {font-weight: 300;color: #474747;line-height: 2}
.prodet-page .content>p {padding:10px 0;}
.prodet-page .title {text-align: center}
.prodetv-page .title img {margin-bottom: 35px}
.prodet-page .title h2 {font-size: 36px;font-weight: 600;line-height: 1.2;color: #282828;text-transform: capitalize;margin: 30px 0}
.prodet-page .title tot {font-size: 40px;line-height: 1;color: #202020;text-transform: capitalize;text-align: center!important}
.prodet-page .title tet {font-size: 20px;line-height: 1.5!important;color: #2e2e2e;font-weight: 300}
.prodet-page .title span {display: inline-block;width: 10.5rem;height: 3px;background: var(--bs-bg-color);margin: 3.8rem 0 3rem}
.prodet-page .title p {font-size: 18px;line-height: 2;color: #3e3e3e;margin: 0 auto;max-width: 1220px}
.prodet-page .concept-text {padding: 8.5rem 0;background: #f9f9f9;text-align: center}
.prodet-page .concept-text p {font-size: 24px;line-height: 1.6;color: #2d2d2d;max-width: 665px;margin: 0 auto} 
.i-page h2 {text-align: center}
.technology-page h1.kongya {font-size: 28px;font-weight: 700;margin-bottom: 20px;text-transform: capitalize}
.technology-page h2 {font-size: 18px;margin-bottom: 10px}
.technology-page p.p {font-size: 18px;color: #545454;line-height: 2}
.inner-page .init-product .init-2 .grid-box .column .img-box .text {padding: 15px;text-align: center;background: #f3f3f3;z-index: 3;position: relative;line-height: 2}
.inner-page .init-public {background: var(--bs-bg-color)}
.inner-page .init-public .column .content {padding: 13% 15% 0 5%;color: #fff}
.inner-page .init-public .column .content h3 {font-size: 18px;line-height: 2}
.inner-page .init-public .column .content h2 {font-size: 36px;font-weight: 700;margin: 10px 0 40px;line-height: 2}
.inner-page .init-public .column .content a.contact {display: block;width: 228px;height: 60px;line-height: 60px;text-transform: uppercase;letter-spacing: 3px;font-size: 18px;background: #fff;transition: all .5s ease;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;color: var(--bs-text-active-color);text-align: center}
.inner-page .init-public .column .content a.contact:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.4);background: rgba(0,0,0,0);color: #fff;transition: all .5s ease;border: 2px solid #fff;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);-o-box-shadow: 0 0 10px 0 rgba(0,0,0,.4)}
.inner-page .init-certification-public {background: linear-gradient(to right,#19181d 50%,#1a191e 50%);padding: 80px 0}
.inner-page .init-certification-public h2,.inner-page .init-certification-public p {color: #fff;line-height: 2}
.inner-page .init-certification-public .column:nth-child(1) {padding-left: 15%;padding-right: 6%}
.inner-page .init-certification-public .column:nth-child(2) {padding-left: 3%;padding-right: 3%}
.inner-page .init-certification-public .column:nth-child(2) .honor-list {position: relative;max-width: 670px}
.inner-page .init-certification-public .column:nth-child(2) .honor-list .slick-arrow {position: absolute;cursor: pointer;width: 57px;height: 59px;background: url(/statics/images/aoteneng/inner-l.png) no-repeat center;left: -80%;bottom: -12%;z-index: 8;color: rgba(255,255,255,0);border: none}
.inner-page .init-certification-public .column:nth-child(2) .honor-list .slick-next {background: url(/statics/images/aoteneng/inner-r.png) no-repeat center;left: calc(-80% + 70px)}
.inner-page .init-certification-public .column:nth-child(2) .honor-list ul li {padding: 0 10px}
.inner-page .init-honor {padding: 90px 0;text-align: center}
.inner-page .init-honor .factory-list {margin-top: 60px;padding: 0 6%}
.inner-page .init-honor .factory-list .slick-arrow {position: absolute;cursor: pointer;width: 57px;height: 59px;background: url(/statics/images/aoteneng/h-l.jpg) no-repeat center;left: -100px;top: 28%;z-index: 8;color: rgba(255,255,255,0);border: none}
.inner-page .init-honor .factory-list .slick-next {background: url(/statics/images/aoteneng/h-r.jpg) no-repeat center;left: auto;right: -100px}
.inner-page .init-honor .factory-list ul li {padding: 0 10px}
.inner-page .init-honor .factory-list ul li .img-box .text {padding: 30px 0}
.inner-page .init-honor .factory-list ul li .img-box .text h2 {font-size: 18px}
.inner-page .m-page {margin-top: 60px;padding-bottom: 20px;text-align: center}
.inner-page .m-page a,.inner-page .m-page span {display: inline-block;margin: 0 6px;width: 36px;height: 36px;border: 1px solid var(--bs-text-active-color);color: #333;font-size: 16px;line-height: 36px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.inner-page .m-page a:hover,.inner-page .m-page span {background: var(--bs-bg-color);color: #f5f5f5}
.inner-page .form ul {margin: -15px}
.inner-page .form ul li {padding: 15px}
.inner-page .form ul li input,.inner-page .form ul li textarea {width: 100%;line-height: 24px;padding: 10px 15px;font-size: 16px;border: 1px solid #f3f3f3;font-weight: 300;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.inner-page .form ul li input:focus,.inner-page .form ul li textarea:focus {border-color: var(--bs-text-active-color)}
.inner-page .form ul li textarea {height: 140px}
.inner-page .form ul li input[type=submit] {width: auto;display: inline-block;padding-left: 50px;padding-right: 50px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;background-color: var(--bs-bg-color);color: #fff}
.inner-page .form ul li input[type=submit]:hover {background-color: var(--bs-text-active-color)}
.inner-page .form ul li.wid-100 {width: 100%}
.inner-page span.tag {font-size: 28px;font-weight: 600;color: #d1d1d1;display: block;margin-bottom: -6px}
.inner-page h1.title,.inner-page h1.h1 {font-size: 48px;font-weight: 700;line-height: 1.2;color: #000}
.button-group .button {border-radius: 0!important}
h2.home-tit {font-size: 3.6rem;line-height: 1}
h2.home-tit span {color: var(--bs-text-active-color)}
.culture-page h6 {font-size: 18px;text-transform: uppercase}
.culture-page h6:before,.culture-page h6:after {content: "";display: inline-block;vertical-align: middle;width: 43px;height: 1px;background-color: var(--bs-text-active-color)}
.culture-page h6:before {margin-right: 7px}
.culture-page h6:after {margin-left: 7px}
.culture-page .about-1 {padding: 90px 0}
.culture-page .about-1 .title {margin-left: auto}
.culture-page .about-1 h6:after {display: none}
.culture-page .about-1 h2 {font-size: 48px;line-height: .8;margin-top: 20px}
.culture-page .about-1 h2 span {color: var(--bs-text-active-color)}
.culture-page .about-1 .box {margin-top: 25px}
.culture-page .about-1 .img {position: relative}
.culture-page .about-1 .text {color: #858585;margin-top: 60px;line-height: 30px}
.culture-page .about-1 .text p:not(:last-child) {margin-bottom: 8px;color: #474747}
.culture-page .about-1 .list {margin-top: 90px}
.culture-page .about-1 .list ul {margin: 0 -40px}
.culture-page .about-1 .list ul li {padding: 0 40px;width: 25%;vertical-align: middle;position: relative}
.culture-page .about-1 .list ul li:not(:last-child):after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d2d2d2;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.culture-page .about-1 .list ul li .flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center}
.culture-page .about-1 .list ul li .flex .content {margin-left: 20px}
.culture-page .about-1 .list ul li .flex .content h3 {font-size: 40px;line-height: 1;color: var(--bs-text-active-color)}
.culture-page .about-1 .list ul li .flex .content h3 em {vertical-align: middle}
.culture-page .about-1 .list ul li .flex .content h3 small {font-size: 16px;vertical-align: middle}
.culture-page .about-1 .list ul li .flex .content p {font-size: 16px;color: #545252}
@media (max-width: 1000px) {.inner-banner {height:auto;padding-bottom: 60px;padding-top: 80px}
.inner-banner .mbx {font-size: 15px;line-height: 2}
.newdet-page .news-content h3.title {font-size: 24px;line-height: 1.8;font-weight: 600}
.newdet-page .news-content .m-link a {font-size: 15px;color: #666}
.product-page .product-box .pro-nav {display: none}
.product-page .product-box .product-list ul li {width: 100%}
.product-page .product-box .product-list {margin-top: 0}
.product-page .product-box .product-list ul li a p {font-size: 18px}
.inner-page .concept-text p {font-size: 16px}
.prodet-page .prodet-1 .big-box .content h4 {font-size: 26px;margin: 20px 0}
.prodet-page .prodet-1 .big-box .content .dow {display: none}
.prodet-page .prodet-3 .content table {white-space: nowrap}
.prodet-page .prodet-3 .content {font-size: 14px}
.prodet-page .title h2 {font-size: 24px}
.prodet-page .prodet-2 {margin-top: 3rem}
.inner-banner h3 {font-size: 20px}
.p05 .samples .mml-text,.p05 .consultation .mml-text {padding: 15px 0}
.p05 h2 {font-size: 24px}
.p05 .stable {padding: 40px 15px}
.prodet-page .prodet-1 .big-box {max-width: 100%}
.prodet-page .prodet-1 .big-box .content h1 {font-size: 26px;line-height: 2;padding-top: 14px;padding-bottom: 10px}
.prodet-page .prodet-1 .big-box .content h3 {font-size: 16px}
.prodet-page .prodet-1 .big-box .content h4 {font-size: 20px;margin: 5px 0}
.culture-page .about-1 {padding: 50px 0}
.culture-page .about-1 h2 {font-size: 24px}
.technology-page .part1 .part1-content .service-list ul li .img-bg {height: auto}
.technology-page .part1 .part1-content .service-list ul li .img-bg h2,.inner-page h2.title,.inner-page h2.h2 {font-size: 24px}
.technology-page .i-faq .faq-list {padding: 30px 0}
.technology-page .i-faq .faq-list dt {padding: 8px;font-size: 14px}
.technology-page .i-faq .faq-list dd {padding: 10px}
.technology-page .i-faq {padding: 50px 0}
.about-page .about-1 .box .left {width: 100%;padding-right: 0}
.about-page .about-1 .box .right {width: 100%}
.about-page .about-1 .box {display: block}
.about-page .top h2 {font-size: 24px}
.about-page .top h3 {font-size: 18px}
.about-page .about-2 .list ul {margin: -15px}
.about-page .about-2 .list ul li {width: 50%;padding: 15px}
.about-page .about-2 .list ul li .flex .content h3,.about-page .about-3 .container .left h2 {font-size: 24px;line-height: 1.6}
.about-page .about-2 .list ul li .flex .content h3 em {font-size: 24px}
.about-page .about-2 .list ul li .flex .content p {font-size: 16px}
.about-page .about-3 .container .left {width: 100%;padding-right: 0}
.about-page .about-3 .container .right {width: 100%;padding-left: 0}
.about-page .about-3 .container .left p:last-child {margin-bottom: 30px}
.about-page .about-4 ul li .text {width: 100%;padding-top: 3rem}
.about-page .about-4 ul li .img {width: 100%;padding-left: 0;margin-left: 0;margin-top: 30px}
.about-page .about-4 ul li .text p {width: 100%}
.about-page .about-4 ul li .text h3 {font-size: 30px;line-height: 1.6}
.about-page .about-4 ul {margin-right: 0}
.about-page .about-4 ul li .text .mores {margin-top: 3rem}
.about-page .about-5 .left {width: 100%;padding-right: 0}
.about-page .about-5 .right {width: 100%;padding-left: 0;margin-top: 20px}
.about-page .about-4 .img {margin-top: 20px}}
.singleproduct .content a {font-size: 26px;color: var(--bs-text-active-color);font-weight: 700;line-height: 40px}
.singleproduct .content h4 {font-size: 16px;text-align: center;line-height: 36px}
.producttitle a {font-size: 16px;line-height: 30px}
.producttitle p {font-weight: 300;color: #474747;font-size: 14px;text-align: center;line-height: 2}
.newstitle {font-size: 20px;font-weight: 700;line-height: 34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.newstext {font-size: 16px;padding-top: 20px}
.newscontent .swiper-container .swiper-wrapper .swiper-slide {width: 300px;margin-right: 30px}
.knowledge {background: #f9f9f9}
.knowledgetil {font-size: 36px;font-weight: 600;line-height: 1.2;color: #282828;text-transform: capitalize;text-align: center}
.prodet-page .prodet-5 .newscontent .swiper-slide a {display: block;text-align: left}
.grid-box .right .fadeInUp p {line-height: 2;font-size: 20px}
#index-body .init-5 .left .fadeInUp p {font-size: 18px;line-height: 2}
.knowledgetext {font-size: 18px;line-height: 2;padding-top: 30px}
.factoryknowledge {font-size: 20px;line-height: 2;padding-bottom: 10px}
.factoryknowledge h1 {display: inline;font:inherit;}
.product-page .product-box .product-list h1 {font-size: 32px;line-height: 2;font-weight: 700;padding-left: 40px;padding-bottom: 30px;color: var(--bs-text-primary-color)}
.aotenengfoot {padding-left: 80px}
.prodet-page .prodet-1 .big-box .content h1 {font-size: 34px;line-height: 2;padding-top: 14px}
#index-body .init-7 .box .left .list ul li a,#index-body .init-7 .box .left .list ul li span {font-size: 18px;line-height: 1.6}
#header .nav .ui.menu .yuy span li {position: relative}
#header .nav .ui.menu .yuy span li dl {position: absolute;right: 0;z-index: 2;top: 100%;background: #fff;font-size: 14px;color: #000;display: none;width: 120px;border: 1px solid #eee;line-height: normal}
#header .nav .ui.menu .yuy span li dl dd {display: block;white-space: nowrap}
#header .nav .ui.menu .yuy span li dl dd a {transition: .5s;display: block}
#header .nav .ui.menu .yuy span li dl dd a:hover {background: #222;color: #fff}
#header .nav .ui.menu .yuy span li dl dd a img {max-width: 22px;margin-right: 5px;vertical-align: middle;display: inline-block}
#header .nav .ui.menu .yuy span li:hover dl {display: block}