html {
    /*
      计算方式： 100vw / (设计稿宽度 / 10)
      使用方式： 直接使用 rem 单位
      例如： font-size: 1rem;
      设计稿宽度为 780px 时，1rem = 10px
      当size为14px是，使用 14 / 10 = 1.4rem
      适用于移动端设计稿宽度为 780px 的情况
     */
    font-size: calc(100vw / 78);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul,
ol,
li {
    list-style: none;
}

input,
textarea,
button,
select,
fieldset {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: top;
}

textarea {
    resize: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: var(--themeColor)
}

:root {
    --themeColor: #ff7800;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

body {
    font-family: "PingFangSC-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti", "黑体", "SimSun", "宋体", "Arial", "Helvetica", "sans-serif";
    font-size: 1.4rem;
    line-height: 1.5;
    color: #333;
}

.flex_LR {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.display-none {
    display: none;
}

.inline-block {
    display: inline-block;
}

.pointer {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}


.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.textOverflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.textOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


body {
    padding-top: 10.4rem;
    /* Header height */
}

.header {
    width: 100%;
    height: 10.4rem;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4rem;
}

.manu .icon {
    width: 5rem;
    height: 5rem;
    color: #666;
}

.header .logo-link {
    display: inline-block;
    height: 5.4rem;
}


.header .logo {
    height: 100%;
    width: auto;
}

.fix-menu {
    width: 100%;
    margin: 0;
    background-color: #1a1a1a;
    position: absolute;
    right: -100%;
    top: 0;
    z-index: 1011;
    min-height: 100%;
    transition: all 0.4s ease;
    color: #fff;
}

.fix-menu .row {
    height: 12.7rem;
    padding: 0 3.7rem;
}

.fix-menu .row .l {
    height: 6.3rem;
}

.fix-menu .menu {
    padding: 0 3.691rem;
}

.fix-menu .row .l img {
    height: 100%;
    width: auto;
}

.fix-menu .row .t svg {
    width: 4.1rem;
    height: 4.1rem;
}

.fix-menu .menu-list {
    border-top: 1px solid #333;
    position: relative;
    background-color: #292929;
}

.fix-menu .menu-list a {
    width: 100%;
    color: #fff;
    height: 10.4926rem;
    line-height: 10.4926rem;
    display: block;
    text-decoration: none;
    font-size: 3.497rem;
}

.fix-menu .menu-list .menu-down {
    position: absolute;
    right: 2rem;
    top: 4rem;
    width: 2.52rem;
}

.fix-menu .menu-list .menu-down img {
    width: 100%;
    height: auto;
}

.fix-menu .menu-list .son-menu li {
    width: 100%;
    height: 10.4926rem;
    line-height: 10.4926rem;
    padding: 0 5.829rem;
    border-top: 1px solid #3d3d3d;
}


/** banner */
.banner {
    width: 100vw;
    /* height: calc(100vw + (100vw * 0.661)); */
    position: relative;
}

.swiper-wrapper,
.swiper-slide {
    width: 100%;
    height: 100%;
}

.banner-item {
    position: relative;
    height: 100%;
    width: 100%;
}

.banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.banner-title {
    font-size: 6rem;
    color: #fff;
}

.banner-des {
    font-size: 3.2rem;
    color: #fff;
    margin-top: 1.5rem;
}

.banner-btn {
    text-align: center;
}

.banner .btn-item {
    display: inline-block;
    min-width: 25.8rem;
    height: 8.8rem;
    line-height: 8.8rem;
    border-radius: 6px;
    text-align: center;
    font-size: 3.2rem;
    color: #111;
    margin-top: 10.2rem;
}

.banner-item .sub-botton {
    background-image: linear-gradient(107deg, #FFA951 0%, #FF7208 100%);
    color: #fff;
}

.banner-content.black .banner-title {
    color: #111;
}

.banner-content.black .banner-des {
    color: #111;
}

.banner-item.block-style .banner-title{
    color: #0A1E2E;
}
.banner-item.block-style .banner-des{
    color: #4E5969;
}


.content-item {
    width: 100%;
    padding: 4rem;
}

.content-title {
    margin-bottom: 2rem;
}

.content-title h2 {
    font-size: 5.2rem;
    text-align: center;
}

.sm-mune {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sm-mune-item {
    padding: 0 1rem;
    color: #000;
    height: 6rem;
    line-height: 6rem;
    font-size: 2.4rem;
    margin: 0 5rem;
    margin-bottom: 2rem;
}

.sm-mune-item.active {
    color: var(--themeColor);
    border-bottom: 1px solid var(--themeColor);
}

.sm-content {
    margin-top: 3rem;
    padding: 0 1rem;
}

.sm-content-title {
    font-size: 2.8rem;
    color: #000;
    font-family: PingFangSC-Medium;
    margin-bottom: 1.4rem;
}

.sm-content-des {
    font-size: 2.4rem;
    color: #000;
}

.sm-icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.3rem;
    margin-top: 3rem;
}

.sm-icon-item {
    text-align: center;
    padding: 2rem;
    background: #F6F6F6;
    border-radius: 1.6rem;
}

.sm-icon-item img {
    width: 8.2rem;
    height: 8.2rem;
    object-fit: cover;
}

.sm-icons.style-2 {
    grid-template-columns: repeat(2, 1fr);
}

.sm-icons.style-2 .sm-icon-item {
    padding: 1.6rem;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
}

.sm-icons.style-2 .sm-icon-item img {
    margin-right: 2.4rem;
    width: 7rem;
    height: 7rem;
}

.sm-icons.style-2 .sm-icon-title {
    margin-top: 0;
}

.sm-icon-title {
    font-size: 2.4rem;
    color: #0A1E2E;
    margin-top: 1rem;
}

.sm-grap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2.3rem;
    margin-top: 3rem;
}

.sm-grap-item {
    display: flex;
    align-items: center;
    background: url("../images/背景.png") no-repeat center/cover;
    padding: 2.6rem;
    margin-right: 2rem;
    border-radius: 1.5rem;
}

.sm-grap-item>img {
    width: 12rem;
    height: 12rem;
    object-fit: cover;
    flex-shrink: 0;
}

.sm-grap-item .sm-info {
    margin-left: 3rem;
    flex: 1;
}

.sm-info .sm-icon-title {
    font-family: PingFangSC-Medium;
    font-size: 3.2rem;
    color: #000;
}

.sm-info .sm-info-des {
    margin-top: 1.6rem;
    color: #000000d9;
    font-size: 2.4rem;
}

.touch-menu {
    margin-top: 4rem;
}

div.touch-menu-text {
    font-size: 2.8rem;
    color: #000;
    height: 8.4rem;
    line-height: 8.4rem;
    width: auto;
    display: inline-block;
}

div.touch-menu-text.swiper-slide-active {
    padding: 0 4rem;
    border-radius: 4.2rem;
    background-color: var(--themeColor);
    color: #fff;
}


.touch-content {
    margin-top: 5rem;
}

.touch-avatar {
    display: flex;
    align-items: center;
}

.touch-avatar-img {
    width: 10rem;
    height: 10rem;
    flex-shrink: 0;
}

.touch-avatar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.touch-avatar-msg {
    padding: 1rem;
    border-radius: 1rem;
    background-color: #ff8c2a;
    width: 100%;
    margin-left: 3rem;
    position: relative;
    color: #fff;
    font-size: 2.4rem;
    font-family: "PingFangSC-Medium";
}

.touch-avatar-msg::before {
    content: '';
    position: absolute;
    left: -1.9rem;
    top: 50%;
    transform: translateY(-50%);
    border-right: 2rem solid #ff8c2a;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    z-index: 1;
}

.touch-user {
    margin-top: 3rem;
}

.touch-name {
    color: #000000;
    font-size: 2.4rem;
    font-family: "PingFangSC-Medium";
}

.touch-addr {
    color: #717171;
    font-size: 2.4rem;
    font-family: "PingFangSC-Medium";
}

.touch-content-abl {
    display: flex;
    align-items: center;
    margin-top: 6rem;
}

.touch-content-abl-img {
    width: 8.4rem;
    margin-right: 1.6rem;
}

.touch-content-abl-img img {
    width: 100%;
}

.touch-content-abl-text {
    flex: 1;
}

.touch-content-abl-title {
    color: #0A1E2E;
    font-size: 2.8rem;
    font-family: PingFangSC-Semibold;
}

.touch-content-abl-des {
    color: #666666;
    font-size: 2.4rem;
    font-family: PingFangSC-Regular;
}

.contact-row {
    text-align: center;
    margin-top: 4rem;
}

.detail1-m-btn {
    display: inline-block;
    outline: none;
    min-width: 16rem;
    height: 6rem;
    line-height: 6rem;
    background-color: #fff;
    color: #202123;
    border: 1px solid #B9B9B9;
    font-size: 2.8rem;
    text-align: center;
    border-radius: 1.2rem;
    font-family: PingFangSC-Regular;
}

.detail1-m-btn~.detail1-m-btn {
    margin-left: 2rem;
}

.detail1-m-btn.deep {
    background-color: #202020;
    border-color: #202020;
    color: #FFFFFF;
}

.touch-content-abl-exhibit {
    width: 100%;
    margin-top: 5.2rem;
}

.touch-content-abl-exhibit img {
    width: 100%;
}


.why {
    margin-top: 10rem;
}

.why .content-head {
    margin-bottom: 5.4rem;
}

.why-des {
    margin-top: 2rem;
    font-size: 2.4rem;
    color: #666666;
    text-align: center;
}

.why-item {
    text-align: center;
}

.why-item~.why-item {
    margin-top: 10rem;
}

.why-img {
    height: 16rem;
}

.why-img img {
    height: 100%;
}

.why-title {
    font-family: PingFangSC-Semibold;
    font-size: 3.6rem;
    color: #333333;
    margin-top: 2rem;
}

.why-cont-des {
    font-family: PingFangSC-Regular;
    font-size: 2.8rem;
    color: #666666;
    margin-top: 3rem;
}

.case {
    margin-top: 10rem;
}

.case-content {
    margin-top: 3rem;
}

.case-item {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 0 2rem 0 #00000026;
    border-radius: 2rem;
    padding: 3rem;
}

.case-img {
    width: 100%;
    margin-top: 2rem;
}

.case-logo {
    width: 20rem;
}

.case-logo img {
    width: 100%;
    max-height: 10rem;
}

.case-img img {
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
}

.case-text {
    margin-top: 3rem;
}

.case-title {
    font-size: 3.2rem;
    color: #0A1E2E;
    font-family: PingFangSC-Semibold;
    margin-bottom: 1.6rem;
}

.case-des {
    font-family: PingFangSC-Regular;
    font-size: 2.4rem;
    color: #666666;
}

.play {
    margin-top: 10rem;
}

.play-wrap~.play-wrap {
    margin-top: 12px;
}

.play-item {
    width: 25rem;
    height: 13.2rem;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-item img {
    max-width: 90%;
    max-height: 90%;
}

.article {
    margin-top: 10rem;
}

.article-wrap {
    padding: 0 4rem;
}

.article-link {
    display: flex;
    align-items: center;
}

.article-item {
    padding: 2rem 0;
    border-bottom: 1px solid #DDDDDD;
}

.article-item:last-child {
    /* border-bottom: none; */
}

.article-info {
    flex: 1;
    padding-right: 2rem;
}

.article-img {
    width: 26.4rem;
    height: 16.2rem;
}

.article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.6rem;
}

.article-title {
    font-size: 2.8rem;
    color: #000000;
    font-family: PingFangSC-Medium;
}

.article-des {
    font-size: 2.4rem;
    color: #666666;
    margin-top: 1rem;
}

.btn-item {
    display: inline-block;
    min-width: 20rem;
    height: 8rem;
    line-height: 8rem;
    border-radius: 6px;
    text-align: center;
    font-size: 2.8rem;
    color: #111;
}

.btn-item.sub-botton {
    background-image: linear-gradient(107deg, #FFA951 0%, #FF7208 100%);
    color: #fff;
}

.footer {
    margin-top: 10rem;
    background-color: #222628;
}

.footer-wrap {
    color: #fff;
    padding: 4rem;
}

.footer-title {
    font-size: 4.2rem;
    margin-bottom: 2rem;
    font-family: PingFangSC-Medium;
}

.footer-item {
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
    font-family: PingFangSC-Regular;
}

.footer-q {
    margin-top: 2rem;
}

.footer-q img {
    width: 20rem;
    height: 20rem;
    object-fit: cover;
}

.footer-bth {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 12rem;
    padding: 0 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    transition: all .5s;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .2);
}

.footer-bth.hide {
    bottom: -12rem;
}

.footer-bth-l {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-around;
}

.footer-bth-item img {
    height: 4rem;
}

.footer-bth-item {
    text-align: center;
}

.footer-bth-item div {
    font-size: 2.4rem;
    color: #161313;
    margin-top: 0.5rem;
}

.submit-btn {
    width: 40rem;
    height: 8rem;
    background-image: linear-gradient(101deg, #FFA951 0%, #FF7208 100%);
    text-align: center;
    border-radius: 8rem;
    color: #fff;
    font-size: 2.8rem;
}

ins#aff-im-root .embed-icon{
    display: none!important;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
    pointer-events: none;
}