:root {
                     --main-color: #d3a895;
                     --main-color1: #d32329;
                     --main-color-white: #ffffff;
                     --main-color-555: #555555;
                     --main-color-999: #999999;
                     --main-color-666: #666666;
                     --main-color-333: #333333;
                     --main-color-888: #888888;
                     --main-color-222: #222222;
                     --main-transition: all ease 0.4s;
                     --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                 }
                 
                 * {
                     padding: 0;
                     margin: 0;
                     box-sizing: border-box;
                     font-family: ' ';
                 }
                 
                 ul li {
                     list-style: none;
                 }
                 
                 a {
                     text-decoration: none;
                 }
                 
                 a:hover {
                     text-decoration: none;
                 }
                 
                 img {
                     vertical-align: top;
                     outline-width: 0ch;
                 }
                 
                 .container {
                     width: 100%;
                     margin: 50px auto;
                     background-color: #cfcfcf;
                 }
                 
                 .scroll {
                     width: 100%;
                     border: 1px solid #ccc;
                     overflow: hidden;
                 }
                 
                 .scroll ul {
                     white-space: nowrap;
                 }
                 
                 .scroll ul li {
                     display: inline-block;
                     margin: 10px;
                 }
                 
                 .scroll ul img {
                     vertical-align: top;
                     width: 100%;
                 }
                 
                 .padding-5 {
                     padding: 5px;
                 }
                 
                 .margin-t-20 {
                     margin-top: 20px;
                 }
                 
                 a {
                     text-decoration: none;
                 }
                 
                 .select {
                     margin-top: 10px;
                 }
                 
                 @media only screen and (min-width: 996px) {
                     .pchead {
                         width: 100%;
                         padding: 0 7%;
                         position: fixed;
                         height: 110px;
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
                         top: 0;
                         left: 0;
                         z-index: 9999;
                         background-color: #fff;
                     }
                     .pcnav {
                         display: flex;
                         align-items: center;
                     }
                     .pclogo img {
                         height: 80px;
                     }
                     .pcnav>li {
                         position: relative;
                         padding: 0 30px;
                     }
                     .pcnav>li>a {
                         display: block;
                         font-size: 15px;
                         height: 110px;
                         line-height: 110px;
                         color: #2c2c2c;
                         border-bottom: 0px solid #2c2c2c;
                         transition: all ease 0.3s;
                     }
                     .line {
                         width: 0%;
                         height: 1px;
                         transition: all ease .3s;
                         border-bottom: 1px solid #2c2c2c;
                     }
                     .pcnav>li:hover .line {
                         width: 100% !important;
                     }
                     .pcnav>li:hover .pc_sec_nav {
                         opacity: 1 !important;
                         visibility: visible !important;
                     }
                     .pc_sec_nav {
                         padding-top: 15px;
                         padding-bottom: 80px;
                         background-color: #fff;
                         transition: all ease 0.4s;
                         padding-left: 7%;
                         padding-right: 7%;
                         position: fixed;
                         top: 110px;
                         left: 0;
                         width: 100%;
                         min-height: 100px;
                         opacity: 0;
                         visibility: hidden;
                         z-index: 99999;
                         box-shadow: 5px 10px 20px rgb(0 0 0 / 2%);
                     }
                     .pc_sec_nav strong {
                         display: block;
                         margin-bottom: 40px;
                         font-size: 16px;
                         color: #2c2c2c;
                         letter-spacing: 3px;
                         font-style: italic;
                     }
                     .pc_sec_nav ul {
                         display: flex;
                         align-items: center;
                     }
                     .pc_sec_nav ul li {
                         width: 23%;
                         margin-right: 2%;
                         cursor: pointer;
                     }
                     .pc_sec_nav ul li img {
                         width: 100%;
                     }
                     .pc_sec_nav ul li p {
                         color: #2c2c2c;
                         font-size: 15px;
                         padding: 15px 0;
                     }
                     .pc_sec_nav ul li span {
                         color: #2c2c2c;
                         font-size: 13px;
                     }
                     .mbhead {
                         display: none;
                     }
                     .mbnav {
                         display: none;
                     }
                     .sep {
                         height: 110px;
                     }
                     .banner {
                         width: 100%;
                     }
                     .banner img {
                         width: 100%;
                     }
                     .con1 {
                         width: 100%;
                         display: flex;
                         flex-wrap: wrap;
                         align-items: center;
                         padding: 0 15%;
                         justify-content: space-between;
                     }
                     .con1left {
                         width: 45%;
                     }
                     .con1right {
                         width: 55%;
                         padding: 0 150px;
                     }
                     .con1right h1 {
                         font-weight: normal;
                         font-size: 60px;
                         color: #2c2c2c;
                         line-height: 61px;
                         margin-bottom: 20px;
                     }
                     .con1right p {
                         color: #2c2c2c;
                         font-size: 16px;
                         line-height: 30px;
                     }
                     .con2 {
                         width: 100%;
                         padding: 100px 15%;
                         background-color: #f5f5f7;
                     }
                     .title {
                         text-align: center;
                         color: #2c2c2c;
                         font-size: 45px;
                         margin-bottom: 45px;
                     }
                     .con2 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .con2 ul li {
                         width: 31%;
                         cursor: pointer;
                     }
                     .con2 ul li img {
                         width: 100%;
                     }
                     .con2 ul li p {
                         padding: 20px 0;
                         font-size: 30px;
                         color: #2c2c2c;
                     }
                     .con2 ul li span {
                         color: #2c2c2c;
                         font-size: 14px;
                     }
                     .con3 {
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
                         flex-wrap: wrap;
                         padding: 0 15%;
                     }
                     .con3left {
                         width: 55%;
                     }
                     .con3right {
                         width: 45%;
                     }
                     .con3right img {
                         width: 100%;
                     }
                     .con3left {
                         padding: 0 150px;
                     }
                     .con3left strong {
                         display: block;
                         font-size: 45px;
                         color: #2c2c2c;
                         font-weight: normal;
                     }
                     .con3left p {
                         font-size: 14px;
                         color: #2c2c2c;
                         padding: 20px 0;
                         line-height: 30px;
                     }
                     .con3left a {
                         font-size: 16px;
                         color: #2c2c2c;
                     }
                     .con4 {
                         width: 100%;
                         padding: 50px 15%;
                     }
                     .con4 video {
                         width: 100%;
                     }
                     .con5 {
                         width: 100%;
                         padding: 0 15%;
                     }
                     .con5 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .con5 ul li {
                         width: 31%;
                         position: relative;
                         margin-bottom: 30px;
                     }
                     .con5 ul li img {
                         width: 100%;
                          height: 315px; 
                         object-fit: cover;
                     }
                     .con5 ul li:hover .lipos {
                         opacity: 1 !important;
                         visibility: visible !important;
                     }
                     .lipos {
                         width: 100%;
                         position: absolute;
                         height: 100%;
                         background: rgba(0, 0, 0, .5);
                         padding: 20px;
                         line-height: 30px;
                         color: #fff;
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         font-size: 14px;
                         top: 0;
                         left: 0;
                         opacity: 0;
                         visibility: hidden;
                         transition: all ease .5s;
                     }
                     .more {
                         display: block;
                         font-size: 16px;
                         color: #2c2c2c;
                         text-align: center;
                     }
                     .con6 {
                         width: 100%;
                     }
                     .foot {
                         background-color: #e2e3e6;
                         padding: 150px 7%;
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .footleft {
                         width: 47%;
                     }
                     .footleft strong {
                         display: block;
                         font-size: 45px;
                         margin-bottom: 45px;
                         color: #2c2c2c;
                         font-weight: normal;
                     }
                     .footright {
                         width: 47%;
                     }
                     .form {
                         display: flex;
                         align-items: center;
                         padding-bottom: 5px;
                         border-bottom: 1px solid #979797;
                         margin-bottom: 50px;
                         flex-wrap: wrap;
                     }
                     .text textarea {
                         display: block;
                         width: 100%;
                         background-color: transparent;
                         outline: none;
                         padding-top: 10px;
                         min-height: 100px;
                         border: none;
                     }
                     .form span {
                         color: #2c2c2c;
                         font-size: 15px;
                         font-weight: bold;
                         display: block;
                         height: 40px;
                         line-height: 40px;
                         width: 10%;
                         text-align: left;
                     }
                     .form input {
                         display: block;
                         flex: 1;
                         height: 40px;
                         background-color: transparent;
                         outline: none;
                         border: none;
                     }
                     .text span {
                         display: block;
                         width: 100%;
                     }
                     .submit {
                         text-align: right;
                         font-size: 15px;
                         color: #2c2c2c;
                         display: block;
                     }
                     .copy {
                         padding: 20px 7%;
                         background-color: #e2e3e6;
                         font-size: 15px;
                         text-align: right;
                         color: #2c2c2c;
                     }
                     .w1 {
                         padding: 120px 7%;
                         background-color: #e2e3e6;
                     }
                     .w1 h1 {
                         text-align: center;
                         font-size: 30px;
                         color: #2c2c2c;
                         display: block;
                         max-width: 1250px;
                         margin: 0 auto;
                         font-weight: normal;
                         line-height: 45px;
                     }
                     .w1 p {
                         text-align: center;
                         padding: 15px 0;
                         font-size: 16px;
                         color: #2c2c2c;
                     }
                     .w1 span {
                         text-align: center;
                         display: block;
                         font-style: italic;
                         font-size: 16px;
                         color: #2c2c2c;
                     }
                     .w_con5 {
                         margin: 50px auto;
                     }
                     .r1 {
                         padding: 110px 7%;
                         background-color: #f5f5f7;
                     }
                     .r1 h1 {
                         text-align: center;
                         font-size: 40px;
                         color: #2c2c2c;
                         font-weight: normal;
                         margin-bottom: 30px;
                     }
                     .r1 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .r1 ul li {
                         width: 31%;
                         text-align: center;
                     }
                     .r1 ul li p {
                         text-align: center;
                         font-size: 30px;
                         color: #2c2c2c;
                         padding: 20px 0;
                     }
                     .r1 ul li span {
                         line-height: 30px;
                         display: block;
                         font-size: 15px;
                         color: #2c2c2c;
                     }
                     .work ul li {
                         width: 47%;
                     }
                     .work ul li .lipos {
                         display: flex;
                         flex-direction: column;
                     }
                     .whoq ul li p {
                         font-size: 70px;
                     }
                     .founders {
                         padding: 120px 7%;
                         background-color: #f5f5f7;
                     }
                     .founders strong {
                         text-align: center;
                         display: block;
                         color: #2c2c2c;
                         font-size: 45px;
                         font-weight: normal;
                         margin-bottom: 45px;
                     }
                     .founders .tips {
                         font-size: 16px;
                         color: #2c2c2c;
                         max-width: 750px;
                         line-height: 30px;
                         margin: 0 auto;
                         text-align: center;
                     }
                     .team {
                         max-width: 1350px;
                         margin: 0 auto;
                         margin-top: 50px;
                     }
                     .teamitem {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                         margin-bottom: 70px;
                     }
                     .teamleft {
                         width: 48%;
                     }
                     .teamleft img {
                         width: 100%;
                     }
                     .teamright {
                         width: 48%;
                     }
                     .teamright h6 {
                         font-size: 30px;
                         color: #2c2c2c;
                         margin-bottom: 10px;
                         font-weight: normal;
                     }
                     .teamright span {
                         display: block;
                         font-size: 16px;
                         font-style: italic;
                         margin-bottom: 25px;
                     }
                     .teamright p {
                         font-size: 16px;
                         line-height: 30px;
                     }
                     .inside {
                         width: 100%;
                         padding: 15px 7%;
                         margin: 100px auto;
                     }
                     .copy {
                         text-align: center;
                     }
                     .copy a {
                         font-size: 15px;
                         color: #2c2c2c;
                     }
                 }
                 
                 @media only screen and (max-width: 996px) {
                     .inside {
                         width: 100%;
                         padding: 15px;
                     }
                     .founders {
                         padding: 30px 15px;
                         background-color: #f5f5f7;
                     }
                     .founders strong {
                         text-align: center;
                         display: block;
                         color: #2c2c2c;
                         font-size: 25px;
                         font-weight: normal;
                         margin-bottom: 25px;
                     }
                     .founders .tips {
                         font-size: 16px;
                         color: #2c2c2c;
                         margin-bottom: 10px;
                         line-height: 30px;
                         margin: 0 auto;
                         text-align: center;
                     }
                     .team {
                         width: 100%;
                         margin: 0 auto;
                         margin-top: 30px;
                     }
                     .teamitem {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                         margin-bottom: 70px;
                     }
                     .teamleft {
                         width: 100%;
                     }
                     .teamleft img {
                         width: 100%;
                     }
                     .teamright {
                         width: 100%;
                     }
                     .teamright h6 {
                         font-size: 20px;
                         color: #2c2c2c;
                         margin-bottom: 10px;
                         font-weight: normal;
                     }
                     .teamright span {
                         display: block;
                         font-size: 16px;
                         font-style: italic;
                         margin-bottom: 25px;
                     }
                     .teamright p {
                         font-size: 15px;
                         line-height: 30px;
                     }
                     .work ul li .lipos {
                         display: flex;
                         flex-direction: column;
                     }
                     .r1 {
                         padding: 20px 15px;
                         background-color: #f5f5f7;
                     }
                     .r1 h1 {
                         text-align: center;
                         font-size: 20px;
                         color: #2c2c2c;
                         font-weight: normal;
                         margin-bottom: 10px;
                     }
                     .r1 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .r1 ul li {
                         width: 100%;
                         margin-bottom: 30px;
                         text-align: center;
                     }
                     .r1 ul li p {
                         text-align: center;
                         font-size: 16px;
                         color: #2c2c2c;
                         padding: 15px 0;
                     }
                     .r1 ul li span {
                         line-height: 30px;
                         display: block;
                         font-size: 14px;
                         color: #2c2c2c;
                     }
                     .w1 {
                         padding: 20px 15px;
                     }
                     .w1 h1 {
                         text-align: center;
                         font-size: 20px;
                         color: #2c2c2c;
                         display: block;
                         width: 100%;
                         margin: 0 auto;
                         font-weight: normal;
                         line-height: 30px;
                     }
                     .w1 p {
                         text-align: center;
                         padding: 15px 0;
                         font-size: 16px;
                         color: #2c2c2c;
                     }
                     .w1 span {
                         text-align: center;
                         display: block;
                         font-style: italic;
                         font-size: 16px;
                         color: #2c2c2c;
                     }
                     .foot {
                         background-color: #e2e3e6;
                         padding: 20px 15px;
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .footleft {
                         width: 100%;
                     }
                     .footleft strong {
                         display: block;
                         font-size: 25px;
                         margin-bottom: 15px;
                         color: #2c2c2c;
                         font-weight: normal;
                     }
                     .footright {
                         width: 100%;
                         margin-top: 20px;
                     }
                     .form {
                         display: flex;
                         align-items: center;
                         padding-bottom: 5px;
                         border-bottom: 1px solid #979797;
                         margin-bottom: 50px;
                         flex-wrap: wrap;
                     }
                     .text textarea {
                         display: block;
                         width: 100%;
                         background-color: transparent;
                         outline: none;
                         padding-top: 10px;
                         min-height: 100px;
                         border: none;
                     }
                     .form span {
                         color: #2c2c2c;
                         font-size: 15px;
                         font-weight: bold;
                         display: block;
                         height: 40px;
                         line-height: 40px;
                         width: 10%;
                         text-align: left;
                     }
                     .form input {
                         display: block;
                         flex: 1;
                         height: 40px;
                         background-color: transparent;
                         outline: none;
                         border: none;
                         padding-left: 25px;
                     }
                     .text span {
                         display: block;
                         width: 100%;
                     }
                     .submit {
                         text-align: right;
                         font-size: 15px;
                         color: #2c2c2c;
                         display: block;
                     }
                     .copy {
                         padding: 15px;
                         background-color: #e2e3e6;
                         font-size: 15px;
                         text-align: center;
                         color: #2c2c2c;
                     }
                     .more {
                         display: block;
                         font-size: 16px;
                         color: #2c2c2c;
                         text-align: center;
                     }
                     .con5 {
                         width: 100%;
                         padding: 15px;
                     }
                     .con5 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .con5 ul li {
                         width: 100%;
                         position: relative;
                         margin-bottom: 30px;
                     }
                     .con5 ul li img {
                         width: 100%;
                     }
                     .con5 ul li:hover .lipos {
                         opacity: 1 !important;
                         visibility: visible !important;
                     }
                     .lipos {
                         width: 100%;
                         position: absolute;
                         height: 100%;
                         background: rgba(0, 0, 0, .5);
                         padding: 20px;
                         line-height: 30px;
                         color: #fff;
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         font-size: 14px;
                         top: 0;
                         left: 0;
                         opacity: 0;
                         visibility: hidden;
                         transition: all ease .5s;
                     }
                     .con3 {
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
                         flex-wrap: wrap;
                         width: 100%;
                         padding: 15px;
                     }
                     .con3left {
                         width: 100%;
                     }
                     .con3right {
                         width: 100%;
                     }
                     .con3right img {
                         width: 100%;
                     }
                     .con3left {
                         padding: 15px
                     }
                     .con3left strong {
                         display: block;
                         font-size: 20px;
                         color: #2c2c2c;
                         font-weight: normal;
                     }
                     .con3left p {
                         font-size: 14px;
                         color: #2c2c2c;
                         padding: 15px 0;
                         line-height: 30px;
                     }
                     .con3left a {
                         font-size: 13px;
                         color: #2c2c2c;
                     }
                     .con2 {
                         width: 100%;
                         padding: 15px;
                         margin: 30px auto;
                         background-color: #f5f5f7;
                     }
                     .title {
                         text-align: center;
                         color: #2c2c2c;
                         font-size: 25px;
                         margin-bottom: 25px;
                     }
                     .con2 ul {
                         display: flex;
                         flex-wrap: wrap;
                         justify-content: space-between;
                     }
                     .con2 ul li {
                         width: 100%;
                         margin-bottom: 20px;
                         cursor: pointer;
                     }
                     .con2 ul li img {
                         width: 100%;
                     }
                     .con2 ul li p {
                         padding: 15px 0;
                         font-size: 20px;
                         color: #2c2c2c;
                     }
                     .con2 ul li span {
                         color: #2c2c2c;
                         font-size: 14px;
                     }
                     .banner {
                         width: 100%;
                     }
                     .banner img {
                         width: 100%;
                     }
                     .con1 {
                         width: 100%;
                         display: flex;
                         flex-wrap: wrap;
                         align-items: center;
                         justify-content: space-between;
                     }
                     .con1left {
                         width: 100%;
                     }
                     .con1right {
                         width: 100%;
                         padding: 15px;
                     }
                     .con1right h1 {
                         font-weight: normal;
                         font-size: 30px;
                         color: #2c2c2c;
                         line-height: 35px;
                         margin-bottom: 20px;
                     }
                     .con1right p {
                         color: #2c2c2c;
                         font-size: 16px;
                         line-height: 25px;
                     }
                     .sep {
                         height: 55px;
                     }
                     .pchead {
                         display: none;
                     }
                     .mbhead {
                         position: fixed;
                         top: 0;
                         left: 0;
                         width: 100%;
                         height: 55px;
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
                         padding: 0 20px;
                         background-color: #fff;
                         z-index: 999;
                     }
                     .mbnav {
                         width: 100%;
                         position: fixed;
                         top: 55px;
                         left: 0;
                         z-index: 999;
                         background-color: #f5f5f7;
                         height: calc(100% - 55px);
                         padding: 20px 40px;
                         display: none;
                     }
                     .mbnav ul li a {
                         display: block;
                         color: #2c2c2c;
                         font-size: 15px;
                         height: 45px;
                         line-height: 45px;
                     }
                     .mbdrop a {
                         height: 40px;
                         line-height: 40px;
                         padding-left: 20px;
                         font-size: 13px;
                         color: #2c2c2c;
                         display: block;
                     }
                 }