@charset "utf-8";
 tips_text .index-app
 /* CSS Document */
 
 * {
     outline: none;
 }
 /*主题*/
 
 :root {
     --head_height: 6rem;
     --colour1: #db2824;
     /*苋菜红*/
     --colour2: #333;
     /*枸杞红*/
     --colour3: #db2824;
     /*高粱红*/
     --dark: #313131;
     --title: #333;
     --text: #666;
     --small_text: #999;
     --tips_text: #ccc;
     --grey_bg: #f4f4f4;
     --text-bg: #db2824;
     --shadow: rgb(40, 43, 109, 0.08);
 }
 
 body {
     margin: 0px;
     padding: var(--head_height) 0 0;
     background: #fff;
     position: relative;
     letter-spacing: 0.03em;
 }
 
 body.modal-open {
     width: 100vw;
     height: 100vh;
     overflow: hidden!important;
 }
 
 body.menu-open {
     width: 100vw;
     height: 100vh;
     overflow-y: hidden!important;
 }
 
 body,
 html {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: normal;
     font-size: 16px;
     color: var(--text);
 }
 
 .font-weight-light {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: 300 !important;
 }
 
 .font-weight-normal {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: 400 !important;
 }
 
 .font-weight-medium {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: 500 !important;
 }
 
 .font-weight-bold {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: 700 !important;
 }
 
 .font-weight-bolder {
     font-family: 'en', Arial, "微软雅黑", Microsoft YaHei;
     font-weight: 900 !important;
 }
 
 .font-en {
     font-family: 'HvCn';
     font-weight: normal !important;
 }
 
 @font-face {
     font-family: 'en';
     src: local('☺'), url(../font/HelveticaNeueLTPro-Lt.otf);
     font-weight: 300;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'en';
     src: local('☺'), url(../font/HelveticaNeueLTPro-Roman.otf);
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'en';
     src: local('☺'), url(../font/HelveticaNeueLTPro-Md.otf);
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'en';
     src: local('☺'), url(../font/HelveticaNeueLTPro-Bd.otf);
     font-weight: 700;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'en';
     src: local('☺'), url(../font/HelveticaNeueLTPro-Hv.otf);
     font-weight: 900;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'HvCn';
     src: local('☺'), url(../font/HelveticaNeueLTPro-HvCn.otf);
     font-weight: normal;
     font-style: normal;
 }
 
 a {
     text-decoration: none;
 }
 
 a:link {
     color: inherit;
 }
 /*未访问样式*/
 
 a:hover {
     text-decoration: none;
 }
 
 a:focus {
     text-decoration: none;
 }
 
 .btn.focus,
 .btn:focus {
     box-shadow: none;
 }
 
 a:hover,
 a:focus,
 input:hover,
 input:focus,
 button:focus,
 button:hover {
     outline: none;
 }
 
 a.text-link {
     text-decoration: underline;
 }
 
 a.text-link:hover {
     color: var(--colour1);
 }
 
 .title {
     color: var(--title);
 }
 
 .white {
     color: #fff
 }
 
 small,
 .small {
     color: var(--small_text);
 }
 
 .colour1 {
     color: var(--colour1)
 }
 
 .colour2 {
     color: var(--colour2)
 }
 
 .colour-bg1 {
     background-color: var(--colour1)
 }
 
 .colour-bg2 {
     background-color: var(--colour2)
 }
 
 .colour1-btn {
     color: #fff!important;
     background-color: var(--colour1)
 }
 
 .colour1-btn:hover {
     background-color: var(--colour2)
 }
 
 .colour-grey-btn {
     color: var(--text)!important;
     background-color: var(--grey_bg)
 }
 
 .colour-grey-btn:hover {
     background-color: var(--colour1)
 }
 
 .colour-white-btn {
     color: var(--text)!important;
     background-color: #fff;
 }
 
 .colour-white-btn:hover {
     background-color: var(--colour1)
 }
 
 dd,
 dl,
 dt,
 ul,
 li {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 input {
     margin: 0;
     outline: none
 }
 
 h1,
 .h1 {
     font-size: 3rem;
 }
 
 h2,
 .h2 {
     font-size: 2.5rem;
 }
 
 h3,
 .h3 {
     font-size: 2rem;
 }
 
 h4,
 .h4 {
     font-size: 1.5rem;
 }
 
 h5,
 .h5 {
     font-size: 1.25rem;
 }
 
 h6,
 .h6 {
     font-size: 1.125rem;
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: 0.75rem;
 }
 
 i {
     font-weight: normal;
 }
 
 hr {
     border: none;
     border-top: 1px solid #ebebeb;
     margin: 1.5rem 0px;
 }
 
 img {
     max-width: 100%;
 }
 
 p {
     line-height: 1.75em;
 }
 
 pre {
     display: block;
     border: none;
     background: none;
     line-height: 1.75em;
     color: var(--text);
     padding: 0px;
     white-space: pre-wrap;
     font-family: Arial, "微软雅黑", Microsoft YaHei;
 }
 
 section {
     max-width: 100vw;
     background: #fff;
 }
 /*页面滚动条*/
 
 ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
 }
 
 ::-webkit-scrollbar-track {
     background: #ebebeb;
 }
 /*滚动条背景*/
 
 ::-webkit-scrollbar-thumb {
     background: #999;
     border-radius: 0.25rem;
 }
 /*滚动条设置*/
 /*页面选中*/
 
 ::selection {
     background: var(--text-bg);
     color: #fff;
 }
 
 ::-moz-selection {
     background: var(--text-bg);
     color: #fff;
 }
 
 ::-webkit-selection {
     background: var(--text-bg);
     color: #fff;
 }
 /*表单*/
 
 form>div {
     margin-bottom: 1rem;
 }
 
 form>div:last-child {
     margin-bottom: 0;
 }
 
 form div.row {
     margin-left: -0.5rem;
     margin-right: -0.5rem;
 }
 
 form div.row>div {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
 }
 
 form p {
     margin-bottom: 0.375rem;
     font-size: 85%;
     opacity: 0.8;
 }
 
 form input,
 form select {
     padding: 0 1rem;
     width: 100%;
     line-height: 2.5em;
     height: 2.5em;
     font-size: 1rem;
     color: var(--text);
     border: 1px solid #e0e0e0;
 }
 
 form select {
     color: var(--text);
     padding-right: 2.5rem;
     appearance: none!important;
     -webkit-appearance: none!important;
     -moz-appearance: none!important;
     appearance: none!important;
     background-image: url(../images/arrow-down.svg);
     background-repeat: no-repeat;
     background-position: calc(100% - 0.75rem) center;
     background-size: 1rem 1rem;
 }
 
 form textarea {
     padding: 0.25rem 1rem;
     width: 100%;
     line-height: 2.5em;
     height: 10em;
     font-size: 1rem;
     color: var(--text);
     border: 1px solid #e0e0e0;
 }
 
 form button.btn {
     padding: 0 3rem;
     font-size: 1rem;
     line-height: 2.75rem;
     border: none;
     color: #fff;
     background: var(--colour1);
     cursor: pointer;
     transition: all 0.4s;
 }
 
 form button.btn:hover {
     color: #fff;
     background: var(--colour2);
 }
 /*表格边框样式*/
 
 table,
 tbody,
 tr,
 td {
     border: none;
 }
 
 table tr {
     border-right: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
 }
 
 table td {
     line-height: 1.5em;
     padding: 0.5rem 1.125rem;
     border-left: 1px solid #e6e6e6;
     border-top: 1px solid #e6e6e6;
 }
 
 table td p {
     margin: 0px;
 }
 /*产品表格溢出*/
 
 .table-box {
     width: 100%;
     overflow-x: auto;
 }
 /*boostrap遮罩层导致页面抖动*/
 
 .modal-open {
     overflow: scroll !important;
 }
 /*页面内容宽度*/
 
 .container {
     max-width: 1440px;
     width: 90%;
 }
 
 .sticky {
     position: sticky;
     top: 0;
 }
 /*图片包含*/
 
 .obj-contain {
     -o-object-fit: contain;
     object-fit: contain;
 }
 /*图片裁切*/
 
 .obj-cover,
 .obj-cover img {
     -o-object-fit: cover;
     object-fit: cover;
 }
 
 .obj-cover img {
     width: 100%;
     height: 100%;
 }
 /*图片放大*/
 
 .zoom-img {
     overflow: hidden;
 }
 
 .zoom-img img {
     width: 100%;
     transform: scale(1);
     transition: all ease 0.6s;
 }
 
 .zoom-img:hover img {
     transform: scale(1.075);
 }
 /*响应式图片等比居中*/
 
 .img-center {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 100%;
 }
 
 .img-center img {
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
 }
 
 .zoom-img:hover .img-center img,
 .zoom-img.img-center:hover img {
     -webkit-transform: translate(-50%, -50%) scale(1.075);
     transform: translate(-50%, -50%) scale(1.075);
 }
 /*背景裁切*/
 
 .bg-cover {
     background-position: center;
     background-size: cover;
 }
 
 .bg-fixed {
     background-attachment: fixed;
 }
 
 .video-box {
     position: relative;
     z-index: 1;
     width: 100%;
     height: 0px;
     padding-bottom: 56.25%;
     background: #000;
 }
 
 .video-box:before {
     content: "\b20";
     font-family: "iconfont" !important;
     font-weight: normal;
     position: absolute;
     z-index: 2;
     top: 50%;
     left: 50%;
     width: 3.5rem;
     height: 3.5rem;
     line-height: 3.5rem;
     font-size: 1.5rem;
     text-align: center;
     color: #fff;
     background-color: var(--colour1);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     opacity: 1;
     transition: all .4s;
 }
 
 .video-box:hover:before {
     content: "\b20";
     background-color: var(--colour2);
 }
 
 .video-box.play:before {
     content: "\b20";
     opacity: 0;
 }
 
 .video-box video {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     /*object-fit: contain;*/
     /*尺寸不匹配加黑边*/
     object-fit: cover;
     /*内容自适应裁切*/
     overflow-clip-margin: content-box;
     overflow: clip;
     /*元素溢出容器的时候隐藏，同时不会有滚动定位等行为。*/
     opacity: 0.8;
     transition: all 0.4s;
 }
 
 .video-box.play video {
     opacity: 1;
 }
 /*视频列表*/
 
 .video-list {
     display: flex;
     flex-wrap: wrap;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
 }
 
 .video-list li {
     padding: 1.25rem 0.75rem;
     width: 25%;
 }
 
 .video-list li a {}
 
 .video-list li a .img {
     position: relative;
     display: block;
     border-radius: 0.5rem;
     overflow: hidden;
 }
 
 .video-list li a .img:before {
     content: "";
     position: absolute;
     z-index: 2;
     left: 0;
     right: 0;
     bottom: 0;
     height: 4rem;
     background: linear-gradient(to bottom, rgba(166, 27, 41, 0) 0%, rgba(166, 27, 41, 0.8) 100%);
     transition: all 0.6s;
 }
 
 .video-list li a:hover .img:before {
     transform: translate(0%, 100%);
 }
 
 .video-list li a .img:after {
     content: "\b88";
     position: absolute;
     z-index: 3;
     left: 0.75rem;
     bottom: 0;
     display: inline-block;
     font-family: "iconfont" !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 1.5rem;
     line-height: 2.75rem;
     color: #fff;
     text-align: center;
     transition: all 0.4s;
 }
 
 .video-list li a:hover .img:after {
     content: "\b88";
     opacity: 0;
 }
 
 .video-list li a .info {
     margin-top: 1rem;
     font-size: 1.125rem;
     line-height: 1.125em;
     font-weight: 500;
     color: var(--title);
     transition: all 0.4s;
 }
 
 .video-list li a:hover .info {
     color: var(--colour1);
 }
 
 .video-list li a:hover .info:hover {
     color: var(--colour2);
 }
 /*视频弹出*/
 
 #video-modal .close {
     position: absolute;
     z-index: 3;
     top: 1rem;
     right: 1rem;
     opacity: 1;
     border-radius: 50%;
     overflow: hidden;
 }
 
 #video-modal .close span {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     line-height: 2rem;
     font-size: 1rem;
     font-weight: normal;
     color: #fff;
     background: var(--colour1);
     transition: all 0.4s;
 }
 
 #video-modal .close:hover span {
     background: var(--colour2);
 }
 
 #video-modal .modal-dialog {
     position: relative;
     z-index: 1;
     max-width: 1280px;
     width: 96%;
     margin: 2rem auto;
     -webkit-transform: translate(0, calc(-40% + 50vh));
     transform: translate(0, calc(-40% + 50vh));
 }
 
 #video-modal.show .modal-dialog {
     -webkit-transform: translate(0, calc(-50% + 50vh));
     transform: translate(0, calc(-50% + 50vh));
 }
 
 #video-modal .modal-body {
     padding: 0;
     font-size: 0;
 }
 
 #video-modal .modal-body video {
     width: 100%;
     height: 100%;
 }
 /*边距盒子*/
 
 .padding-box {
     padding-top: 12vh;
     padding-bottom: 12vh;
 }
 
 .padding-top {
     padding-top: 12vh;
 }
 
 .padding-bottom {
     padding-bottom: 12vh;
 }
 
 .small-padding-box {
     padding-top: 10vh;
     padding-bottom: 10vh;
 }
 
 .small-padding-top {
     padding-top: 10vh;
 }
 
 .small-padding-bottom {
     padding-bottom: 10vh;
 }
 
 .main {
     position: relative;
     z-index: 2;
     background: var(--grey_bg);
 }
 
 .grey-box {
     background: var(--grey_bg);
 }
 
 .dark-box {
     background: var(--dark);
 }
 
 .white-box {
     background: #fff;
 }
 
 .clear-box:after {
     content: "";
     display: block;
     width: 100%;
     height: 0;
 }
 /*横线*/
 
 .line {
     margin: 1rem 0;
     display: block;
     width: 2rem;
     height: 0.1125rem;
     line-height: 1px;
     font-size: 0px;
     background: var(--colour1);
 }
 /*内页翻页*/
 
 .page-box {
     padding-top: 30px;
 }
 
 .page {
     font-size: 0;
     color: var(--text);
 }
 
 .page a {
     display: inline-block;
     margin: 0 0.25rem;
     width: 2.75rem;
     height: 2.75rem;
     line-height: 2.75rem;
     font-size: 1rem;
     text-align: center;
     color: var(--text);
     background: var(--grey_bg);
     border-radius: 0.25rem;
     transition: all .4s;
 }
 
 .page a.active {
     font-weight: bold;
     color: #fff!important;
     background: var(--text);
 }
 
 .page a.next,
 .page a.prev {
     width: auto;
     margin: 0 0.75rem;
     font-size: 0.875rem;
     padding: 0 1.75em;
     font-weight: normal;
 }
 
 .page input {
     display: inline-block;
     width: 4rem;
     padding: 0px 10px;
     margin-left: 1.125rem;
     font-size: 0.9375rem;
     line-height: 3rem;
     color: #666;
     border: none;
     box-shadow: 0 0 1px #999 inset;
     overflow: hidden;
     transition: all .4s;
 }
 
 .page button {
     padding: 0 1.5rem;
     margin: 0px;
     border: none;
     font-size: 0.9375rem;
     line-height: 3rem;
     color: #666;
     background: #f2f2f2;
     cursor: pointer;
     transition: all .4s;
 }
 
 .page a:hover,
 .page button:hover {
     color: #fff;
     background: var(--colour1);
 }
 /*头部*/
 
 #head {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     box-shadow: 0 0 1rem rgba(29, 37, 48, 0.07);
     color: var(--text);
     border-bottom: hidden;
     background: rgba(255, 255, 255, 1);
     transition: all 0.6s;
 }
 /*头部标志*/
 
 .head-conent {
     height: var(--head_height);
 }
 
 .navbar-brand {
     position: relative;
     height: 100%;
     display: flex;
     align-items: center;
     white-space: normal;
     padding: 0px;
     margin: 0px;
 }
 
 .navbar-brand img {
     max-width: none;
     height: 61%;
 }
 
 .navbar-brand>div {
     position: absolute;
     z-index: 2;
     left: 0;
     border-top: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     white-space: normal;
     opacity: 0;
 }
 
 .scroll .navbar-brand>div,
 .index.top .navbar-brand>div,
 .white-head.top .navbar-brand>div {
     opacity: 0;
 }
 
 .top .navbar-brand>div {
     opacity: 1;
 }
 /*头部按钮*/
 
 .head-wap-btn {
     display: flex;
     justify-content: flex-end;
     height: 100%;
 }
 
 .head-wap-btn .dropdown a {
     display: flex;
     align-items: center;
     height: 100%;
     padding: 0 0.75rem;
     font-size: 0.875rem;
     line-height: 2em;
     color: var(--text);
 }
 
 .head-wap-btn .dropdown:hover a {
     color: var(--colour1);
 }
 
 .head-wap-btn .dropdown a span {
     display: inline-block;
     font-size: 1.5rem;
     color: inherit;
 }
 
 .head-wap-btn .dropdown-menu {
     padding: 0.5rem;
     left: auto;
     right: 0;
 }
 
 .head-wap-btn .dropdown-menu .title {
     padding: 0 0.5rem;
     font-size: 1.375rem;
     line-height: 1.5rem;
     white-space: nowrap;
 }
 
 .navbar-toggler {
     width: var(--head_height);
     background: var(--colour1);
     color: #fff;
     border-radius: 0;
     border: none;
     margin-left: 1rem;
 }
 
 .navbar-toggler span {
     width: 1.5rem;
     height: 0.125rem;
     background-color: #fff;
     display: block;
     margin: 0.375rem auto;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .navbar-toggler:hover {
     cursor: pointer;
 }
 
 .navbar-toggler span:nth-child(1) {
     transform: translateY(0.5rem) rotate(45deg);
 }
 
 .navbar-toggler span:nth-child(2) {
     opacity: 0;
 }
 
 .navbar-toggler span:nth-child(3) {
     transform: translateY(-0.5rem) rotate(-45deg);
 }
 
 .navbar-toggler.collapsed span {
     opacity: 1;
     transform: translateY(0) rotate(0);
 }
 /*头部导航*/
 
 #head .navbar-collapse {
     height: 100%;
 }
 
 #head .navbar-nav {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     height: 100%;
     padding: 0 1%;
 }
 
 #head .navbar-nav li {
     position: relative;
     z-index: 1;
     display: flex;
     align-items: center;
     height: 100%;
 }
 
 #head .navbar-nav li:before {
     content: "";
     position: absolute;
     z-index: -1;
     bottom: 0px;
     left: 0%;
     width: 100%;
     height: 3px;
     background-color: var(--colour1);
     transition: transform .4s cubic-bezier(.4, 0, .2, 1);
     transform: scaleX(0);
     transform-origin: 100%;
 }
 
 #head .navbar-nav li.active:before,
 #head .navbar-nav li:hover:before {
     content: "";
     transform: scaleX(1);
     transform-origin: 0%;
 }
 
 #head .navbar-nav li>a {
     position: relative;
     z-index: 1;
     display: block;
     padding: 0 1.5em;
     font-size: 1rem;
     line-height: 38px;
     color: inherit;
     text-align: center;
     border-radius: 0.25rem;
 }
 
 #head .navbar-nav li:hover>a,
 #head .navbar-nav li.active>a {
     font-weight: bold;
     color: var(--colour1);
 }
 
 
