@charset "UTF-8";

/* 字体 */
@font-face {
  font-family: "MiSans-Demibold";
  /* src: url("https://anima-uploads.s3.amazonaws.com/projects/63dfbe04427ac1119bd2a3c4/fonts/misans-demibold.ttf") format("truetype"); */
  src: url("../font/misans-demibold.ttf") format("truetype");
}

@font-face {
  font-family: "MiSans-Regular";
  /* src: url("https://anima-uploads.s3.amazonaws.com/projects/63dfbe04427ac1119bd2a3c4/fonts/misans-regular.ttf") format("truetype"); */
  src: url("../font/misans-regular.ttf") format("truetype");
}

/* 字体 */

/* 基础 */
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
  font-family: "MiSans-Regular", Helvetica;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

/* 基础 */

/* 滚动条 */
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}

/* 滚动条滑块(竖向:vertical 横向:horizontal) */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #c1c1c1;
  border-radius: 5px;
}

/* 滚动条滑块hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #c1c1c1;
}

/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
  display: block;
  /* 修复交汇时出现的白块 */
}

/* 滚动条 */

/* 内容页标签页 */
.fu-detail-tab .item {
  opacity: 0.5;
  border-bottom: solid 1px rgba(56, 49, 52, 1);
}

.fu-detail-tab .current {
  opacity: 1;
  border-bottom: solid 2px rgba(0, 160, 219, 1);
}

/* 内容页标签页 */

/* 内容页左侧导航 */
.fu-detail-nav .item {
  opacity: 0.5;
  border-left: solid 1px rgba(56, 49, 52, 0.5);
}

.fu-detail-nav .current {
  opacity: 1;
  border-left: solid 2px rgba(0, 160, 219, 1);
}

/* 内容页左侧导航 */

/* 公共底部 */
.footer {
  background-color: rgba(111, 186, 44, 1);
  /* height: 544px; */
height: 455px;
}

.footer .footer-box {
  padding: 84px 0px;
}

.footer .quicknav .logo img {
  width: 247px;
  margin-top: -10px;
}

.footer .quicknav .nav .nav-list {
  margin-right: 100px;
}

.footer .quicknav .nav .nav-list:last-child {
  margin-right: 0px;
}

.footer .quicknav .nav .title {
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 32px;
  font-weight: bold;
}

.footer .quicknav .nav ul li {
  margin: 13px 0;
}

.footer .quicknav .nav ul li a {
  color: rgba(255, 255, 255, .8);
  font-size: 14px;
  line-height: 130%;
  font-weight: 330;
  font-family: "MiSans-Regular", Helvetica;
  text-align: left;
}

.footer .countus {
  margin-top: 40px;
  display: none;
}

.footer .countus .countinfo a {
  margin-right: 30px;
}

.footer .countus .countinfo a img {
  width: 30px;
  height: 30px;
}

.footer .countus .copyright .phone {
  text-align: right;
  font-family: "MiSans-Medium", Helvetica;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  line-height: 36px;
}

.footer .countus .copyright .record {
  opacity: 0.7;
  font-family: "MiSans-Regular", Helvetica;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  margin-top: 7px;
  display: flex;
  align-items: center;
}

.footer .countus .copyright .record span {
  font-size: 10px;
  margin: 0 5px;
}


.footer .quicknav .copyright {
    margin-top: 165px;
}

.footer .quicknav .copyright .phone {
    font-family: "MiSans-Medium", Helvetica;
    font-weight: 450;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    line-height: 130%;
}

.footer .quicknav .copyright .record {
    opacity: 0.7;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    text-align: center;
    line-height: 130%;
    margin-top: 7px;
    display: flex;
    align-items: center;
}

.footer .quicknav .copyright .record span {
    font-size: 10px;
    margin: 0 5px;
}

/* 公共底部 */

/* layui的样式 */
.layui-layer-setwin {
  right: 50px;
  top: 50px;
}

.layui-layer-setwin .layui-layer-close2 {
  background-color: unset;
  color: rgba(217, 217, 217, 1);
  border: 0;
  font-size: 26px;
  font-weight: 350;
}