#head .navbar-nav .dropdown-menu {
    left: 50%;
    margin-top: 0;
    border: none;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: none;
    transform: translate(-50%, 0%);
    box-shadow: 0 0 1rem var(--shadow);
}

#head .navbar-nav .dropdown-menu a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 1.25em;
    font-size: 0.9375rem;
    line-height: 2.75em;
    color: var(--text);
    transition: all 0.4s;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    transition: all 0.4s;
    overflow: hidden;
}

#head .navbar-nav .dropdown-menu a:hover {
    color: #fff;
    background: var(--colour1);
}

#head .navbar-nav .dropdown-menu a:last-of-type {
    border-bottom: none;
}

 /*头部搜索*/
 
 #search-modal .modal-dialog {
     margin: 0;
     width: 100vw;
     max-width: none;
 }
 
 #search-modal .modal-content {
     border-radius: 0;
     border: none;
 }
 
 #search-modal .modal-header {
     padding: 2rem 1rem;
 }
 
 #search-modal .modal-header form {
     display: flex;
     width: 100%;
 }
 
 #search-modal .modal-header input,
 #search-modal .modal-header button {
     border: none;
     border-radius: 0;
     background: none;
 }
 
 #search-modal .modal-header input {
     font-size: 2rem;
     font-weight: 800;
 }
 
 #search-modal .modal-header button {
     cursor: pointer;
 }
 
 #search-modal .modal-header button span {
     color: #999;
     transition: all 0.4s;
 }
 
 #search-modal .modal-header button:hover span {
     color: var(--colour1);
 }
 
 #search-modal .modal-body {
     padding: 3rem 4rem;
 }
 
 #search-modal .modal-header button span {
     font-size: 1.5rem;
 }
 
 #search-modal .modal-body a {
     display: block;
     font-size: 1.125rem;
     line-height: 2em;
     font-weight: bold;
     color: var(--dark);
     transition: all 0.4s;
 }
 
 #search-modal .modal-body a:hover {
     color: var(--colour1);
 }
 /*手机菜单*/
 
 #wap-menu {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1051;
     background: #fff;
     box-shadow: 0 0 1rem rgba(29, 37, 48, 0.07);
 }
 
 #wap-menu .menu-head {
     display: flex;
     justify-content: space-between;
     height: var(--head_height);
     padding-left: 3%;
     background: #fff;
 }
 
 #wap-menu .menu-head .menu-logo {
     display: flex;
     align-items: center;
     justify-content: center;
     height: inherit;
 }
 
 #wap-menu .menu-head .menu-logo img {
     max-width: none;
     height: 61%;
 }
 
 #wap-menu .menu-head .close {
     display: flex;
     align-items: center;
     justify-content: center;
     width: var(--head_height);
     height: inherit;
     background: var(--colour1);
     opacity: 1;
 }
 
 #wap-menu .menu-head .close span {
     font-size: 1.25rem;
     font-weight: normal;
     color: #fff;
 }
 
 #wap-menu .menu-body {
     height: calc(100vh - var(--head_height));
     padding: 4vw;
     overflow-y: auto;
     border-top: 1px solid #ebebeb;
 }
 
 #wap-menu .menu-body::-webkit-scrollbar {
     width: 0;
     height: 0;
 }
 
 #wap-menu .menu-search form {
     display: flex;
     padding: 0.5rem 0;
     margin-top: 1rem;
     margin-bottom: 3rem;
     border-bottom: 2px solid var(--dark);
 }
 
 #wap-menu .menu-search input,
 #wap-menu .menu-search button {
     padding: 0;
     border: none;
     border-radius: 0;
     background: none;
     font-size: 1.5rem;
     color: var(--text);
 }
 
 #wap-menu .menu-search input {
     font-weight: 800;
     line-height: 1.25em;
 }
 
 #wap-menu .menu-search button {
     padding: 0 0.5rem;
 }
 
 #wap-menu .menu-search button span {
     font-size: inherit;
     color: inherit;
 }
 
 #wap-menu .navbar-nav {
     padding: 0;
 }
 
 #wap-menu .navbar-nav>li>a {
     display: block;
     padding: 0.75rem 0;
     font-size: 1.25rem;
     font-weight: 800;
     line-height: 1.5em;
     color: var(--dark);
 }
 
 #wap-menu .navbar-nav a:focus {
     color: var(--colour1);
 }
 
 #wap-menu .navbar-nav>li>div {
     padding: 0;
     border-radius: 0;
     border: none;
 }
 
 #wap-menu .navbar-nav>li>div>a {
     display: block;
     padding: 0.5rem;
     font-size: 0.9375rem;
     color: var(--text);
     font-weight: bold;
 }
 
 #wap-menu .navbar-nav>li>div>div {
     display: flex;
     flex-wrap: wrap;
     padding-bottom: 0.5rem;
 }
 
 #wap-menu .navbar-nav>li>div>div>a {
     display: block;
     width: 50%;
     padding: 0.5rem;
     font-size: 0.8375rem;
     color: var(--small_text);
 }
 
 #wap-menu .navbar-nav>li>div>div>a:before {
     content: "●  ";
 }
 
 #wap-menu .menu-subnav {
     margin-top: 2rem;
 }
 
 #wap-menu .menu-subnav li>a {
     display: inline-block;
     padding: 0.5rem 0;
     font-size: 1.125rem;
     color: var(--dark);
     font-weight: bold;
 }
 
 #wap-menu .menu-subnav li .subnav a {
     display: block;
     padding: 0.375rem 0;
     font-size: 0.9375rem;
     color: #999;
 }
 /*导航滚到顶部样式*/
 /*
 .top #head {
     background: rgba(255, 255, 255, 0);
     box-shadow: 0 0 1rem rgba(29, 37, 48, 0);
 }
 
 .top #head:hover {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0 0 1rem rgba(29, 37, 48, 0.07);
 }
 
 .top #head .navbar-brand {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
     transition: all 0.4s;
 }
 
 .top #head .navbar-nav li>a {
     color: #fff;
 }
 
 .top #head:hover .navbar-nav li>a {
     color: var(--text);
 }
 
 .top #head:hover .navbar-nav li:hover>a {
     color: var(--colour1);
 }
 
 .top.menu-open #head {
     background: rgba(255, 255, 255, 1);
 }
 
 .top.menu-open #head .navbar-brand,
 .top #head:hover .navbar-brand {
     -webkit-filter: brightness(1) invert(0);
     filter: brightness(1) invert(0);
 }
 
 .top #head:hover .head-wap-btn .dropdown a {
     color: var(--text);
 }
 
 .top #head:hover .head-wap-btn .dropdown a:hover {
     color: var(--colour1);
 }
 
 .top .head-wap-btn .dropdown a {
     color: #fff;
 }
 
 .top .head-wap-btn .dropdown:hover a {
     color: #fff;
 }
 
 .top.menu-open .head-wap-btn .dropdown:hover a {
     color: #fff;
 }
 
 .top.menu-open .head-wap-btn .dropdown a {
     color: var(--text);
 }
 
 .top.menu-open .head-wap-btn .dropdown:hover a {
     color: var(--colour1);
     opacity: 1;
 }
 
 #head .head-wap-btn .dropdown.language a span {
     display: inline-block;
     margin-right: 0.375rem;
 }
 */
 /*head end*/
 /*banner*/
 
 #banner {
     position: relative;
     overflow: hidden;
 }
 
 #banner .item {
     position: relative;
     z-index: 1;
     background-color: #000;
 }
 
 #banner a {
     display: block;
     font-size: 0;
 }
 
 #banner .item .info {
     display: none;
     position: absolute;
     z-index: 1;
     left: 10%;
     right: 10%;
     bottom: 55%;
     line-height: 1.375em;
     color: var(--title);
     transform: translate(0%, 50%);
 }
 
 #banner .item .btn {
     padding: 0;
     border: none;
     margin-bottom: 3rem;
 }
 
 #banner .item .btn a span {
     display: inline-block;
     padding: 0 1.5em;
     font-size: 1.25rem;
     line-height: 2.5em;
     text-align: center;
     color: var(--text);
     background: rgba(0, 0, 0, 0.5);
     transition: all 0.4s;
 }
 
 #banner .item .btn a:hover span {
     background: var(--colour1);
 }
 
 #banner .item .text {
     text-shadow: 0 0.5em 2em rgba(0, 0, 0, .015);
 }
 
 #banner .info .title {
     margin-bottom: 1rem;
     font-size: 3.5rem;
     line-height: 1.25em;
     color: var(--colour1);
     text-transform: Uppercase;
     text-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
     opacity: 0;
     transform: translate(0%, 1em);
     transition: all 0s;
 }
 
 #banner .info .subtitle {
     margin-bottom: 0.5rem;
     font-size: 1.5rem;
     line-height: 1.5em;
     font-weight: bold;
     color: var(--colour1);
     text-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
     opacity: 0;
     transform: translate(0%, 1em);
     transition: all 0s;
 }
 
 #banner .info p {
     margin-bottom: 0;
     font-size: 1.375rem;
     line-height: 1.55em;
     text-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
     opacity: 0;
     transform: translate(0%, 1em);
     transition: all 0s;
 }
 
 #banner .info span {
     font-size: 0.875rem;
     opacity: 0.8;
     opacity: 0;
     transform: translate(0%, 1em);
     transition: all 0s;
 }
 
 #banner .active .info .subtitle {
     opacity: 1;
     transform: translate(0, 0);
     transition: all 0.4s ease 0.8s;
 }
 
 #banner .active .info .title {
     opacity: 1;
     transform: translate(0, 0);
     transition: all 0.4s ease 1.1s;
 }
 
 #banner .active .info p {
     opacity: 1;
     transform: translate(0, 0);
     transition: all 0.4s ease 1.3s;
 }
 
 #banner .active .info span {
     opacity: 1;
     transform: translate(0, 0);
     transition: all 0.4s ease 1.4s;
 }
 
 #banner picture,
 #banner img {
     width: 100%;
     height: 45rem;
 }
 
 #banner a {
     display: block;
     position: relative;
 }
 
 #banner video {
     width: 100vw;
     height: calc(100vh - var(--head_height));
     opacity: 0.9;
 }
 
 #banner .owl-nav {
     position: absolute;
     z-index: 3;
     bottom: 6rem;
     right: 10%;
     margin: 0;
     transform: translate(0%, 50%);
 }
 
 #banner .owl-nav i {
     display: inline-block;
     width: 3.5rem;
     height: 3.5rem;
     line-height: 3.5rem;
     font-size: 1.5rem;
     text-align: center;
     color: #fff;
     background: var(--dark);
     border-radius: 50%;
     transition: all 0.4s;
 }
 
 #banner .owl-nav i:hover {
     background: var(--colour1);
 }
 
 #banner .owl-dots {
     position: absolute;
     z-index: 2;
     bottom: 6rem;
     left: 10%;
     margin: 0;
     transform: translate(0%, 50%);
 }
 
 #banner.owl-progress .owl-dots .owl-dot span {
     background: #fff;
 }
 
 #banner.owl-progress .owl-dot svg circle {
     stroke: #fff;
     stroke-dashoffset: 314;
     stroke-dasharray: 314;
     transition: stroke-dashoffset 0s;
     fill: none;
 }
 
 #banner.owl-progress .owl-dot.active svg circle.dotsvg1 {
     stroke: #fff;
 }
 /*
#banner picture,#banner img{
	width: 100%;
	height: calc(100vh - var(--head_height));
}
*/
 
 .index-title .title {
     position: relative;
     z-index: 2;
 }
 
 .index-title .subtitle {
     position: relative;
     z-index: 1;
     display: inline-block;
     line-height: 1em;
     text-transform: uppercase;
     color: var(--tips_text);
     transform: translate(0%, -1.25em);
     opacity: 0.3;
 }
 /*首页关于*/
 
 .index-about {
     display: flex;
     flex-wrap: wrap;
 }
 
 .index-about>div {
     width: 50%;
     padding: 5%;
 }
 
 .index-about .info {
     color: #fff;
     background: var(--colour1);
 }
 
 .index-about .info .title {
     margin-bottom: 1.5rem;
 }
 
 .index-about .info .btn {
     margin-top: 2rem;
     font-size: 0.875rem;
     font-weight: bold;
     color: var(--colour1);
     border: 0.25rem;
     background: #fff;
     transition: all 0.4s;
 }
 
 .index-about .info .btn:hover {
     background: var(--colour2);
 }
 
 .index-about .img {
     background: var(--dark);
 }
 
 .index-about .img>div {
     height: 100%;
 }
 
 .index-about .img img {
     width: 100%;
     height: 100%;
     max-height: 20rem;
 }
 /*产品*/
 
 .index-p {
     border-top: 2px solid var(--grey_bg);
     overflow: hidden;
 }
 
 #index-p a {
     position: relative;
     text-align: center;
     display: block;
     background: var(--grey_bg);
     overflow: hidden;
 }
 
 #index-p a:before {
     content: "";
     position: absolute;
     z-index: 1;
     bottom: 0px;
     left: 0%;
     width: 100%;
     height: 3px;
     background-color: var(--colour1);
     transition: transform .4s cubic-bezier(.4, 0, .2, 1);
     transform: scaleX(0);
     transform-origin: 100%;
 }
 
 #index-p a:hover:before {
     content: "";
     transform: scaleX(1);
     transform-origin: 0%;
 }
 
 #index-p a .title {
     margin: 1rem 0 1.5rem;
     transition: all 0.4s;
 }
 
 #index-p a:hover .title {
     font-weight: bold;
     color: var(--colour1);
 }
 
 #index-p .owl-stage-outer {
     overflow: inherit;
 }
 
 #index-p .owl-item {
     opacity: 1;
     transition: all 0.4s;
 }
 
 #index-p .owl-item:not(.active) {
     opacity: 0.3;
 }
 
 #index-p .owl-dots,
 #index-p .owl-nav {
     text-align: left;
 }
 /*工厂*/
 
 .index-factory {
     display: flex;
     flex-wrap: wrap;
 }
 
 .factory-img {
     width: 45%;
 }
 
 .factory-img:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 10%;
     bottom: 10%;
     right: -2rem;
     width: 80%;
     height: 80%;
     background-color: var(--colour1);
     border-radius: 0.5rem;
     transition: all .4s;
 }
 
 .factory-img .owl-stage-outer,
 .factory-img .owl-stage,
 .factory-img .item {
     height: 100%;
 }
 
 .factory-img .item {
     overflow: hidden;
     border-radius: 0.5rem;
 }
 
 .factory-img .item img {
     min-width: 100%;
     min-height: 100%;
 }
 
 .factory-img .owl-dots {
     margin: 1rem 0;
     position: absolute;
     z-index: 2;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 .index-factory .info {
     padding: 5% 0% 5% 8%;
     width: 45%;
     max-width: 775px;
 }
 
 .index-factory .btn {
     margin-top: 2rem;
     width: 100%;
     font-size: 0.9375rem;
     line-height: 2.5em;
     color: #fff;
     border-radius: 0.25rem;
     background: var(--colour1);
     transition: all 0.4s;
 }
 
 .index-factory .btn:hover {
     background: var(--colour2);
 }
 /*新闻*/
 
 .index-news {
     /* background: url(../images/img-newsbg.jpg) no-repeat center right, var(--grey_bg);
     background-size: cover;*/
 }
 
 .index-n .item {
     position: relative;
     z-index: 1;
     height: 100%;
     background: #fff;
     border: 1px solid rgba(0, 0, 0, .05);
 }
 
 .index-n .item:before {
     content: "";
     position: absolute;
     z-index: 1;
     bottom: 0px;
     left: 0%;
     width: 0%;
     height: 3px;
     background-color: var(--colour1);
     transition: all .4s;
 }
 
 .index-n .item:hover:before {
     content: "";
     width: 100%;
 }
 
 .index-n .img {
     overflow: hidden;
 }
 
 .index-n .info {
     padding: 2rem 1.5rem;
     border-top: 1px solid rgba(0, 0, 0, .05);
     transition: all 0.4s;
 }
 
 .index-n .time {
     margin-bottom: 1.5rem;
     font-size: 0.875rem;
     color: var(--tips_text);
 }
 
 .index-n .title {
     margin-bottom: 0.75rem;
     font-size: 1.125rem;
     font-weight: bold;
     transition: all 0.4s;
 }
 
 .index-n pre {
     font-size: 0.9375rem;
 }
 
 .index-n .icon {
     display: inline-block;
     margin-top: 1rem;
     width: 1.75rem;
     height: 1.75rem;
     line-height: 1.75rem;
     font-size: 1rem;
     text-align: center;
     color: var(--colour1);
     background: #fff;
     border-radius: 50%;
     transition: all 0.4s;
 }
 
 .index-n .item:hover .title {
     color: var(--colour1);
 }
 
 .index-n .item:hover .icon {
     color: #fff;
     background: var(--colour1);
 }
 /*页脚*/
 
 #foot {
     background: #1b1b1b;
     color: #fff;
 }
 
 #foot .foot-contact {
     display: flex;
     flex-wrap: wrap;
     padding-top: 4rem;
     padding-bottom: 2rem;
     font-size: 0.9375rem;
     line-height: 1.5rem;
 }
 
 #foot .foot-contact .logo {
     width: 12rem;
     flex-shrink: 0;
 }
 
 #foot .foot-contact .info {
     padding-top: 0.5rem;
     padding-left: 5%;
 }
 
 #foot p {
     margin-bottom: 0;
     color: var(--small_text);
 }
 
 #foot .h4 {
     margin-bottom: 1rem;
 }
 
 #foot a {
     color: #fff;
     color: inherit;
     transition: all 0.4s;
 }
 
 #foot a:hover {
     color: var(--colour1);
     text-decoration: underline;
 }
 
 #foot .nav-list {
     display: none;
     margin-bottom: 2rem;
 }
 
 #foot .nav-list a {
     display: inline-block;
     padding: 0 2rem;
     line-height: 1rem;
     border-right: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 #foot .nav-list a:first-of-type {
     padding-left: 0;
 }
 
 #foot .foot-copyright>div {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     font-size: 0.875rem;
     padding: 1rem 0;
     width: 100%;
     font-size: 0.875rem;
 }
 
 #foot .back-top {
     position: fixed;
     z-index: 10;
     right: 4%;
     bottom: 20%;
     display: block;
     width: 2.75rem;
     height: 2.75rem;
     line-height: 2.75rem;
     font-size: 1.5rem;
     color: #fff;
     text-align: center;
     background: var(--colour1);
     opacity: 1;
     transition: all 0.6s;
 }
 
 .top #foot .back-top {
     opacity: 0;
 }
 
 #foot .back-top:hover {
     background: var(--colour2);
     cursor: pointer;
 }
 /*内页开始*/
 
 .inside-banner {
     position: relative;
     background: none;
     overflow: hidden;
 }
 
 .inside-banner .info {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     color: #fff;
 }
 
 .inside-banner .info .title {
     line-height: 1.25em;
     color: #fff;
 }
 
 .inside-banner .info .subtitle {
     margin-bottom: 0.5em;
     text-transform: Uppercase;
     color: #fff;
 }
 
 .inside-banner .info p {
     margin: 0.75rem 0 0;
     max-width: 40rem;
     font-size: 1.125rem;
 }
 
 .inside-banner .info {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     color: #fff;
 }
 
 .breadcrumb {
     width: 100%;
     padding: 0px;
     margin: 0;
     background: var(--grey_bg);
 }
 
 .breadcrumb>div {
     font-size: 0px;
 }
 
 .breadcrumb a {
     display: inline-block;
     font-size: 0.875rem;
     line-height: 3.5rem;
     color: var(--text);
     transition: all .4s;
 }
 
 .breadcrumb a:hover {
     color: var(--colour1);
 }
 
 .breadcrumb a:not([href]):not([tabindex]) {
     color: var(--tips_text);
 }
 
 .breadcrumb a:after {
     content: ">";
     margin: 0 5px;
     color: var(--tips_text);
 }
 
 .breadcrumb a:not([href]):not([tabindex]):after {
     content: "";
 }
 /*内页导航*/
 /*关于我们*/
 
 .about {
     background: url(../images/pcmap.png) center no-repeat;
 }
 
 .about-info {
     max-width: 65rem;
     margin: auto;
 }
 
 .about-info .slogan {
     text-align: center;
 }
 
 .about-info .slogan img {
     max-width: 12rem;
 }
 
 .about-info .info {}
 /**/
 
 .about-p {
     margin-left: -1rem;
     margin-right: -1rem;
 }
 
 .about-p .owl-item {
     padding: 1rem 0.5rem;
 }
 
 .about-p .img {
     background: var(--grey_bg);
     transition: all 0.4s;
 }
 
 .about-p a:hover .img {
     background: #fff;
     box-shadow: 0 0.5rem 1rem var(--shadow);
 }
 
 .about-p img {
     mix-blend-mode: multiply;
 }
 
 .about-p .title {
     margin: 1rem 0;
     text-align: center;
     color: var(--text);
     transition: all 0.4s;
 }
 
 .about-p a:hover .title {
     font-weight: bold;
     color: var(--colour1);
 }
 /**/
 
 .honor-box {
     background: url(../images/bg5.jpg) center no-repeat;
 }
 
 .honor-box .img {
     padding-bottom: 138.2%;
     background: url(../images/award1.png) center top -60px no-repeat, #fff;
 }
 
 .honor-box .img img {
     max-width: 80%;
     max-height: 80%;
 }
 
 .honor-box .name {
     margin-top: 1rem;
     font-size: 0.9375rem;
     text-align: center;
 }
 
 .honor-box .owl-nav i {
     display: inline-block;
     width: 3.5rem;
     height: 3.5rem;
     line-height: 3.5rem;
     font-size: 1.5rem;
     text-align: center;
     color: #fff;
     background: var(--dark);
     border-radius: 50%;
     transition: all 0.4s;
 }
 
 .honor-box .owl-nav i:hover {
     background: var(--colour1);
 }
 /*产品分类列表*/
 
 .proudct-nav {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-top: 3rem;
 }
 
 .proudct-nav li {
     width: 48.5%;
     height: 100%;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 3%;
     background: var(--grey_bg);
     overflow: hidden;
     transition: all 0.4s;
 }
 
 .proudct-nav li:last-child {
     margin-bottom: 0;
 }
 
 .proudct-nav li .img {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50%;
     transition: all 0.4s;
     overflow: hidden;
 }
 
 .proudct-nav li .img img {
     mix-blend-mode: multiply;
 }
 
 .proudct-nav li .info {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50%;
     padding: 5%;
 }
 
 .proudct-nav li .info>div {
     width: 100%;
     transition: all 0.6s;
 }
 
 .proudct-nav li .info .title {
     line-height: 1.5em;
     color: #333;
     transition: all 0.6s;
 }
 
 .proudct-nav li .info .title:hover {
     color: var(--colour1);
 }
 
 .proudct-nav li .info pre {
     color: var(--text);
     font-size: 1rem;
     line-height: 1.75em;
     height: 5.25em;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .proudct-nav li .info .more {
     display: inline-block;
     padding: 0 1.5em;
     margin-top: 2rem;
     font-weight: bold;
     font-size: 0.875rem;
     line-height: 3em;
     border: 1px solid #ebebeb;
     border-radius: 2em;
     color: var(--text);
     transition: all 0.4s;
 }
 
 .proudct-nav li:hover .info .more {
     color: var(--colour1);
     border: 1px solid var(--colour1);
 }
 
 .proudct-nav li .info .more:hover {
     padding: 0 2em;
     background: var(--colour1);
     border: 1px solid var(--colour1);
     color: #fff;
 }
 
 .proudct-nav li.onepage {
     width: 100%;
 }
 
 .proudct-nav li.onepage .img {
     width: 65%;
 }
 
 .proudct-nav li.onepage .info {
     width: 35%;
 }
 /*栏目导航*/
 
 .product-list-nav {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: 2rem 0;
     justify-content: center;
 }
 
 .product-list-nav li {
     position: relative;
     z-index: 1;
     opacity: 0.9;
     transition: all 0.4s;
 }
 
 .product-list-nav li:hover,
 .product-list-nav li.active {
     opacity: 1;
 }
 
 .product-list-nav li:before {
     content: "";
     position: absolute;
     z-index: -1;
     bottom: 0px;
     left: 0%;
     width: 100%;
     height: 3px;
     background-color: var(--colour1);
     transition: transform .4s cubic-bezier(.4, 0, .2, 1);
     transform: scaleX(0);
     transform-origin: 100%;
 }
 
 .product-list-nav li:hover:before,
 .product-list-nav li.active:before {
     content: "";
     transform: scaleX(1);
     transform-origin: 0%;
 }
 
 .product-list-nav a {
     display: block;
     padding: 1rem 3rem;
 }
 
 .product-list-nav span {
     display: block;
     font-size: 0.9375rem;
     color: var(--small_text);
     text-align: center;
 }
 
 .product-list-nav .icon {
     font-size: 4.375rem;
 }
 
 .product-list-nav .active span,
 .product-list-nav li:hover span {
     color: var(--colour1);
 }
 
 .product-list-nav .icon {
     font-size: 4rem;
 }
 /*产品列表*/
 
 .product-list {
     display: flex;
     flex-wrap: wrap;
     margin-left: -0.5rem;
     margin-right: -0.75rem;
 }
 
 .product-list li {
     width: 25%;
     padding: 0.5rem;
 }
 
 .product-list li a {
     position: relative;
     display: block;
     background: var(--grey_bg);
     overflow: hidden;
     transition: all 0.4s;
 }
 
 .product-list li a:hover {
     background: #fff;
     box-shadow: 0 0.5rem 1.25rem var(--shadow);
 }
 
 .product-list li a:before {
     content: "";
     position: absolute;
     z-index: 1;
     bottom: 0px;
     left: 0%;
     width: 100%;
     height: 3px;
     background-color: var(--colour1);
     transition: transform .4s cubic-bezier(.4, 0, .2, 1);
     transform: scaleX(0);
     transform-origin: 100%;
 }
 
 .product-list li a:hover:before {
     content: "";
     transform: scaleX(1);
     transform-origin: 0%;
 }
 
 .product-list li .img {
     mix-blend-mode: multiply;
     overflow: hidden;
     transition: all 0.4s;
 }
 
 .product-list li .img img {}
 
 .product-list li p {
     margin: 1.5rem 0;
     text-align: center;
     color: var(--text);
     transition: all 0.4s;
 }
 
 .product-list li a:hover p {
     font-weight: bold;
     color: var(--colour1);
 }
 /*产品详情*/
 
 .product>.container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 
 .product .img {
     width: 60%;
 }
 
 #product-img {
     position: sticky;
     top: calc(3rem + var(--head_height));
     background: #fff;
 }
 /*
 #product-img .item {
     background: #fff;
 }
 
 #product-img .item img {
     mix-blend-mode: multiply;
 }*/
 
 #product-img .item,
 #product-img .item a {
     cursor: zoom-in;
 }
 
 #product-img .item a {
     display: block;
     padding-bottom: 61.8%;
 }
 
 #product-img .owl-dots {}
 
 .product .info {
     width: calc(40% - 2rem);
 }
 
 .product .info a:hover {
     color: var(--colour1);
 }
 
 .product .info {
     padding: 2rem;
 }
 
 .product .info pre {
     font-size: 0.9375rem;
     color: var(--text);
 }
 
 .product .info>div:last-of-type {
     border-bottom: none;
 }
 
 .product .info .product-name {
     margin-bottom: 0;
 }
 
 .product-describe pre {
     font-size: 0.9375rem;
 }
 
 .product-page {
     margin-top: 4rem;
     display: flex;
     border-top: 1px solid rgba(0, 0, 0, .05);
     border-bottom: 1px solid rgba(0, 0, 0, .05);
 }
 
 .product-page a {
     position: relative;
     z-index: 1;
     display: flex;
     width: 50%;
     padding: 2rem 1rem;
     transition: all 0.4s;
 }
 
 .product-page a:not([href]):hover {
     background: rgba(0, 0, 0, .02);
 }
 
 .product-page a:before {
     content: "";
     position: absolute;
     z-index: -1;
     bottom: 0px;
     left: 0%;
     display: block;
     width: 100%;
     height: 0%;
     background-color: var(--colour1);
     transition: all .4s;
 }
 
 .product-page a:hover:before {
     content: "";
     height: 100%;
 }
 
 .product-page a:not([href]):hover:before {
     height: 0%;
 }
 
 .product-page a.right {
     justify-content: flex-end;
 }
 
 .product-page .ico {
     display: flex;
     align-items: center;
     flex-shrink: 0;
 }
 
 .product-page a:not([href]):hover .ico .icon,
 .product-page .ico .icon {
     display: inline-block;
     padding: 0 1rem;
     font-size: 1.5rem;
     line-height: 1em;
     color: var(--text);
     transition: all 0.4s;
 }
 
 .product-page a.right .ico {
     order: 2;
 }
 
 .product-page .left:not([href]):hover .ico .icon,
 .product-page .left .ico .icon {
     border-right: 1px solid rgba(0, 0, 0, .05);
 }
 
 .product-page .right:not([href]):hover .ico .icon,
 .product-page .right .ico .icon {
     border-left: 1px solid rgba(0, 0, 0, .05);
 }
 
 .product-page .info {
     width: 100%;
     line-height: 1.625em;
     padding: 0 1.5rem;
 }
 
 .product-page .right .info {
     text-align: right;
 }
 
 .product-page .info div,
 .product-page .info span {
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     overflow: hidden;
     transition: all 0.4s;
 }
 
 .product-page a:not([href]):hover .info div,
 .product-page .info div {
     color: var(--title);
 }
 
 .product-page a:not([href]):hover .info span,
 .product-page .info span {
     font-size: 0.875rem;
     color: var(--small_text);
 }
 
 .product-page a:hover .ico .icon,
 .product-page a:hover .info div,
 .product-page a:hover .info span {
     color: #fff;
 }
 
 .product-page .left:hover .ico .icon {
     border-right: 1px solid rgba(255, 255, 255, .3);
 }
 
 .product-page .right:hover .ico .icon {
     border-left: 1px solid rgba(255, 255, 255, .3);
 }
 
 .product-details {
     overflow: hidden;
 }
 
 .product-details table {
     width: 100%;
     color: var(--tips_text);
     font-size: 0.9375rem;
 }
 
 .product-details table tr {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .product-details table td {
     line-height: 1.5em;
     padding: 0.5rem 1.125rem;
     border-left: 1px solid rgba(255, 255, 255, 0.2);
     border-top: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .product-more .img {
     background: #fff;
 }
 
 .product-more .title {
     color: var(--text);
     font-size: 0.9375rem;
     margin: 1rem 0;
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     overflow: hidden;
 }
 /*文章*/
 
 .alert {
     max-width: 75rem;
     padding: 3rem;
     margin: auto;
     background: var(--grey_bg);
 }
 /*图片--缩小*/
 
 .picture-list {
     display: flex;
     flex-wrap: wrap;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
 }
 
 .picture-list li {
     width: 25%;
     padding: 0.75rem;
     text-align: center;
 }
 
 .picture-list li .img {
     background: var(--grey_bg);
 }
 
 .picture-list li .img img {
     max-width: 90%;
     max-height: 90%;
     mix-blend-mode: multiply;
 }
 /*设备*/
 
 .picture-e .img {
     padding-bottom: 75%;
 }
 /*解决方案*/
 
 .faq {
     max-width: 75rem;
     padding: 5%;
     margin: 1rem auto;
     border-radius: 0.5rem;
     background: var(--grey_bg);
 }
 
 .faq>div {
     margin-bottom: 1.5rem;
 }
 
 .faq li {
     margin: 1rem 0;
 }
 
 .faq a {
     display: block;
     padding: 5%;
     border-radius: 0.25rem;
     background: #fff;
     transition: all 0.4s;
 }
 
 .faq a:hover {
     box-shadow: 0 0 1.5rem var(--shadow);
 }
 
 .faq .title {
     font-weight: bold;
     transition: all 0.4s;
 }
 
 .faq a:hover .title {
     color: var(--colour1);
 }
 
 .faq pre {
     margin: 0;
     font-size: 0.9375rem;
     line-height: 1.75em;
     max-height: 5.25em;
     color: var(--text);
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 /*常见问题详情*/
 
 .faq-info {
     padding: 5%;
     max-width: 75rem;
     margin: auto;
 }
 /* 画册下载 */
 
 .album {
     display: flex;
     flex-wrap: wrap;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
 }
 
 .album li {
     width: 50%;
     padding: 0.75rem;
 }
 
 .album li .content {
     display: flex;
     padding: 1.5rem;
     border-radius: 0.25rem;
     background: var(--grey_bg);
     transition: all 0.4s;
 }
 
 .album li .content:hover {
     background: #fff;
     box-shadow: 0px 0.75rem 2rem var(--shadow);
 }
 
 .album li .content .img {
     flex-shrink: 0;
     max-width: 10rem;
     padding-bottom: 12rem;
     overflow: hidden;
 }
 
 .album li .content .info {
     padding-left: 2rem;
     width: 100%;
 }
 
 .album li .content .title {
     display: block;
     margin: 0.5rem 0 0.25rem;
     font-weight: bold;
     transition: all 0.4s;
 }
 
 .album li .content:hover .title {
     color: var(--colour1);
 }
 
 .album li .content .subtitle {
     font-size: 0.875rem;
     line-height: 1.5em;
     height: 3em;
     color: var(--small_text);
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .album li .content .time {
     margin-top: 2rem;
     margin-bottom: 0.5rem;
     font-size: 0.875rem;
     color: var(--small_text);
 }
 
 .album li .content .info .btn {
     display: inline-block;
     padding: 0.5em 1.5em;
     font-size: 0.75rem;
     color: #fff;
     background: var(--colour1);
     border-radius: 2em;
     transition: all 0.4s;
 }
 
 .album li .content .btn:hover {
     background: var(--colour2);
 }
 /*下载*/
 
 .down-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
 }
 
 .down-list li {
     width: 33.33%;
     padding: 0.75rem;
     transition: all 0.4s;
 }
 
 .down-list li>div {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-content: space-between;
     z-index: 1;
     width: 100%;
     height: 100%;
     min-height: 13rem;
     padding: 1.5rem;
     border-radius: 0.25rem;
     background: var(--grey_bg);
     overflow: hidden;
     transition: all 0.4s;
 }
 
 .down-list li>div:hover {
     background: #fff;
     box-shadow: 0 0.5rem 1.5rem var(--shadow);
 }
 
 .down-list li .info {
     width: 100%;
 }
 
 .down-list li .title {
     margin-top: 0.5rem;
     margin-bottom: 0.25rem;
     width: 100%;
     display: flex;
     align-items: flex-start;
     flex-shrink: 1;
     font-size: 1rem;
     list-style: 1.25em;
     font-weight: bold;
     color: var(--text);
     transition: all 0.4s;
 }
 
 .down-list li>div:hover .title {
     color: var(--colour1);
 }
 
 .down-list li .info .title:before {
     content: "\b59";
     margin-right: 0.25rem;
     font-family: "iconfont" !important;
     display: inline-block;
     width: 1em;
     font-size: 1.5rem;
     line-height: 1em;
     height: 1em;
     font-style: normal;
     font-weight: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: var(--colour1);
 }
 
 .down-list li .info span {
     padding: 0 0.5rem;
     border-left: 1px solid rgba(0, 0, 0, .1);
     font-size: 0.75rem;
     color: var(--small_text);
 }
 
 .down-list li .info span:first-of-type {
     padding-left: 0;
     border-left: none;
 }
 
 .down-list li .btn {
     display: flex;
     width: auto;
     padding: 0.25em 1.25em;
     flex-shrink: 0;
     font-size: 0.75rem;
     color: #fff;
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     overflow: hidden;
     background: var(--colour1);
     border-radius: 2em;
     transition: all 0.4s;
 }
 
 .down-list li .btn:hover {
     color: #fff;
     background: var(--colour2);
 }
 
 .down-list li .btn span {
     font-size: 1.125rem;
 }
 /*图片--平铺*/
 
 .picture-list2 {
     display: flex;
     flex-wrap: wrap;
     margin-left: -0.75rem;
     margin-right: -0.75rem;
 }
 
 .picture-list2 li {
     width: 25%;
     padding: 0.75rem;
     text-align: center;
 }
 
 .picture-list2 li .img {
     background: var(--grey_bg);
     overflow: hidden;
 }
 
 .picture-list2 li .img img {
     width: 100%;
     height: 100%;
     max-width: none;
     max-height: none;
     mix-blend-mode: multiply;
 }
 
 .picture-list2 li p {
     margin: 0.5rem 0;
 }
 
 .picture-list li p {
     margin: 0.5rem 0;
 }
 /*新闻列表*/
 
 .news-list {
     display: flex;
     flex-wrap: wrap;
     max-width: 75rem;
     margin: auto;
 }
 
 .news-list li {
     width: 100%;
     padding: 0.875rem 0;
 }
 
 a.news-img {
     display: block;
     overflow: hidden;
 }
 
 .news-list li>div {
     position: relative;
     display: flex;
     min-height: 100%;
     background: #f5f5f5;
     overflow: hidden;
     transition: all .4s;
 }
 
 .news-list li>div:hover {
     background: #fff;
     box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05);
 }
 
 .news-img {
     flex-shrink: 0;
     width: 40%;
 }
 
 .news-img img {
     width: 100%;
     height: 100%;
 }
 
 .news-list-text {
     width: 60%;
     padding: 2rem;
 }
 
 a.news-list-title {
     margin-top: 0.25rem;
     margin-bottom: 1.5rem;
     display: block;
     font-size: 1rem;
     line-height: 1.25em;
     color: #333;
     font-weight: bold;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     overflow: hidden;
     transition: all .4s;
 }
 
 .news-list li div:hover a.news-list-title {
     color: var(--colour1);
 }
 
 .news-list span {
     font-size: 0.875rem;
     line-height: 1.25em;
     color: var(--small_text);
 }
 
 .news-list pre {
     margin: 0.75rem 0 1.5rem;
     font-size: 0.9375rem;
     line-height: 1.75em;
     max-height: 5.25em;
     color: #666;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .news-list .more {}
 
 .news-list .more .icon {
     display: inline-block;
     margin-top: 0.5rem;
     width: 1.5rem;
     height: 1.5rem;
     line-height: 1.5rem;
     font-size: 0.875rem;
     font-weight: normal;
     text-align: center;
     color: var(--colour1);
     background: #fff;
     border-radius: 50%;
     transition: all 0.4s;
 }
 
 .news-list li>div:hover .more .icon {
     color: #fff;
     background: var(--colour1);
 }
 /*新闻详情*/
 
 .news {
     max-width: 85rem;
     padding: 4rem;
     margin: auto;
     background: var(--grey_bg);
 }
 
 .news .news-head {
     margin-bottom: 3rem;
 }
 
 .news .news-head small {
     font-size: 0.875rem;
     color: var(--small_text);
 }
 
 .news-page {
     margin-top: 3rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 
 .news-page a {
     display: inline-block;
     width: 49%;
     padding: 1.5rem;
     color: var(--text);
     background: #fff;
     transition: all 0.4s;
 }
 
 .news-page a:hover {
     box-shadow: 0 0 1rem rgba(29, 37, 48, 0.07);
     background: var(--colour1);
     transition: all 0.4s;
 }
 
 .news-page a span {
     font-size: 0.9375rem;
     transition: all 0.4s;
 }
 
 .news-page a:hover span {
     color: #fff;
     opacity: 0.7;
 }
 
 .news-page a p {
     margin: 0;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     transition: all 0.4s;
     overflow: hidden;
 }
 
 .news-page a:hover p {
     color: #fff;
 }
 
 .news .right {
     flex-shrink: 0;
     width: 18rem;
     padding-left: 4rem;
 }
 
 .news .right li {
     margin-bottom: 1.5rem;
 }
 
 .news .right a .img {
     margin-bottom: 0.75rem;
     border-radius: 0.5rem;
     overflow: hidden;
 }
 
 .news .right a small {
     font-size: 0.875rem;
     color: var(--small_text)
 }
 
 .news .right a p {
     color: var(--text);
     transition: all 0.4s;
 }
 
 .news .right a:hover p {
     color: var(--colour1);
 }
 /*加入我们*/
 
 #join {
     margin-top: 2em;
 }
 
 #join .join-head {
     display: block;
     background: var(--grey_bg);
     white-space: nowrap;
 }
 
 #join .join-head.collapsed {
     background: #fff;
 }
 
 #join .join-head:hover {
     background: var(--grey_bg);
 }
 
 #join>.join-head {
     color: var(--colour1);
     font-weight: bold;
     border-radius: 0;
     border-left: 1px solid rgba(0, 0, 0, .125);
     border-right: 1px solid rgba(0, 0, 0, .125);
     border-bottom: 1px solid rgba(0, 0, 0, .125);
     border-top: 2px solid var(--colour1);
     background: #fff!important;
 }
 
 .join-head>div {
     display: inline-block;
     padding: 1.75rem 0;
     vertical-align: middle;
     font-size: 0.875rem;
     text-align: center;
     white-space: normal;
     transition: all 0.4s;
 }
 
 .join-head .name {
     width: 30%;
     font-size: 1em;
     padding-left: 2em;
     text-align: left;
 }
 
 .join-head .class {
     width: 17%;
 }
 
 .join-head .place {
     width: 17%;
 }
 
 .join-head .number {
     width: 17%;
 }
 
 .join-head .time {
     width: 17%;
 }
 
 #join .card {
     border-radius: 0;
     border: none;
     border-left: 1px solid rgba(0, 0, 0, .125);
     border-right: 1px solid rgba(0, 0, 0, .125);
 }
 
 #join .card:last-child .join-head {
     border-radius: 0 0 0.5rem 0.5rem;
 }
 
 #join .card-header {
     padding: 0;
     border-radius: 0;
     background: none;
 }
 
 #join .card-body {
     padding: 2rem;
     border-bottom: 1px solid rgba(0, 0, 0, .125);
 }
 
 #join .btn-link {
     margin-top: 3em;
     margin-bottom: 1em;
     display: inline-block;
     padding: 0 2em;
     font-size: 1em;
     line-height: 3em;
     color: #fff;
     border-radius: 0.75rem;
     background: var(--colour1);
     transition: all 0.4s;
 }
 
 #join .btn-link:hover {
     background: var(--colour2);
 }
 /*联系方式*/
 
 .contact {
     position: relative;
     z-index: 1;
     display: flex;
 }
 
 .contact-info {
     width: 50vw;
     padding: 5% 8% 5% 5%;
     background: #fff;
 }
 
 .contact-info .title {
     margin-bottom: 1rem;
     width: 100%;
 }
 
 .contact-info ul {}
 
 .contact-info ul .icon {
     position: relative;
     padding-left: 2rem;
 }
 
 .contact-info ul .icon:before {
     position: absolute;
     left: 0;
     z-index: 1;
     font-size: 120%;
     color: var(--colour1);
 }
 
 .contact-info img {
     max-width: 9rem;
 }
 /*地图*/
 
 #map-canvas {
     position: sticky;
     z-index: 1;
     top: var(--head_height);
     right: 0;
     height: calc(100vh - var(--head_height));
     width: 50vw;
     padding: 0px;
     color: #666;
 }
 
 .content-window-card {
     position: relative;
     box-shadow: none;
     bottom: 0;
     left: 0;
     width: auto;
     padding: 0;
 }
 
 .content-window-card p {
     height: 2rem;
 }
 
 .amap-icon img,
 .amap-marker-content img {
     width: 25px;
     height: 34px;
 }
 
 .custom-info {
     border: solid 1px silver;
 }
 
 div.info-top {
     display: none;
     position: relative;
     background: none repeat scroll 0 0 #F9F9F9;
     border-bottom: 1px solid #CCC;
     border-radius: 5px 5px 0 0;
 }
 
 div.info-top div {
     display: inline-block;
     color: #333333;
     font-size: 14px;
     font-weight: bold;
     line-height: 31px;
     padding: 0 10px;
 }
 
 div.info-top img {
     position: absolute;
     top: 10px;
     right: 10px;
     transition-duration: 0.25s;
 }
 
 div.info-top img:hover {
     box-shadow: 0px 0px 5px #000;
 }
 
 div.info-middle {
     font-size: 12px;
     padding: 10px 15px;
     line-height: 20px;
     overflow: hidden;
 }
 
 div.info-bottom {
     height: 0px;
     width: 100%;
     clear: both;
     text-align: center;
 }
 
 div.info-bottom img {
     position: relative;
     z-index: 104;
 }
 
 .custom-info span {
     margin-left: 5px;
     font-size: 11px;
 }
 
 .info-middle img {
     float: left;
     margin-right: 6px;
 }
 /*地图*/
 /*在线留言*/
 
 .contact-feedback {
     padding: 2rem;
 }
 
 .feedback input,
 .feedback select {
     outline: none;
     margin-bottom: 1rem;
     width: 100%;
     padding: 0px 1rem;
     font-size: 1rem;
     line-height: 3rem;
     height: 3rem;
     color: #666;
     border: none;
     background: var(--grey_bg);
     transition: all .4s;
 }
 
 .feedback select {
     appearance: none;
 }
 
 .feedback .label input {
     display: none;
 }
 
 .field-name-prefix-item {
     display: inline-block;
 }
 
 .field-name-prefix-item label {
     display: block;
     margin-bottom: 18px;
     line-height: 40px;
     text-align: center;
     width: 126px;
     cursor: pointer;
     background: var(--grey_bg);
     transition: color .15s, background .15s;
 }
 
 .field-name-prefix-item input[type=radio]:checked+label {
     color: #fff;
     background: var(--colour1);
 }
 
 .form-control {
     border: 1px solid #ebebeb;
     line-height: 44px;
     height: 44px;
     width: 100%;
     padding: 0px 15px;
     margin: 10px 0px;
     border-radius: none;
     box-shadow: 0;
 }
 
 .feedback textarea {
     border: none;
     font-size: 15px;
     line-height: 22px;
     width: 100%;
     height: 160px;
     padding: 15px;
     margin: 10px 0px;
     outline: none;
     box-shadow: none;
     overflow-x: hidden;
     background: var(--grey_bg);
 }
 
 .feedback input:focus,
 .feedback textarea:focus {}
 
 .choice-privacy {
     margin-bottom: 20px;
 }
 
 .choice-privacy input {
     margin-bottom: 3px;
     margin-right: 6px;
     display: inline-block;
     width: 16px;
     height: 16px;
     vertical-align: middle;
 }
 
 .choice-privacy input[type=radio]:checked~label {
     background: var(--colour1);
 }
 
 .choice-privacy label a {
     color: #666;
     text-decoration: underline;
 }
 
 .choice-privacy label a:hover {
     color: var(--colour1);
     text-decoration: underline;
 }
 
 .feedback .submit {
     display: inline-block;
     padding: 0px 4em;
     background: var(--colour1);
     font-size: 1rem;
     line-height: 3rem;
     color: #fff;
     margin: 15px 0px;
     border-radius: 0.25rem;
     transition: all .3s;
 }
 
 .feedback .submit:hover {
     background: var(--colour2);
 }
 
 .feedback .submit span {
     display: inline-block;
     font-size: 20px;
     line-height: inherit;
     color: #fff!important;
     vertical-align: bottom;
 }