.layer-fu-contactus .layui-layer-setwin span,
.layer-fu-zxsupport .layui-layer-setwin span {
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
}

.layer-fu-zxsupport .layui-layer-title {
  background-color: rgba(0, 160, 219, 1);
}

.layer-fu-zxsupport .layui-layer-setwin {
  right: 30px;
  top: 16px;
}

.layui-layer-setwin .layui-layer-close2:hover {
  opacity: unset;
  background-color: unset;
  color: rgba(0, 160, 219, 1);
}

/* layui的样式 */

/* 分页 */
.pagination ul {
  display: flex;
  justify-content: center;
}

.pagination ul li span,
.pagination ul li a {
  font-family: "MiSans-Regular", Helvetica;
  width: 42px;
  height: 42px;
  line-height: 42px;
  margin-right: 10px;
  background-color: rgba(240, 242, 245, 1);
  text-align: center;
  display: block;
}

.pagination li.disabled {
  cursor: not-allowed;
}


.pagination li.active span,
.pagination li>a:hover {
  background-color: rgba(0, 160, 219, 1);
  color: rgba(255, 255, 255, 1);
}

/* 分页 */

/* 咨询与支持 */
.zx-support {
  width: 130px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0px 20px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: rgba(0, 160, 219, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
  font: 14px/130% "MiSans-Regular", Helvetica;
  color: rgba(255, 255, 255, 1);
  position: fixed;
  bottom: 50px;
  right: 20px;
  cursor: pointer;
  z-index: 999;
}

.zx-support:hover {
  background-color: rgba(111, 186, 44, 1);
}

.zx-support img {
  width: 20px;
  margin-right: 5px;
}

/* 咨询与支持 */


/* 预约弹窗 */
.reserve-pop {
  width: 1147px;
  height: 800px;
}

.reserve-pop .popad {
  width: 440px;
  height: 800px;
  background: url("../images/popad-bg.png") no-repeat;
  background-size: 100% 100%;
}

.reserve-pop .popad img {
  margin: 40px auto auto 70px;
}

.reserve-pop .popform {
  width: 707px;
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reserve-pop .popform .formbox {
  width: 370px;
}

.reserve-pop .popform .formbox .pop-title {
  font: 28px/130% "MiSans-Demibold", Helvetica;
  font-weight: 450;
  margin-bottom: 20px;
}

.reserve-pop .popform .formbox .pop-short {
  font: 18px/130% "MiSans-Demibold", Helvetica;
  font-weight: 330;
  margin-bottom: 55px;
}

.reserve-pop .popform .formbox .layui-input {
  margin-bottom: 15px;
  padding: 16px 0 16px 20px;
  height: 57px;
}

.reserve-pop .popform .formbox .layui-input,
.reserve-pop .popform .formbox .layui-btn {
  font-family: "MiSans-Regular", Helvetica;
  font-size: 19px;
}

.reserve-pop .popform .formbox .layui-btn {
  margin-top: 25px;
  background-color: rgba(0, 160, 219, 1);
  width: 100%;
  height: 57px;
  line-height: 57px;
  opacity: 1;
}

.reserve-pop .popform .formbox .layui-btn:hover {
  opacity: 1;
  background-color: rgba(111, 186, 44, 1);
}

/* 预约弹窗 */

/* 咨询与支持弹窗 */
.zx-support-pop {
  width: 1206px;
  height: 710px;
}

.zx-support-pop .popad {
  width: 496px;
  height: 710px;
  background: url("../images/zx-support-popad-bg.png") no-repeat;
  background-size: 100% 100%;
  padding: 25px 30px;
}

.zx-support-pop .popad .adtitle {
  font: 48px/140% "MiSans-Normal", Helvetica;
  margin-bottom: 389px;
}

.zx-support-pop .popad .addesc {
  font: 19px/140% "MiSans-Regular", Helvetica;
  margin-bottom: 20px;
}

.zx-support-pop .poppalace {
  width: 710px;
  height: 710px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.zx-support-pop .poppalace .palace {
  width: 355px;
  height: 355px;
  padding: 30px;
  border: solid 1px rbga(255, 255, 255, 1);
}

.zx-support-pop .poppalace .palace:nth-child(1),
.zx-support-pop .poppalace .palace:nth-child(3) {
  border-right: solid 1px rgba(56, 49, 52, 0.5);
}

.zx-support-pop .poppalace .palace:nth-child(1),
.zx-support-pop .poppalace .palace:nth-child(2) {
  border-bottom: solid 1px rgba(56, 49, 52, 0.5);
}

.zx-support-pop .poppalace .palace img {
  width: 100px;
  height: 100px;
}

.zx-support-pop .poppalace .palace .small-title {
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 30px;
}

.zx-support-pop .poppalace .palace .small-title,
.zx-support-pop .poppalace .palace .subdesc,
.zx-support-pop .poppalace .palace .link span {
  font: 19px/140% "MiSans-Medium", Helvetica;
  cursor: pointer;
}

.zx-support-pop .poppalace .palace .link {
  display: flex;
  align-items: center;
}

.zx-support-pop .poppalace .palace .link span {
  margin-right: 20px;
  color: rgba(0, 160, 219, 1);
}

.zx-support-pop .poppalace .palace .link img {
  width: 30px;
}

/*媒体查询*/
@media screen and (max-height:768px) {
    .zx-support-pop {
        width: 900px;
        height: 530px;
    }
    
    .zx-support-pop .popad .adtitle {
        font: 32px / 140% "MiSans-Normal", Helvetica;
        margin-bottom: 250px;
    }
    
    .zx-support-pop .popad .addesc {
        font: 16px / 140% "MiSans-Regular", Helvetica;
    }

    .zx-support-pop .popad {
        width: 370px;
        height: 530px;
    }

    .zx-support-pop .poppalace {
        width: 530px;
        height: 530px;
    }

    .zx-support-pop .poppalace .palace {
        width: 265px;
        height: 265px;
        padding: 20px;
    }
    
    .zx-support-pop .poppalace .palace img {
        width: 80px;
        height: 80px;
    }

    .zx-support-pop .poppalace .palace .small-title,
    .zx-support-pop .poppalace .palace .subdesc,
    .zx-support-pop .poppalace .palace .link span {
        font: 14px / 140% "MiSans-Medium", Helvetica;
    }
}
/* 咨询与支持弹窗 */


/* 联系我们弹窗 */
.contactus-pop {
  width: 798px;
  height: 580px;
}

.contactus-pop .popheader {
  height: 185px;
  padding: 50px 70px 0 70px;
  background: linear-gradient(274deg, rgba(0, 160, 219, 0.20) 3.51%, rgba(72, 112, 253, 0.20) 100%);
}

.contactus-pop .popheader .poptitle {
  font: 28px/130% "MiSans-Demibold", Helvetica;
  margin-bottom: 25px;
}

.contactus-pop .popheader .popdesc,
.contactus-pop .popform .layui-textarea,
.contactus-pop .popform .layui-textarea::placeholder,
.contactus-pop .popform .layui-input,
.contactus-pop .popform .layui-input::placeholder,
.contactus-pop .popform .layui-btn {
  font: 19px/140% "MiSans-Regular", Helvetica;
}

.contactus-pop .popform {
  padding: 50px 50px 0 50px;
  width: 698px;
  margin: auto;
}

.contactus-pop .popform .layui-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.contactus-pop .popform .layui-textarea,
.contactus-pop .popform .layui-textarea::placeholder,
.contactus-pop .popform .layui-input,
.contactus-pop .popform .layui-input::placeholder {
  line-height: 57px;
}

.contactus-pop .popform .layui-textarea {
  margin-bottom: 15px;
  height: 160px;
}

.contactus-pop .popform .layui-input {
  margin-bottom: 30px;
  height: 57px;
}

.contactus-pop .popform .layui-btn {
  width: 143px;
  height: 45px;
  line-height: 45px;
  background-color: rgba(0, 160, 219, 1);
}

/* 联系我们弹窗 */