@font-face {
    font-family: "MB";
    src: url('../font/Montserrat-Bold-3.otf');
}

@font-face {
    font-family: "MSB";
    src: url('../font/Montserrat-SemiBold-9.otf');
}

@font-face {
    font-family: "MR";
    src: url('../font/Montserrat-Regular-8.otf');
}

@font-face {
    font-family: "MM";
    src: url('../font/Montserrat-Medium-7.otf');
}

@font-face {
    font-family: "ML";
    src: url('../font/Montserrat-Light-6.otf');
}

* {
    font-family: 'ML';
}

.hcw1760,
.bcw1400,
.cw1760 {
    max-width: 1760px;
    width: 92%;
    margin: 0 auto;
}

@media screen and (max-width:1440px) and (min-width: 1281px) {
    .cw1760,
    .bcw1400,
    .cw1400 {
        max-width: 1200px;
        width: 100%;
    }
}

@media screen and (max-width:1280px) and (min-width: 1025px) {
    .cw1760,
    .cw1400 {
        max-width: 1100px;
        width: 92%;
    }
    .bcw1400 {
        max-width: 1000px;
        width: 92%;
    }
}

/*@media (max-width:1024px) {*/

/*    .cw1760,*/

/*    .bcw1400,*/

/*    .cw1400{width:92%;}*/

/*}*/

.wow {
    animation-duration: 1.5s;
}

.wow.animate__fadeInLeft,
.wow.animate__fadeInRight {
    animation-duration: 1s;
    --animate-delay: 1s;
}

.wow.animate__fadeIn {
    animation-duration: 2s;
}

.not_info {
    font-size: 20px;
    color: #55c3be;
    line-height: 1.8
}

/* 面包屑 */

.crumbs .icon {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.crumbs .name,
.crumbs .line {
    font-size: 18px;
    color: #888;
    display: block;
}

.crumbs .name.cur {
    color: #333;
}

.crumbs .line {
    margin: 0 7px;
}

/* 翻页 */

.turn_page .paging {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.turn_page .paging>font {
    display: none;
}

.turn_page .paging_point,
.turn_page .paging_next,
.turn_page .paging_btn {
    margin-left: 10px;
}

.turn_page .paging_point,
.turn_page .paging_btn,
.turn_page .paging_prev,
.turn_page .paging_next {
    font-size: 18px;
    min-width: 60px;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    transition: .3s;
    background-color: #fff;
    border: 1px solid #f2f4f6;
}

.turn_page .paging_prev,
.turn_page .paging_next {
    padding: 0 30px;
}

.turn_page .paging_btn:hover,
.turn_page .paging_prev:hover,
.turn_page .paging_next:hover {
    color: #55c3be;
    border-color: #55c3be;
}

.turn_page .paging_btn.cur {
    color: #fff;
    background-color: #55c3be;
}

.turn_page .total_page {
    font-size: 18px;
    color: #b2b2b2;
    margin-left: 30px;
}

.turn_page .total_page span {
    color: #292c33;
}

@media (max-width:750px) {
    .turn_page {
        flex-direction: column;
    }
    .turn_page .total_page {
        margin-top: 15px;
        font-size: 14px;
    }
    .turn_page .paging_point,
    .turn_page .paging_btn,
    .turn_page .paging_prev,
    .turn_page .paging_next {
        min-width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .turn_page .paging_prev,
    .turn_page .paging_next {
        padding: 0 10px;
    }
}

/* 搜索弹窗 */

#searchouter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    z-index: 50;
    transform: scale(1.5);
    visibility: hidden;
    transition: .5s;
    padding-bottom: 13%;
}

#searchouter.show {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

#searchouter .in {
    width: 650px;
}

#searchouter .in .form {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

#searchouter .in .form .keyword {
    padding-right: 60px;
    width: 100%;
    height: 96px;
    line-height: 96px;
    font-size: 28px;
    color: #fff;
}

#searchouter .in .form .keyword::-webkit-input-placeholder {
    font-size: 28px;
    color: #aaa;
}

#searchouter .in .form .keyword::-moz-placeholder {
    font-size: 28px;
    color: #aaa;
}

#searchouter .in .form .keyword:-moz-placeholder {
    font-size: 28px;
    color: #aaa;
}

#searchouter .in .form .keyword:-ms-input-placeholder {
    font-size: 28px;
    color: #aaa;
}

#searchouter .in .submit {
    top: 0;
    right: 0;
    bottom: 0;
}

/* 搜索页 */

#search {
    width: 100%;
    padding: 80px 0;
}

#search .form {
    margin-bottom: 30px;
}

#search .form .text {
    border-radius: 25px 0 0 25px;
    width: 340px;
    padding-left: 15px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #e0e0e0;
    border-right: none;
    font-size: 16px;
}

#search .form .submit {
    border-radius: 0 25px 25px 0;
    height: 50px;
    width: 60px;
    background: url('../images/index/search1.png') no-repeat center #55c3be;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background-size: 22px;
}

#search .w {
    width: 100%;
    overflow-y: auto;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

#search .tab {
    width: 100%;
}

#search .tab .name {
    font-size: 26px;
    font-family: 'MM';
    color: #2f3238;
    margin-right: 30px;
}

#search .tab .name:last-child {
    margin-right: 0;
}

#search .tab .name.cur,
#search .tab .name:hover {
    color: #55c3be;
}

#search .list {
    width: 100%;
    margin-bottom: 50px;
}

#search .list .info li {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

#search .list .info li:first-child {
    border-top: 1px solid #e0e0e0;
}

#search .list .info li .title {
    width: 100%;
    display: block;
    color: #292c33;
    font-size: 20px;
    font-family: 'MM';
    line-height: 30px;
}

#search .list .info li .cate {
    font-size: 18px;
    margin-top: 10px;
    margin-right: 20px;
    color: #292c33;
}

#search .list .info li .day {
    color: #4d4d4d;
    font-size: 18px;
    margin-top: 10px;
}

#search .list .info li:hover .title {
    color: #55c3be;
}

@media (max-width: 750px) {
    #search .form .text {
        width: calc(100% - 60px);
    }
    #search .tab {
        width: 500px;
    }
}

/* 移动端搜索 */

#search_box {
    display: none;
}

@media (max-width: 1024px) {
    #search_box {
        display: none;
        width: 100%;
        height: 120px;
        z-index: 50;
        left: 0;
        top: 100px;
        background: #fff;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    }
    #search_box .form_box {
        width: 92%;
        margin: 30px auto;
        height: 60px;
        border: 1px solid #e0e0e0;
        border-radius: 30px;
        overflow: hidden;
    }
    #search_box .form_box .input {
        width: calc(100% - 60px);
        padding-left: 30px;
    }
    #search_box .form_box .input input {
        width: 100%;
        height: 100%;
        font-size: 18px;
        color: #333;
    }
    #search_box .form_box .submit {
        border-left: 1px solid #e2e2e2;
        width: 60px;
        height: 100%;
        background: url('../images/index/search1.png') #55c3be no-repeat 45% center;
    }
}

@media (max-width:750px) {
    #search_box {
        top: 60px;
    }
}

/* 公共下拉样式 */

[select_drop] {
    position: relative;
}

[select_drop] .com_drop_box {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    width: 100%;
    height: 0;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 20px;
    transition: all 0.3s;
}

[select_drop] .com_drop_box .com_h {
    width: 100%;
    padding: 20px 0;
    max-height: 210px;
    overflow-y: auto;
}

[select_drop] .com_drop_box .com_h.address {
    max-height: 380px;
}

[select_drop] .com_drop_box .com_h .com_name {
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
    padding: 0 20px;
    line-height: 30px;
    transition: all 0.3s;
    margin-bottom: 5px;
    cursor: pointer;
}

[select_drop] .com_drop_box .com_h .com_name:last-child {
    margin-bottom: 0;
}

[select_drop] .com_drop_box .com_h .com_name:hover {
    color: #55c3be;
}

@media (max-width:1440px) {
    [select_drop] .com_drop_box .com_h .com_name {
        font-size: 16px;
    }
}

/* 头部导航 */

#header {
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 15;
    background-color: transparent;
    /*margin-top:25px;*/
}

#header.none {
    transform: translate3d(0, -100%, 0);
}

#header.none.none2 {
    transform: translate3d(0, 0, 0);
}

/* 投资者页面头部需一直在 */

#header.cur,
#header:hover {
    background-color: #fff;
    margin-top: 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

#header.white {
    margin-top: 0;
    background-color: #fff;
}

#header .hattr {
    width: calc(100% - 200px);
}

#header .hattr .logo {
    width: 197px;
}

#header .hattr .hnav {
    width: calc(100% - 197px);
    margin-left: 70px;
}

#header .hattr .hnav .one-nav {
    line-height: 100px;
    margin: 0 2.313%;
}

#header .hattr .hnav .one-nav .nav-a {
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: relative;
    font-family: 'MR';
}

#header:hover .hattr .hnav .one-nav .nav-a,
#header.white .hattr .hnav .one-nav .nav-a,
#header.cur .hattr .hnav .one-nav .nav-a {
    color: #292c33;
}

#header .hattr .hnav .one-nav .nav-a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 0;
    height: 3px;
    background-color: transparent;
    transition: all 0.3s;
}

#header .hattr .hnav .one-nav.cur .nav-a,
#header .hattr .hnav .one-nav:hover .nav-a {
    color: #55c3be;
}

#header .hattr .hnav .one-nav.cur .nav-a::after,
#header .hattr .hnav .one-nav:hover .nav-a::after {
    background-color: #55c3be;
    left: 0;
    right: auto;
    width: 100%;
}

/* 头部下拉 */

#header .hattr .hnav .two-nav {
    width: 100%;
    height: 0;
    overflow: hidden;
    top: 100px;
    left: 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

#header.white .hattr .hnav .two-nav,
#header.cur .hattr .hnav .two-nav {
    top: 100px;
}

#header .hattr .hnav .two-nav .line {
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

#header .hattr .hnav .two-nav .cont {
    width: 100%;
    padding: 60px 0 70px;
}

#header .hattr .hnav .two-nav .cont .tab {
    width: 454px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#header .hattr .hnav .two-nav .cont .tab .name {
    font-size: 18px;
    color: #292c33;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    margin-bottom: 30px;
}

#header .hattr .hnav .two-nav .cont .tab .name:last-child {
    margin-bottom: 0;
}

#header .hattr .hnav .two-nav .cont .tab .name span {
    width: 22px;
    opacity: 0;
    transition: all 0.3s;
    margin-left: 20px;
}

#header .hattr .hnav .two-nav .cont .tab .name:hover {
    color: #55c3be;
    font-family: 'MR';
    transform: translateX(8px);
}

#header .hattr .hnav .two-nav .cont .tab .name:hover span {
    opacity: 1;
}

#header .hattr .hnav .two-nav .cont .picture {
    width: calc(100% - 454px);
    padding: 0 100px 0 54px;
}

#header .hattr .hnav .two-nav .cont .picture .pic {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 54.18%;
    border-radius: 20px;
    overflow: hidden;
}

#header .hattr .hnav .two-nav .cont .picture .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 头部下拉-关于我们 */

#header .hattr .hnav .two-nav .cont .other_tab .about_name {
    font-size: 20px;
    line-height: 50px;
    color: #292c33;
}

#header .hattr .hnav .two-nav .cont .other_tab .about_name:hover {
    font-family: 'MR';
}

#header .hattr .hnav .two-nav .cont .other_tab .name {
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
}

#header .hattr .hnav .two-nav .cont .other_tab .name:hover {
    transform: translateX(5px);
}

#header .hattr .hnav .two-nav .cont .other_tab .name::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
    width: 5px;
    height: 5px;
    background-color: #666;
    transition: all 0.3s;
}

#header .hattr .hnav .two-nav .cont .other_tab .name:hover::after {
    background-color: #55c3be;
}

#header .hattr .hnav .two-nav .cont .other_tab .name span {
    margin-left: 16px;
}

#header .hattr .hnav .two-nav .cont .other_tab .drop_box .drop_top {
    width: 272px;
}

#header .hattr .hnav .two-nav .cont .other_tab .drop_box .drop_top .icon {
    width: 12px;
    transition: all 0.3s;
}

#header .hattr .hnav .two-nav .cont .other_tab .drop_box.in .drop_top .icon {
    transform: rotate(180deg);
}

#header .hattr .hnav .two-nav .cont .other_tab .drop_box .drop_bot {
    height: auto;
    overflow: hidden;
}

#header .hattr .hnav .two-nav .cont .other_tab .drop_box .drop_bot .tab_drop_h {
    padding: 8px 0 0 20px;
}

/* 头部右侧 */

#header .hright {
    width: fit-content;
    height: 100px;
}

#header .hright .search {
    width: 22px;
    height: 22px;
    margin-right: 55px;
}

#header.white .hright .search .i1,
#header.cur .hright .search .i1 {
    display: none;
}

#header.white .hright .search .i2,
#header.cur .hright .search .i2 {
    display: inline-block;
}

#header .hright .lang {
    width: 120px;
    height: 50px;
    border-radius: 35px;
    background-color: #55c3be;
}

#header .hright .lang .icon {
    width: 23px;
}

#header .hright .lang .txt {
    font-size: 20px;
    color: #fff;
    margin-left: 10px;
}

#header .hright .m_search {
    display: none;
    width: 26px;
    margin-right: 30px;
}

#header .hright .menu {
    display: none;
    width: 40px;
    height: 40px;
}

#header .hright .menu.cur .i1 {
    display: none;
}

#header .hright .menu.cur .i2 {
    display: inline-block;
}

#header-blank {
    width: 100%;
    height: 100px;
}

@media (max-width:1680px) {
    #header .hattr .hnav .one-nav {
        margin: 0 2%;
    }
}

@media (max-width:1536px) {
    #header .hattr .hnav {
        margin-left: 50px;
    }
    #header .hattr .hnav .one-nav {
        margin: 0 1.5%;
    }
}

@media (max-width:1440px) {
    #header .hattr .hnav .one-nav .nav-a {
        font-size: 18px;
    }
    #header .hright .search {
        margin-right: 30px;
    }
}

@media (max-width:1366px) {
    #header .hattr .hnav .one-nav .nav-a {
        font-size: 16px;
    }
}

@media (max-width:1280px) {
    #header .hattr .hnav {
        margin-left: 30px;
    }
}

/* 头部移动端 */

#m-nav {
    display: none;
}

@media screen and (max-width:1024px) {
    #header {
        margin-top: 0;
        background-color: #fff;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    }
    #header .hattr {
        width: fit-content;
    }
    #header .hattr .hnav,
    #header .hright .search,
    #header .hright .lang {
        display: none;
    }
    #header .hright .m_search,
    #header .hright .menu {
        display: block;
    }
    #header-blank {
        display: block;
        height: 100px;
    }
    #m-nav {
        display: block;
        width: 100%;
        height: 0;
        z-index: 10;
        left: 0;
        right: 0;
        top: 100px;
        background: #fff;
        overflow-y: auto;
    }
    #m-nav.cur {
        height: calc(100vh - 100px);
        border-top: 1px solid #ebebeb;
    }
    #m-nav .nav .one-nav {
        line-height: 60px;
    }
    #m-nav .nav .one-nav .one {
        cursor: pointer;
        margin: 0 4%;
        border-bottom: 1px solid #ebebeb;
        background: url('../images/index/nav-icon1.png') no-repeat right;
    }
    #m-nav .nav .one-nav.nobg .one {
        background: none;
    }
    #m-nav .nav .one-nav.cur .one {
        background-image: url('../images/index/nav-icon2.png');
    }
    #m-nav .nav .one-nav.cur.nobg .one {
        background: none;
    }
    #m-nav .nav .one-nav .one-a {
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }
    #m-nav .nav .one-nav .two-nav {
        width: 100%;
        background: #f7f7f7;
        padding: 0 30px;
    }
    #m-nav .nav .one-nav .two-nav>div {
        border-bottom: 1px solid #ebebeb;
    }
    #m-nav .nav .one-nav .two-nav .two-a {
        font-size: 18px;
        color: #333;
    }
    #m-nav .nav .one-nav .two-nav>div:nth-child(n+3) .a_about {
        padding: 0 30px;
        font-size: 16px;
        line-height: 50px;
        color: #333;
        position: relative;
        border-top: 1px dashed #ebebeb;
    }
    #m-nav .nav .one-nav .two-nav>div:nth-child(n+3) .a_about::after {
        content: '';
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #999;
    }
    #m-nav .bot-box {
        margin: 30px 0 60px
    }
    #m-nav .bot-box .txt {
        display: block;
        font-size: 18px;
        color: #292c33;
        margin: 0 5px;
    }
    #m-nav .bot-box .txt.cur {
        font-weight: 600;
        color: #55c3be;
    }
}

@media screen and (max-width:750px) {
    #header {
        height: 60px;
    }
    #header .hattr .logo {
        width: 120px;
    }
    #header .hright {
        height: 60px;
    }
    #header .hright .m_search {
        width: 20px;
    }
    #header .hright .menu {
        width: 25px;
        height: 25px;
    }
    #header-blank {
        height: 60px;
    }
    #m-nav {
        top: 60px;
    }
    #m-nav.cur {
        height: calc(100vh - 60px);
    }
}

/* 底部 */

#footer {
    width: 100%;
    overflow: hidden;
    background: url('../images/index/footer-bg.jpg') no-repeat center bottom / cover;
    position: relative;
}

#footer .back_top {
    pointer-events: all;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20%;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.2);
    transition: all 0.3s;
    cursor: pointer;
}

#footer .top {
    width: 100%;
    height: 130px;
}

#footer .top .flogo {
    width: 197px;
}

#footer .top .txt {
    max-width: calc(100% - 250px);
    font-size: 24px;
    color: #55c3be;
}

#footer .center {
    width: 100%;
    padding: 65px 0 0;
}

#footer .center .left {
    width: 23.915%;
    padding-right: 7.972%;
}

#footer .center .left .tit {
    font-size: 18px;
    font-family: 'MR';
    color: #292c33;
}

#footer .center .left .tit span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 10px;
}

#footer .center .left .way {
    margin: 40px 0 50px;
}

#footer .center .left .way .text {
    font-size: 16px;
    line-height: 20px;
    color: #292c33;
    margin-bottom: 15px;
}

#footer .center .left .way .text:last-child {
    margin-bottom: 0;
}

#footer .center .left .share {
    margin-top: 26px;
}

#footer .center .left .share .s_li .s {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 20px;
    padding: 5px;
}

#footer .center .left .share .s_li .s_info {
    display: none;
    left: 0;
    bottom: 100%;
    z-index: 2;
    width: 120px;
    height: 120px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
    border-radius: 10px;
}

#footer .center .left .share .s_li .s_info img {
    width: 100%;
    object-fit: contain;
}

#footer .center .left .share .s_li:hover .s_info {
    display: block;
}

#footer .center .right {
    width: calc(100% - 23.915%);
}

#footer .center .right .fnav {
    width: calc(100% / 5);
    padding-right: 2%;
}

/*#footer .center .right.cn .fnav{padding-right:11%;}*/

#footer .center .right .fnav .fnav-one {
    margin-bottom: 38px;
}

#footer .center .right .fnav .fnav-one .one-a {
    font-size: 18px;
    font-family: 'MR';
    color: #292c33;
    display: inline-block;
    transition: all 0.3s;
}

#footer .center .right .fnav .fnav-one .one-a:hover {
    color: #55c3be;
}

#footer .center .right .fnav .fnav-two .list .two-a {
    font-size: 16px;
    color: #292c33;
    display: block;
    transition: all 0.3s;
    margin-bottom: 16px;
}

#footer .center .right .fnav .fnav-two .list .two-a:last-child {
    margin-bottom: 0;
}

#footer .center .right .fnav .fnav-two .list .two-a:hover {
    color: #55c3be;
}

#footer .bot {
    width: 100%;
    height: 120px;
}

#footer .bot .txt1 {
    font-size: 14px;
    color: #292c33;
}

#footer .bot .txt2 {
    font-size: 14px;
    color: #fff;
}

/*@media (max-width:1680px) {*/

/*    #footer .center .right.cn .fnav{padding-right:8%;}*/

/*}*/

/*@media (max-width:1536px) {*/

/*    #footer .center .right.cn .fnav{padding-right:6.5%;}*/

/*}*/

/*@media (max-width:1440px) {*/

/*    #footer .center .right.cn .fnav{padding-right:6%;width:auto;}*/

/*}*/

@media (max-width:1366px) {
    #footer .center .left {
        padding-right: 3%;
    }
    /*#footer .center .right.cn .fnav{padding-right:5%;}*/
}

@media (max-width:1280px) {
    #footer .center .left {
        padding-right: 2%;
    }
}

@media (max-width:1024px) {
    #footer .top {
        height: auto;
        padding-top: 80px;
    }
    #footer .center {
        flex-direction: column;
    }
    #footer .center .left {
        width: 100%;
        padding: 0 0 50px 0;
    }
    #footer .center .left .way {
        margin: 30px 0;
    }
    #footer .center .right {
        width: 100%;
    }
}

@media screen and (max-width:750px) {
    #footer {
        background: #f4f4f4;
    }
    #footer .top {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 50px;
    }
    #footer .top .txt {
        max-width: 100%;
        margin-top: 20px;
    }
    #footer .center {
        padding-top: 30px;
    }
    #footer .center .left {
        padding-bottom: 30px;
    }
    #footer .center .left .way {
        margin: 15px 0 30px;
    }
    #footer .center .left .share {
        margin-top: 15px;
    }
    #footer .center .right {
        flex-direction: column;
    }
    #footer .center .right .fnav {
        width: 100%;
        border-bottom: 1px solid #999;
        padding: 0 !important;
    }
    #footer .center .right .fnav .fnav-one {
        line-height: 60px;
        margin: 0;
        background: url('../images/index/nav-icon1.png') no-repeat center right / 20px;
    }
    #footer .center .right .fnav.in .fnav-one {
        background-image: url('../images/index/nav-icon2.png');
    }
    #footer .center .right .fnav .fnav-two {
        height: 0;
        overflow: hidden;
    }
    #footer .center .right .fnav .fnav-two .list .two-a {
        margin: 0;
        line-height: 40px;
        padding: 0 30px;
        border-top: 1px dashed #999;
    }
    #footer .bot {
        height: auto;
        flex-direction: column;
        padding: 30px 0 50px;
    }
    #footer .bot .txt1,
    #footer .bot .txt2 {
        line-height: 1.6;
        color: #292c33;
        text-align: center;
    }
    #footer .back_top {
        height: 45px;
        width: 45px;
    }
}

/*使用条款*/

#term {
    width: 100%;
    padding: 100px 0;
}

#term .title {
    font-size: 50px;
    margin-bottom: 50px;
    color: #292c33;
    font-family: 'MR'
}

@media (max-width:750px) {
    #term {
        padding: 50px 0;
    }
    #term .title {
        font-size: 32px;
    }
}

/* 首页广告图 */

#ind_banner {
    width: 100%;
    overflow: hidden;
}

/*#ind_banner .swiper .swiper-slide{width:100%;height:100vh;}*/

#ind_banner .swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    display: block;
}

#ind_banner .swiper .swiper-slide .img .pic {
    width: 100%;
    height: 100%;
    /*padding-top:50.521%;*/
}

/*#ind_banner .swiper .swiper-slide .img .pic .v{top:0;left:0;width:100%;height:100%;}*/

/*#ind_banner .swiper .swiper-slide .img .pic .v::after{content:'';position: absolute;inset:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}*/

#ind_banner .swiper .swiper-slide .img .pic video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#ind_banner .swiper .swiper-slide .img .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ind_banner .swiper .swiper-slide .title {
    font-size: 100px;
    line-height: 110px;
    color: #fff;
    font-family: 'MM';
    padding-bottom: 130px;
    letter-spacing: -1px;
}

#ind_banner .swiper .swiper-slide .brief {
    position: absolute;
    bottom: 8.8%;
    left: 0;
    right: 0;
    z-index: 11;
    color: #fff;
    font-size: 24px;
    font-family: 'ML';
}

#ind_banner .swiper .swiper-pagination {
    bottom: 9.337%;
}

#ind_banner .swiper .swiper-pagination-bullet {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin: 0 12px;
    transition: all 0.3s;
    opacity: 1;
    width: 10.5px;
    height: 10.5px;
}

#ind_banner .swiper .swiper-pagination-bullet-active {
    background: #fff;
    border-color: #fff;
}

#ind_banner .playicon {
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}

#ind_banner .playicon img {
    transform: scale(0.6)
}

@media (max-width:1440px) {
    #ind_banner .swiper .swiper-slide .title {
        font-size: 70px;
        line-height: 80px;
        padding-bottom: 0px;
    }
    #ind_banner .swiper .swiper-slide .brief {
        font-size: 20px;
    }
}

@media (max-width:1024px) {
    #ind_banner .swiper .swiper-slide .title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width:750px) {
    /*#ind_banner .swiper .swiper-slide{height:auto;}*/
    /*#ind_banner .swiper .swiper-slide .img .pic{padding-top:100%;}*/
    #ind_banner .swiper .swiper-slide .title {
        font-size: 30px;
        line-height: 1.6;
    }
    #ind_banner .swiper .swiper-slide .brief {
        font-size: 16px;
        line-height: 1.6;
        bottom: 12%;
    }
    #ind_banner .swiper .swiper-pagination {
        bottom: 5%;
    }
    #ind_banner .swiper .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

/* 内页广告图 */

#inner_banner .bg img {
    width: 100%;
    object-fit: cover;
}

#inner_banner .box .cont {
    width: 100%;
    height: 100%;
    padding: 40px 0 95px;
}

#inner_banner .box .cont .tip {
    font-size: 24px;
    font-family: 'MR';
    color: #55c3be;
}

#inner_banner .box .cont .title {
    font-size: 70px;
    font-family: 'MM';
    color: #292c33;
}

#inner_banner .box .cont .brief {
    font-size: 20px;
    line-height: 36px;
    color: #292c33;
    max-width: 50%;
    max-height: 108px;
    overflow-y: auto;
}

/* 可持续发展-广告图*/

#inner_banner .box .cont .box_info {
    width: 620px;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 58px;
    letter-spacing: -0.5px;
    margin-bottom: 45px;
}

#inner_banner .box .cont .box_info .title {
    margin-top: 20px;
}

#inner_banner .box .cont .box_info .text {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    margin: 20px 0 0;
    max-height: 210px;
}

#inner_banner .box .cont .box_info .btn {
    margin-top: 25px;
    display: block;
    min-width: 180px;
    padding: 0 20px;
    width: fit-content;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    font-family: 'MR';
    color: #292c33;
    transition: all 0.3s;
}

#inner_banner .box .cont .box_info .btn:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

/* 加入我们-广告图*/

#inner_banner .box .cont .join_name {
    font-size: 36px;
    line-height: 60px;
    color: #292c33;
    font-family: 'MM';
}

#inner_banner .box .cont .join_brief {
    font-size: 18px;
    ;
    line-height: 30px;
    max-width: 50%;
    color: #4d4d4d;
    max-height: 150px;
}

@media (max-width:1440px) {
    #inner_banner .box .cont {
        padding: 30px 0 50px;
    }
    #inner_banner .box .cont .brief {
        max-width: 60%;
        font-size: 16px;
        line-height: 32px;
    }
    #inner_banner .box .cont .box_info {
        padding: 30px;
    }
    #inner_banner .box .cont .box_info .title {
        font-size: 42px;
    }
    #inner_banner .box .cont .title {
        font-size: 52px;
    }
    #inner_banner .box .cont .join_brief {
        font-size: 16px;
        max-width: 60%;
    }
    #inner_banner .box .cont .box_info .btn {
        font-size: 16px;
    }
}

@media (max-width:1280px) {
    #inner_banner .box .cont .box_info {
        width: 500px
    }
    #inner_banner .box .cont .box_info .text {
        font-size: 16px;
        line-height: 26px;
        max-height: 182px;
    }
    #inner_banner .box .cont .join_name {
        font-size: 30px;
        line-height: 1.5;
    }
}

@media (max-width:1024px) {
    #inner_banner .box .cont .tip {
        font-size: 18px;
    }
    #inner_banner .box .cont .title {
        font-size: 42px;
    }
    #inner_banner .box .cont .brief {
        max-width: 80%;
    }
    #inner_banner .box .cont .box_info {
        margin-bottom: 30px;
    }
}

@media (max-width:750px) {
    #inner_banner .box .cont .crumbs {
        display: none;
    }
    #inner_banner .bg .i1 {
        display: none;
    }
    #inner_banner .bg .i2 {
        display: inline-block;
    }
    #inner_banner .box .cont {
        justify-content: center;
        padding: 30px 0;
    }
    #inner_banner .box .cont .title {
        font-size: 36px;
    }
    #inner_banner .box .cont .brief {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.5;
        max-height: 135px;
    }
    #inner_banner .join_box {
        position: static;
    }
    #inner_banner .join_box .cont {
        padding-bottom: 0;
    }
    #inner_banner .box .cont .join_name {
        line-height: 1.2;
        margin-bottom: 10px;
    }
    #inner_banner .box .cont .join_brief {
        font-size: 16px;
        line-height: 1.5;
        max-width: 100%;
        text-overflow: unset;
        overflow: visible;
        display: block !important;
        max-height: none;
    }
    #inner_banner .box .cont .box_info {
        padding: 20px;
    }
    #inner_banner .box .cont .box_info .title {
        margin-top: 0;
        font-size: 32px;
    }
    #inner_banner .box .cont .box_info .text {
        max-height: 192px;
        line-height: 1.5;
    }
    #inner_banner .box .cont .box_info .btn {
        height: 50px;
        line-height: 48px;
        min-width: 160px;
    }
}

/* 首页 */

#ind_about {
    padding: 140px 0;
}

#ind_about .title {
    font-size: 62px;
    font-family: 'MR';
    line-height: 1;
    color: #292c33;
    text-align: center;
}

#ind_about .brief {
    font-size: 32px;
    line-height: 48px;
    color: #292c33;
    text-align: center;
    max-width: 84%;
    margin: 44px auto 0;
}

#ind_about .list {
    text-align: center;
    margin: 110px auto 0;
    max-width: 77%;
}

#ind_about .list .li {
    width: calc(100% / 4);
    padding: 0 10px;
}

#ind_about .list .li .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

#ind_about .list .li .number {
    font-size: 30px;
    color: #55c3be;
    line-height: 1;
    font-weight: bold;
    font-family: 'MB';
    margin: 30px 0 0;
}

#ind_about .list .li .number span {
    font-size: 60px;
    line-height: 1;
    fill: #55c3be;
    display: inline-block;
    font-family: 'MB';
}

#ind_about .list .li .txt {
    font-size: 18px;
    color: #292c33;
    font-family: 'ML';
}

@media (max-width:1440px) {
    #ind_about .title {
        font-size: 52px
    }
    #ind_about .brief {
        font-size: 26px;
        line-height: 38px;
    }
    #ind_about .brief,
    #ind_about .list {
        max-width: 90%;
    }
    #ind_about .list .li .txt {
        font-size: 16px;
    }
    #ind_about .list .li .number span {
        font-size: 50px
    }
}

@media (max-width:1280px) {
    #ind_about .list .li .number span {
        font-size: 45px;
    }
}

@media (max-width:1200px) {
    #ind_about {
        padding: 100px 0;
    }
    #ind_about .brief,
    #ind_about .list {
        max-width: 100%;
    }
}

@media (max-width:750px) {
    #ind_about {
        padding: 50px 0;
    }
    #ind_about .title {
        font-size: 36px;
    }
    #ind_about .brief {
        margin-top: 20px;
        font-size: 18px;
        line-height: 1.5;
    }
    #ind_about .list {
        margin-top: 30px;
        flex-direction: column;
    }
    #ind_about .list .li {
        width: 100%;
        margin: 0 0 30px 0 !important;
    }
    #ind_about .list .li:last-child {
        margin-bottom: 0 !important;
    }
    #ind_about .list .li .number {
        margin-top: 10px;
    }
    #ind_about .list .li .number span {
        font-size: 50px;
    }
}

#ind_map {
    width: 100%;
    height: 750px;
    overflow: hidden;
    background: url('../images/index/ind-map.jpg') no-repeat center / cover;
}

#ind_map .cont {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#ind_map .cont .title {
    text-align: center;
    font-size: 62px;
    font-family: 'MR';
    line-height: 1;
    color: #292c33;
}

#ind_map .cont .brief {
    font-size: 32px;
    line-height: 48px;
    color: #292c33;
    text-align: center;
    margin: 52px 0 70px;
}

#ind_map .cont .brief span {
    color: #55c3be;
}

#ind_map .cont .more {
    width: 140px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    border: 1px solid #999;
    text-align: center;
    overflow: hidden;
    background-color: transparent;
    font-size: 18px;
    font-family: 'ML';
    color: #4C4C4D;
    display: block;
}

#ind_map .cont .more:hover {
    background-color: #55c3be;
    border-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #ind_map .cont .title {
        font-size: 52px;
    }
    #ind_map .cont .brief {
        font-size: 28px;
        line-height: 40px;
    }
}

@media (max-width:750px) {
    #ind_map {
        height: auto;
        padding: 50px 0;
    }
    #ind_map .cont .title {
        font-size: 36px;
    }
    #ind_map .cont .brief {
        margin: 30px 0;
        font-size: 18px;
        line-height: 1.5;
    }
    #ind_map .cont .more {
        width: 130px;
        height: 50px;
        line-height: 48px;
    }
}

#ind_packaging {
    width: 100%;
    overflow: hidden;
    padding: 130px 0 140px;
    background: url('../images/index/ind-packaging-bg.png') no-repeat center / cover;
}

#ind_packaging .title {
    font-size: 62px;
    line-height: 1;
    color: #292c33;
    font-family: 'MR';
    text-align: center;
}

#ind_packaging .list {
    overflow-x: auto;
    margin: 70px auto 130px;
}

#ind_packaging .list::-webkit-scrollbar {
    background: rgba(255, 117, 0, 0.3);
    border-radius: 6px;
}

#ind_packaging .list::-webkit-scrollbar-thumb {
    background: #55c3be;
    border-radius: 6px
}

#ind_packaging .tabs {
    display: flex;
    justify-content: center;
    width: 100%
}

#ind_packaging .tabs .li {
    width: calc((100% - (10px * 2 * 6)) / 6);
    margin: 0 10px;
    cursor: pointer;
}

#ind_packaging .tabs .li .icon {
    height: 50px;
    margin-bottom: 22px;
}

#ind_packaging .tabs .li .icon img {
    object-fit: contain;
    height: 100%;
}

#ind_packaging .tabs .li .name {
    font-size: 24px;
    font-family: 'MM';
    line-height: 30px;
    color: #292c33;
    text-align: center;
}

#ind_packaging .tabs .li.cur .icon .i1,
#ind_packaging .tabs .li:hover .icon .i1 {
    display: none;
}

#ind_packaging .tabs .li.cur .icon .i2,
#ind_packaging .tabs .li:hover .icon .i2 {
    display: inline-block;
}

#ind_packaging .tabs .li.cur .name,
#ind_packaging .tabs .li:hover .name {
    color: #55c3be;
}

#ind_packaging .bind .item {
    transition: all 0.3s ease-in-out;
    display: none;
}

#ind_packaging .bind .item.cur {
    display: block;
}

#ind_packaging .bind .item .swiper {
    overflow: visible;
}

#ind_packaging .bind .item .swiper .swiper-slide {
    display: block;
    width: 27.288%;
    min-width: 380px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fafafa;
}

#ind_packaging .bind .item .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 95.833%;
}

#ind_packaging .bind .item .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

#ind_packaging .bind .item .swiper .swiper-slide .name {
    width: 100%;
    padding: 35px 8.33%;
    position: relative;
}

#ind_packaging .bind .item .swiper .swiper-slide .name::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url('../images/products/mask.jpg') no-repeat 80% center / cover;
    transition: all 0.3s;
    opacity: 0;
}

#ind_packaging .bind .item .swiper .swiper-slide .name span {
    font-size: 24px;
    font-family: 'MR';
    color: #292c33;
    transition: all 0.3s;
    position: relative;
    z-index: 3;
}

#ind_packaging .bind .item .swiper .swiper-slide:hover .name span {
    color: #fff;
}

#ind_packaging .bind .item .swiper .swiper-slide:hover .name::after {
    opacity: 1;
}

#ind_packaging .bind .item .swiper .swiper-slide:hover .pic img {
    transform: scale(1.1);
}

#ind_packaging .bind .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
    display: block !important;
}

#ind_packaging .bind .item .pn.prev {
    left: -16px;
}

#ind_packaging .bind .item .pn.next {
    right: -16px;
}

#ind_packaging .bind .item .pn:hover {
    background-color: #55c3be;
}

#ind_packaging .bind .item .pn:hover .i1 {
    display: none;
}

#ind_packaging .bind .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1680px) {
    #ind_packaging {
        padding: 130px 0 120px;
    }
}

@media (max-width:1536px) {
    #ind_packaging {
        padding: 130px 0 115px;
    }
}

@media (max-width:1440px) {
    #ind_packaging {
        padding: 105px 0;
    }
    #ind_packaging .title {
        font-size: 52px;
    }
    #ind_packaging .tabs .li .name {
        font-size: 20px;
        line-height: 26px;
    }
    #ind_packaging .bind .item .swiper .swiper-slide .name span {
        font-size: 20px;
    }
}

@media (max-width:1024px) {
    #ind_packaging .tabs {
        width: 1200px;
    }
}

@media (max-width:750px) {
    #ind_packaging {
        padding: 50px 0;
    }
    #ind_packaging .list {
        margin: 30px auto 50px;
    }
    #ind_packaging .title {
        font-size: 36px;
    }
    #ind_packaging .tabs .li .icon {
        margin-bottom: 10px;
    }
    #ind_packaging .tabs .li .name {
        font-size: 16px;
        line-height: 1.5;
    }
    #ind_packaging .bind .item .swiper .swiper-slide {
        min-width: 260px;
    }
    #ind_packaging .bind .item .swiper .swiper-slide .name {
        padding: 20px;
    }
    #ind_packaging .bind .item .swiper .swiper-slide .name span {
        font-size: 16px;
    }
    #ind_packaging .bind .item .pn {
        width: 45px;
        height: 45px;
    }
    #ind_packaging .bind .item .pn img {
        transform: scale(0.7)
    }
}

#our_ability {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#our_ability .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 14.434%;
    z-index: 2;
    font-size: 62px;
    line-height: 1;
    color: #fff;
    font-family: 'MR';
}

#our_ability .main .swiper-slide .bg {
    width: 100%;
    height: 100%;
    padding-top: 50.521%;
}

#our_ability .main .swiper-slide .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#our_ability .main .swiper-slide .cont {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28%;
    z-index: 2;
}

#our_ability .main .swiper-slide .cont .brief {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    max-width: 50%;
    letter-spacing: -1px;
    font-family: 'ML';
    max-height: 240px;
    overflow-y: auto;
}

#our_ability .main .swiper-slide .cont .brief span {
    color: #55c3be;
}

#our_ability .bot {
    left: 50%;
    transform: translateX(-50%);
    bottom: 12.372%;
    z-index: 3;
    position: absolute;
}

#our_ability .thumbs .swiper-slide .name {
    transition: all 0.3s;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    font-family: 'MR';
    margin-bottom: 36px;
    cursor: pointer;
}

#our_ability .thumbs .swiper-slide .progress {
    transition: all 0.3s;
    width: 100%;
    height: 5px;
    background-color: #fff;
    overflow: hidden;
}

#our_ability .thumbs .swiper-slide .progress .el-bar {
    background-color: #55c3be;
    height: 100%;
    width: 0;
    overflow: hidden;
}

#our_ability .thumbs .swiper-slide.swiper-slide-thumb-active .name {
    color: #55c3be;
}

@media (max-width:1536px) {
    #our_ability .main .swiper-slide .cont .brief {
        max-width: 70%;
    }
}

@media (max-width:1440px) {
    #our_ability .title {
        font-size: 52px;
    }
    #our_ability .main .swiper-slide .cont .brief {
        font-size: 22px;
        line-height: 36px;
        max-height: 216px;
    }
    #our_ability .thumbs .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1280px) {
    #our_ability .main .swiper-slide .cont .brief {
        max-width: 90%;
    }
}

@media (max-width:1200px) {
    #our_ability {
        height: 700px;
    }
    #our_ability .main {
        height: 100%;
    }
}

@media (max-width:750px) {
    #our_ability .title {
        font-size: 36px;
        top: 50px;
    }
    #our_ability .main .swiper-slide .cont {
        top: 120px;
    }
    #our_ability .main .swiper-slide .cont .brief {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.5;
        max-height: 300px;
    }
    #our_ability .bot {
        bottom: 50px;
    }
    #our_ability .thumbs {
        padding-bottom: 30px;
    }
    #our_ability .thumbs .swiper-slide .name {
        margin-bottom: 26px;
    }
    #our_ability .thumbs .swiper-pagination {
        bottom: 0;
    }
    #our_ability .thumbs .swiper-pagination .swiper-pagination-bullet {
        background: #fff;
    }
}

#ind_develop {
    width: 100%;
    padding: 140px 0;
    overflow: hidden;
}

#ind_develop .cont .left {
    width: 40.91%;
}

#ind_develop .cont .left .pic {
    width: 100%;
    height: 100%;
    padding-top: 111.111%;
    border-radius: 20px;
    overflow: hidden;
}

#ind_develop .cont .left .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#ind_develop .cont .right {
    width: 50%;
}

#ind_develop .cont .right .name {
    font-size: 62px;
    font-family: 'MR';
    color: #292c33;
    letter-spacing: -0.5px;
}

#ind_develop .cont .right .brief {
    font-size: 32px;
    line-height: 48px;
    color: #4c4c4c;
    letter-spacing: -0.5px;
    max-width: 95%;
    margin: 60px 0 75px;
}

#ind_develop .cont .right .brief span {
    color: #55c3be;
}

#ind_develop .cont .right .list .li {
    width: 50%;
    padding: 0 12.5% 50px 0;
}

#ind_develop .cont .right .list .li:nth-child(2n) {
    padding-right: 0;
}

#ind_develop .cont .right .list .li .icon {
    width: 36px;
    height: 36px;
    margin-right: 16px;
}

#ind_develop .cont .right .list .li .txt {
    width: calc(100% - 36px);
    font-size: 18px;
    line-height: 20px;
    color: #4d4d4d;
    letter-spacing: -0.5px;
    font-family: 'MR'
}

#ind_develop .cont .right .more {
    margin-top: 45px;
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    transition: all 0.3s;
    background-color: #fff;
    display: block;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    cursor: pointer;
}

#ind_develop .cont .right .more:hover {
    background-color: #55c3be;
    border-color: #55c3be;
    color: #fff;
}

@media (max-width:1680px) {
    #ind_develop .cont .right .name {
        font-size: 52px;
    }
    #ind_develop .cont .right .brief {
        margin: 50px 0 65px;
        font-size: 30px;
        line-height: 1.5;
    }
    #ind_develop .cont .right .more {
        margin-top: 35px;
    }
}

@media (max-width:1440px) {
    #ind_develop .cont .right .name {
        font-size: 42px;
    }
    #ind_develop .cont .right .brief {
        margin: 40px 0;
        font-size: 22px;
    }
    #ind_develop .cont .right .list .li {
        padding-bottom: 30px;
    }
    #ind_develop .cont .right .more {
        margin-top: 20px;
    }
}

@media (max-width:1280px) {
    #ind_develop .cont .right .list .li {
        padding-right: 5%;
    }
}

@media (max-width:1024px) {
    #ind_develop {
        padding: 100px 0;
    }
    #ind_develop .cont .right {
        width: 55%;
    }
    #ind_develop .cont .right .name {
        font-size: 36px;
    }
    #ind_develop .cont .right .brief {
        margin: 20px 0 30px;
    }
    #ind_develop .cont .right .more {
        margin-top: 0;
    }
}

@media (max-width:750px) {
    #ind_develop {
        padding: 50px 0;
    }
    #ind_develop .cont {
        flex-direction: column;
    }
    #ind_develop .cont .left {
        width: 100%;
    }
    #ind_develop .cont .right {
        width: 100%;
        margin-top: 30px;
    }
    #ind_develop .cont .right .brief {
        max-width: 100%;
    }
    #ind_develop .cont .right .list {
        flex-direction: column;
    }
    #ind_develop .cont .right .list .li {
        width: 100%;
        padding-right: 0;
    }
    #ind_develop .cont .right .more {
        width: 130px;
        height: 50px;
        line-height: 48px;
    }
}

#ind_events {
    width: 100%;
    overflow: hidden;
    padding: 130px 0 90px;
    background-color: #f4f4f4;
}

#ind_events .title {
    font-size: 62px;
    line-height: 1;
    color: #292c33;
    font-family: 'MR';
    text-align: center;
}

#ind_events .cont .swiper {
    width: 100%;
    padding: 50px 4.167%;
}

#ind_events .cont .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s;
}

#ind_events .cont .swiper .swiper-slide .top {
    width: 100%;
    padding: 8.93% 8.93% 17px 8.93%;
}

#ind_events .cont .swiper .swiper-slide .pic {
    height: 100px;
    width: fit-content;
}

#ind_events .cont .swiper .swiper-slide .pic img {
    object-fit: contain;
}

#ind_events .cont .swiper .swiper-slide .name {
    font-size: 32px;
    line-height: 48px;
    color: #4d4d4d;
    font-family: 'MR';
    transition: all 0.3s;
    margin: 30px 0 16px;
    height: 144px;
}

#ind_events .cont .swiper .swiper-slide .time {
    font-size: 20px;
    line-height: 30px;
    font-family: 'MR';
    color: #b2b2b2;
}

#ind_events .cont .swiper .swiper-slide .bot {
    width: 100%;
    padding: 8.93%;
    position: relative;
}

#ind_events .cont .swiper .swiper-slide .bot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/index/event-bg.png') no-repeat center / cover;
    opacity: 0;
    transition: opacity 0.5s;
}

#ind_events .cont .swiper .swiper-slide .bot .join {
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    transition: all 0.3s;
    background-color: #fff;
    display: block;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

#ind_events .cont .swiper .swiper-slide:hover .name {
    color: #55c3be;
}

#ind_events .cont .swiper .swiper-slide:hover .bot .join {
    border-color: #55c3be;
}

#ind_events .cont .swiper .swiper-slide:hover .bot::before {
    opacity: 1;
}

#ind_events .cont .swiper .swiper-slide:hover {
    box-shadow: 10px 17px 50px 0px rgba(0, 0, 0, 0.1);
}

#ind_events .cont .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#ind_events .cont .pn.prev {
    left: 2.605%;
}

#ind_events .cont .pn.next {
    right: 2.605%;
}

#ind_events .cont .pn:hover {
    background-color: #55c3be;
}

#ind_events .cont .pn:hover .i1 {
    display: none;
}

#ind_events .cont .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #ind_events {
        padding: 100px 0 60px;
    }
    #ind_events .title {
        font-size: 52px;
    }
    #ind_events .cont .swiper .swiper-slide .name {
        font-size: 26px;
        line-height: 1.5;
        height: 117px;
    }
    #ind_events .cont .swiper .swiper-slide .time {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width:1280px) {
    #ind_events .cont .pn.prev {
        left: 1.5%;
    }
    #ind_events .cont .pn.next {
        right: 1.5%;
    }
}

@media (max-width:750px) {
    #ind_events {
        padding: 50px 0 0;
    }
    #ind_events .title {
        font-size: 36px;
    }
    #ind_events .cont .pn {
        width: 50px;
        height: 50px;
        padding: 15px;
        top: 56%;
    }
    #ind_events .cont .swiper {
        padding-top: 30px;
    }
    #ind_events .cont .swiper .swiper-slide .name {
        font-size: 22px;
        height: 99px;
    }
    #ind_events .cont .swiper .swiper-slide .time {
        font-size: 16px;
        line-height: 1.5;
    }
    #ind_events .cont .swiper .swiper-slide .bot .join {
        width: 130px;
        height: 50px;
        line-height: 48px;
    }
}

/* 活动报名弹窗 */

#events_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#events_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 55px 80px 65px 80px;
    max-height: 100%;
}

#events_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#events_popup .com_box .form .title {
    font-size: 32px;
    line-height: 1;
    color: #292c33;
    text-align: center;
    font-family: 'MM';
}

#events_popup .com_box .form .txt {
    font-size: 18px;
    line-height: 1;
    color: #4c4c4c;
    text-align: center;
    margin-top: 15px;
}

#events_popup .com_box .form .txt span {
    color: #ff0000;
}

#events_popup .com_box .form .list {
    margin-top: 12px;
}

#events_popup .com_box .form .list .li {
    width: calc((100% - 30px) / 2);
    margin: 0 30px 0 0;
}

#events_popup .com_box .form .list .li:nth-child(2n) {
    margin-right: 0;
}

#events_popup .com_box .form .li {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 81px;
}

#events_popup .com_box .form .tip {
    font-size: 18px;
    line-height: 1;
    color: #4c4c4c;
    transition: all 0.3s;
    transform: translateY(20px);
    font-family: 'MR';
}

#events_popup .com_box .form .tip span {
    color: #ff0000;
}

#events_popup .com_box .form .input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#events_popup .com_box .form .input:focus {
    border-color: #55c3be;
}

#events_popup .com_box .form .select .country_tip {
    transform: translateY(20px);
    padding-right: 26px;
}

#events_popup .com_box .form .select .country_tip .tip {
    transform: translateY(0);
}

#events_popup .com_box .form .select .com_input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#events_popup .com_box .form .select.dropIn .com_input {
    border-color: #55c3be;
}

#events_popup .com_box .form .select.dropIn .country_tip,
#events_popup .com_box .form .select.dropVal .country_tip {
    transform: translateY(0);
}

#events_popup .com_box .form .select.dropIn .tip,
#events_popup .com_box .form .select.dropIn .tip span,
#events_popup .com_box .form .select.dropVal .tip,
#events_popup .com_box .form .select.dropVal .tip span {
    color: #ccc;
}

/* #events_popup .com_box .form .select{width:100%;border-bottom:1px solid #e0e0e0;height:50px;line-height:30px;font-size:18px;color:#4c4c4c;font-family:'MM';appearance:none;-moz-appearance:none;-webkit-appearance:none;} */

/* #events_popup .com_box .form .select::-ms-expand {display: none;} */

#events_popup .com_box .form .message {
    width: 100%;
    height: 130px;
}

#events_popup .com_box .form .message .tip {
    transform: translateY(20px);
}

#events_popup .com_box .form .message .text {
    width: 100%;
    height: 85px;
    margin-top: 12px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#events_popup .com_box .form .message .text:focus {
    border-color: #55c3be;
}

#events_popup .com_box .form .bot {
    margin-top: 40px;
}

#events_popup .com_box .form .bot .btn {
    width: 140px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    text-align: center;
    transition: all 0.3s;
    font-size: 18px;
    color: #666;
    font-family: 'ML';
    border: 1px solid #999;
    background-color: #fff;
    margin: 0 10px;
}

#events_popup .com_box .form .bot .btn.submit {
    border: 1px solid #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:750px) {
    #events_popup .com_box {
        width: 650px;
        padding: 30px 20px;
    }
    #events_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
    #events_popup .com_box .form .title {
        font-size: 28px;
    }
    #events_popup .com_box .form .list .li {
        width: 100%;
        margin-right: 0;
    }
}

/* 弹窗end */

#ind_news {
    width: 100%;
    padding: 130px 0 140px;
    overflow: hidden;
}

#ind_news .title {
    font-size: 62px;
    line-height: 1;
    font-family: 'MM';
    color: #292c33;
    text-align: center;
}

#ind_news .cont {
    margin: 50px 0 55px;
}

#ind_news .cont .left {
    width: calc(50% - 20px);
}

#ind_news .cont .left .pic {
    width: 100%;
    padding-top: 65.116%;
    border-radius: 10px;
    overflow: hidden;
}

#ind_news .cont .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ind_news .cont .left .name {
    font-size: 32px;
    line-height: 48px;
    color: #4d4d4d;
    font-family: 'MR';
    margin: 36px 0 16px;
    transition: all 0.3s;
}

#ind_news .cont .left .brief {
    font-size: 20px;
    line-height: 30px;
    color: #888;
}

#ind_news .cont .left .time {
    font-size: 18px;
    color: #b2b2b2;
    margin-top: 26px;
}

#ind_news .cont .left:hover .name {
    color: #55c3be;
}

#ind_news .cont .right {
    width: calc(50% - 20px);
}

#ind_news .cont .right .li {
    width: calc((100% - 4.652%) / 2);
    margin: 0 4.652% 4% 0;
    display: block;
}

#ind_news .cont .right .li:nth-child(2n) {
    margin-right: 0;
}

#ind_news .cont .right .li .pic {
    width: 100%;
    padding-top: 64.878%;
    border-radius: 10px;
    overflow: hidden;
}

#ind_news .cont .right .li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ind_news .cont .right .li .name {
    font-size: 24px;
    line-height: 30px;
    color: #4d4d4d;
    margin: 10px 0/*24px 0 22px*/
    ;
    transition: all 0.3s;
}

#ind_news .cont .right .li .time {
    font-size: 18px;
    color: #b2b2b2;
}

#ind_news .cont .right .li:hover .name {
    color: #55c3be;
}

#ind_news .more {
    width: 140px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    border: 1px solid #999;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    margin: 0 auto;
}

#ind_news .more:hover {
    background-color: #55c3be;
    border-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #ind_news .title {
        font-size: 52px;
    }
    #ind_news .cont .left .name {
        font-size: 26px;
        line-height: 38px;
    }
    #ind_news .cont .right .li .name {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #ind_news {
        padding: 100px 0;
    }
    #ind_news .cont {
        flex-direction: column;
    }
    #ind_news .cont .left {
        width: 100%;
    }
    #ind_news .cont .right {
        width: 100%;
        margin-top: 50px;
    }
}

@media (max-width:750px) {
    #ind_news {
        padding: 50px 0;
    }
    #ind_news .title {
        font-size: 36px;
    }
    #ind_news .cont {
        margin-top: 30px;
    }
    #ind_news .cont .left .name {
        font-size: 24px;
        line-height: 1.5;
    }
    #ind_news .cont .right {
        flex-direction: column;
    }
    #ind_news .cont .right .li {
        width: 100%;
        margin: 0 0 40px 0 !important;
    }
    #ind_news .cont .right .li:last-child {
        margin-bottom: 0 !important;
    }
    #ind_news .cont .left .brief {
        font-size: 18px;
        line-height: 1.5;
    }
    #ind_news .more {
        width: 130px;
        height: 50px;
        line-height: 48px;
    }
}

/* 关于裕同-裕同是谁 */

#introduction {
    padding: 115px 0 75px;
}

#introduction .title {
    font-size: 50px;
    font-family: 'MM';
    line-height: 1;
    color: #292c33;
    text-align: center;
}

#introduction .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 45px;
}

#introduction .list {
    text-align: center;
    margin: 70px auto 0;
    max-width: 77%;
}

#introduction .list .li {
    width: calc(100% / 4);
    padding: 0 10px;
}

#introduction .list .li .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

#introduction .list .li .number {
    font-size: 30px;
    color: #55c3be;
    line-height: 1;
    font-weight: bold;
    font-family: 'MB';
    margin: 30px 0 0;
}

#introduction .list .li .number span {
    font-size: 60px;
    line-height: 1;
    fill: #55c3be;
    display: inline-block;
    font-family: 'MB';
}

#introduction .list .li .txt {
    font-size: 18px;
    color: #292c33;
    font-family: 'MR';
}

@media (max-width:1440px) {
    #introduction .title {
        font-size: 42px;
    }
    #introduction .list {
        max-width: 85%;
    }
    #introduction .list .li .number span {
        font-size: 50px;
    }
    #introduction .list .li .txt {
        font-size: 16px;
    }
}

@media (max-width:1280px) {
    #introduction .list {
        max-width: 100%;
    }
}

@media (max-width:750px) {
    #introduction {
        padding: 50px 0;
    }
    #introduction .title {
        font-size: 36px;
    }
    #introduction .brief {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }
    #introduction .list {
        flex-direction: column;
        margin-top: 0;
    }
    #introduction .list .li {
        width: 100%;
        margin-top: 30px;
    }
    #introduction .list .li .number {
        margin-top: 10px;
    }
    #introduction .list .li .number span {
        font-size: 50px;
    }
}

#about_video {
    width: 100%;
    overflow: hidden;
}

/*#about_video .box{width:100%;padding-top:44.271%;}*/

#about_video .box video {
    /*width:100%;height:100%;*/
    object-fit: contain;
    max-width: 100%;
}

#about_video .box .icon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    z-index: 2;
}

#about_video .box .icon:hover .i1 {
    display: none;
}

#about_video .box .icon:hover .i2 {
    display: inline-block;
}

@media (max-width:750px) {
    #about_video .box .icon {
        width: 50px;
        height: 50px;
    }
}

#culture {
    padding: 120px 0;
}

#culture .title {
    margin-bottom: 60px;
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#culture .top {
    overflow: hidden;
    border-radius: 20px;
    background-color: #f6f6f6;
}

#culture .top .pic {
    width: 100%;
    height: 100%;
    padding-top: 32.142%;
}

#culture .top .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*#culture .top .left{width:68.571%;}*/

/*#culture .top .left .pic{width:100%;height:100%;padding-top:46.875%;}*/

/*#culture .top .left .pic img{width:100%;height:100%;object-fit:cover;}*/

/*#culture .top .right{width:calc(100% - 68.571%);}*/

#culture .list .li {
    width: calc((100% - (var(--liright) * 2)) / 3);
    min-height: 350px;
    padding: 3.215%;
    margin: var(--liright) var(--liright) 0 0;
    --liright: 2.858%;
    background-color: #f6f6f6;
    border-radius: 20px;
    overflow: hidden;
}

#culture .list .li:nth-child(3),
#culture .list .li:nth-child(5) {
    margin-right: 0;
}

#culture .list .li:nth-child(4) {
    width: calc(((100% - (var(--liright) * 2)) / 3) * 2 + var(--liright));
}

#culture .list .li .icon {
    width: 60px;
    height: 60px;
}

#culture .list .li .name {
    font-size: 24px;
    line-height: 36px;
    font-family: 'MR';
    color: #292c33;
    margin: 22px 0 12px;
}

#culture .list .li .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
}

@media (max-width:1440px) {
    #culture .title {
        font-size: 42px;
    }
    #culture .list .li .name {
        font-size: 22px;
        line-height: 34px;
    }
    #culture .list .li .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #culture {
        padding: 50px 0;
    }
    #culture .title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    #culture .top {
        flex-direction: column;
    }
    #culture .top .left {
        width: 100%;
    }
    #culture .top .right {
        width: 100%;
        padding: 30px 20px;
    }
    #culture .list {
        flex-direction: column;
    }
    #culture .list .li {
        width: 100% !important;
        min-height: auto;
        padding: 30px;
        margin: 20px 0 0 0;
    }
}

#history {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#history .mySwiper2 {
    width: 100%;
    height: 850px;
    margin: 0;
}

#history .mySwiper2 .swiper-slide {
    width: 100%;
    height: 100%;
    background: url('../images/about/history-bg.jpg') no-repeat center / cover;
    padding: 120px 0;
}

#history .mySwiper2 .swiper-slide .cont {
    width: 50%;
    height: calc(100% - 60px);
}

#history .mySwiper2 .swiper-slide .title {
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

#history .mySwiper2 .swiper-slide .time {
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-family: 'MR';
    margin: 26px 0 45px;
}

#history .mySwiper2 .swiper-slide .name {
    font-size: 32px;
    color: #fff;
    font-family: 'ML';
    line-height: 36px;
}

#history .mySwiper2 .swiper-slide .brief {
    margin-top: 32px;
    max-height: 300px;
    overflow-y: auto;
}

#history .mySwiper2 .swiper-slide .brief p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 20px;
    font-weight: 300;
}

#history .mySwiper2 .swiper-slide .brief p:last-child {
    margin-bottom: 0;
}

#history .mySwiper2 .swiper-slide .brief p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    overflow: hidden;
    border-radius: 50px;
    background-color: #fff;
    z-index: 2;
}

#history .mySwiper {
    width: 92%;
    height: 60px;
    max-width: 1400px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 120px;
    transform: translate(-50%, 0);
    z-index: 2;
}

#history .mySwiper .swiper-slide {
    width: auto;
    border: 2px solid #fff;
    border-radius: 30px;
    line-height: 56px;
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    font-family: 'MR';
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

#history .mySwiper .swiper-slide::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    background-color: #fff;
    z-index: 2;
    top: 50%;
    right: -37px;
    transform: translateY(-50%);
}

#history .mySwiper .swiper-slide:last-child::after {
    display: none;
}

#history .mySwiper .swiper-slide:hover,
#history .mySwiper .swiper-slide.swiper-slide-thumb-active {
    background-color: #fff;
    color: #55c3be;
}

#history .btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 160px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}

#history .btn .pn {
    width: 100%;
    height: 50%;
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#history .btn .pn .icon {
    width: 22px;
    height: 17px;
    margin-bottom: 24px;
}

#history .btn .pn .txt {
    font-size: 18px;
    color: #fff;
    font-family: 'MR';
    line-height: 1;
    transition: all 0.3s;
}

#history .btn .pn:hover .txt {
    color: #55c3be;
}

@media (max-width:1440px) {
    #history .mySwiper2 .swiper-slide .cont {
        width: 60%;
    }
    #history .mySwiper2 .swiper-slide .time {
        font-size: 42px;
    }
    #history .mySwiper2 .swiper-slide .brief p {
        font-size: 16px;
        line-height: 28px;
    }
    #history .mySwiper2 .swiper-slide .name {
        font-size: 30px;
        line-height: 34px;
    }
}

@media (max-width:1280px) {
    #history .mySwiper2 .swiper-slide .cont {
        width: 70%;
    }
}

@media (max-width:750px) {
    #history .mySwiper2 {
        height: 600px;
    }
    #history .mySwiper2 .swiper-slide {
        padding: 50px 0;
    }
    #history .mySwiper2 .swiper-slide .cont {
        width: 100%;
    }
    #history .mySwiper2 .swiper-slide .time {
        margin: 20px 0 30px;
    }
    #history .mySwiper2 .swiper-slide .name {
        font-size: 26px;
        line-height: 1.5;
    }
    #history .mySwiper2 .swiper-slide .brief {
        margin-top: 20px;
        max-height: 180px;
    }
    #history .mySwiper {
        bottom: 50px;
    }
    #history .btn {
        display: none;
    }
}

/* 关于裕同-创毅设计 */

#design {
    padding: 120px 0 30px;
}

#design .cont .left {
    width: 50%;
}

#design .cont .left .name {
    font-size: 50px;
    font-family: 'MM';
    line-height: 60px;
    color: #2f3238;
}

#design .cont .left .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 30px;
}

#design .cont .right {
    width: calc(50% - 56px);
}

#design .cont .right .pic {
    width: 100%;
    padding-top: 111.801%;
    overflow: hidden;
}

#design .cont .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width:1440px) {
    #design .cont .left .name {
        font-size: 42px;
        line-height: 52px;
    }
    #design .cont .left .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1024px) {
    #design {
        padding-top: 50px;
    }
    #design .cont {
        flex-direction: column;
    }
    #design .cont .left {
        width: 100%;
    }
    #design .cont .left .name {
        font-size: 36px;
        line-height: 1.5;
    }
    #design .cont .left .brief {
        margin-top: 20px;
    }
    #design .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

#design_team {
    padding: 60px 0 105px;
}

#design_team .cont .left {
    width: calc(50% - 90px);
}

#design_team .cont .right {
    width: 50%;
    margin-top: 100px;
}

#design_team .cont .right .name {
    font-size: 50px;
    line-height: 1;
    font-family: 'MM';
    color: #2f3238;
}

#design_team .cont .right .brief {
    font-size: 20px;
    line-height: 36px;
    color: #4d4d4d;
    margin-top: 32px;
}

@media (max-width:1440px) {
    #design_team .cont .right .name {
        font-size: 42px;
        line-height: 52px;
    }
    #design_team .cont .right .brief {
        font-size: 18px;
        line-height: 34px;
    }
}

@media (max-width:1024px) {
    #design_team {
        padding: 20px 0;
    }
    #design_team .cont {
        flex-direction: column-reverse;
    }
    #design_team .cont .left {
        width: 100%;
    }
    #design_team .cont .right {
        width: 100%;
        margin: 0 0 30px;
    }
    #design_team .cont .right .name {
        font-size: 36px;
    }
    #design_team .cont .right .brief {
        margin-top: 20px;
    }
}

#design_award .cont .left {
    width: 50%;
    padding-top: 65px;
}

#design_award .cont .left .name {
    font-size: 50px;
    font-family: 'MM';
    line-height: 1;
    color: #2f3238;
}

#design_award .cont .left .brief {
    font-size: 20px;
    line-height: 36px;
    color: #4d4d4d;
    margin: 32px 0 25px;
}

#design_award .cont .left .info p {
    font-size: 18px;
    line-height: 40px;
    font-family: 'MR';
    color: #2f3238;
    padding-left: 40px;
    position: relative;
}

#design_award .cont .left .info p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    background: url('../images/about/Design-Award.png');
}

#design_award .cont .right {
    width: calc(50% - 80px)
}

@media (max-width:1440px) {
    #design_award .cont .left .name {
        font-size: 42px;
        line-height: 52px;
    }
    #design_award .cont .left .brief {
        font-size: 18px;
        line-height: 34px;
    }
    #design_award .cont .left .info p {
        font-size: 16px;
        line-height: 38px;
    }
}

@media (max-width:1024px) {
    #design_award .cont {
        flex-direction: column;
    }
    #design_award .cont .left {
        width: 100%;
        padding-top: 30px;
    }
    #design_award .cont .left .name {
        font-size: 36px;
    }
    #design_award .cont .left .brief {
        margin: 20px 0;
    }
    #design_award .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

#award_work {
    padding: 80px 0 120px;
}

#award_work .title {
    font-size: 50px;
    font-family: 'MM';
    line-height: 1;
    color: #2f3238;
    margin-bottom: 60px;
    text-align: center;
}

#award_work .list .li {
    width: calc((100% - (40px * 2)) / 3);
    margin: 0 40px 40px 0;
    display: block;
}

#award_work .list .li:nth-child(3n) {
    margin-right: 0;
}

#award_work .list .li .pic {
    width: 100%;
    padding-top: 86.364%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

#award_work .list .li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#award_work .list .li .pic .icon {
    left: 0;
    top: 0;
    z-index: 2;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 5px 0;
}

#award_work .list .li .pic .i1 {
    transition: all 0.5s;
}

#award_work .list .li:hover .pic .i1 {
    transform: scale(1.1);
}

#award_work .list .li .name {
    font-size: 24px;
    font-family: 'MR';
    color: #2f3238;
    line-height: 30px;
    margin-top: 25px;
}

@media (max-width:1440px) {
    #award_work .title {
        font-size: 42px;
    }
    #award_work .list .li .name {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #award_work {
        padding: 50px 0;
    }
    #award_work .title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    #award_work .list .li {
        width: 100%;
        margin: 0 0 40px 0;
    }
    #award_work .list .li .name {
        margin-top: 20px;
    }
}

/* 关于裕同-创新研发 */

#innovation_platform {
    padding: 110px 0 55px;
}

#innovation_platform .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#innovation_platform .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    max-width: 90%;
    margin: 50px auto 55px;
}

#innovation_platform .cont {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

#innovation_platform .cont .com_li {
    width: 50%;
    height: 520px;
    background: no-repeat center / cover;
    padding: 5% 4.286%;
    transition: all .3s ease
}

#innovation_platform .cont .left {
    background-image: url(../images/about/platform1.jpg);
}

#innovation_platform .cont .right {
    background-image: url(../images/about/platform2.jpg);
}

#innovation_platform .cont .com_li .icon {
    width: 52px;
    height: 52px;
    transform: translateY(80px);
    transition: all .3s ease .1s;
}

#innovation_platform .cont .com_li .name {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: 'MM';
    margin: 30px 0 20px;
    transform: translateY(80px);
    transition: all .3s ease .2s;
}

#innovation_platform .cont .com_li .description {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    transition: all .3s ease .3s;
    opacity: 0;
    transform: translateY(100px);
    max-height: 208px;
    overflow-y: auto;
}

@media (max-width:1440px) {
    #innovation_platform .title {
        font-size: 42px;
        line-height: 52px;
    }
    #innovation_platform .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #innovation_platform {
        padding: 50px 0;
    }
    #innovation_platform .title {
        font-size: 32px;
        line-height: normal;
    }
    #innovation_platform .brief {
        max-width: 100%;
        margin: 20px 0 25px;
    }
    #innovation_platform .cont {
        flex-direction: column;
    }
    #innovation_platform .cont .com_li {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }
    #innovation_platform .cont .com_li .icon,
    #innovation_platform .cont .com_li .name {
        transform: translateY(0);
    }
    #innovation_platform .cont .com_li .description {
        transform: translateY(0);
        opacity: 1;
        max-height: none;
    }
}

#collaborative_resources {
    padding: 55px 0 0;
}

#collaborative_resources .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#collaborative_resources .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px auto 55px;
    max-width: 90%;
}

#collaborative_resources .box1 {
    margin-bottom: 80px;
}

#collaborative_resources .box2 .brief {
    max-width: 85%;
    margin-bottom: 0;
}

#collaborative_resources .list .li {
    width: calc((100% - (27px * 3)) / 4);
    margin: 0 27px 27px 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    padding: 40px 30px;
}

#collaborative_resources .list .li:nth-child(4n) {
    margin-right: 0;
}

#collaborative_resources .list .li .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 22px;
}

#collaborative_resources .list .li .name {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
}

#collaborative_resources .item {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#collaborative_resources .item .swiper {
    padding: 55px 16px;
}

#collaborative_resources .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#collaborative_resources .item .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (27px * 3)) / 4);
    min-height: 240px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.5s;
    cursor: pointer;
}

#collaborative_resources .item .swiper .swiper-slide .icon img {
    max-width: 54px;
    object-fit: contain;
}

#collaborative_resources .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#collaborative_resources .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#collaborative_resources .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#collaborative_resources .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#collaborative_resources .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#collaborative_resources .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#collaborative_resources .item .pn.prev {
    left: -16px;
}

#collaborative_resources .item .pn.next {
    right: -16px;
}

#collaborative_resources .item .pn:hover {
    background-color: #55c3be;
}

#collaborative_resources .item .pn:hover .i1 {
    display: none;
}

#collaborative_resources .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #collaborative_resources .title {
        font-size: 42px;
        line-height: 52px;
    }
    #collaborative_resources .brief,
    #collaborative_resources .list .li .name,
    #collaborative_resources .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1024px) {
    #collaborative_resources .list .li {
        width: calc((100% - (27px * 2)) / 3);
    }
    #collaborative_resources .list .li:nth-child(4n) {
        margin-right: 27px;
    }
    #collaborative_resources .list .li:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width:750px) {
    #collaborative_resources {
        padding-top: 30px;
    }
    #collaborative_resources .title {
        font-size: 32px;
        line-height: normal;
    }
    #collaborative_resources .brief {
        margin: 20px 0 30px;
        max-width: 100%;
    }
    #collaborative_resources .list .li {
        width: 100%;
        margin: 0 0 27px 0 !important;
    }
    #collaborative_resources .box1 {
        margin-bottom: 20px;
    }
    #collaborative_resources .box2 .brief {
        max-width: 100%;
    }
    #collaborative_resources .item .swiper {
        padding: 30px 16px;
    }
    #collaborative_resources .item .pn {
        width: 45px;
        height: 45px;
    }
    #collaborative_resources .item .pn.prev {
        left: 0;
    }
    #collaborative_resources .item .pn.next {
        right: 0;
    }
    #collaborative_resources .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗图片背景色 */

.com_box .pic {
    background-color: transparent !important;
}

/* 弹窗 */

#innovation_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#innovation_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#innovation_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#innovation_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#innovation_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#innovation_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#innovation_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #innovation_popup .com_box {
        padding: 30px 20px;
    }
    #innovation_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #innovation_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #innovation_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#featured_innovations {
    padding: 60px 0;
}

#featured_innovations .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#featured_innovations .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px 0 0;
}

#featured_innovations .list {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#featured_innovations .list .swiper {
    padding: 55px 16px 80px 16px;
}

#featured_innovations .list .swiper .swiper-slide {
    width: calc((100% - (25px * 2)) / 3);
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px;
}

#featured_innovations .list .swiper .swiper-slide:nth-child(3n) {
    margin-right: 0;
}

#featured_innovations .list .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 64.865%;
    border-radius: 10px;
    overflow: hidden;
}

#featured_innovations .list .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

#featured_innovations .list .swiper .swiper-slide .name {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    font-family: 'MM';
    margin: 30px 0 5px;
}

#featured_innovations .list .swiper .swiper-slide .description {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

#featured_innovations .list .swiper .swiper-slide .more {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    margin-top: 24px;
    transition: all 0.3s;
}

#featured_innovations .list .swiper .swiper-slide .more:hover {
    color: #55c3be;
}

#featured_innovations .list .swiper .swiper-slide:hover .pic img {
    transform: scale(1.1);
}

#featured_innovations .list .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#featured_innovations .list .pn.prev {
    left: -16px;
}

#featured_innovations .list .pn.next {
    right: -16px;
}

#featured_innovations .list .pn:hover {
    background-color: #55c3be;
}

#featured_innovations .list .pn:hover .i1 {
    display: none;
}

#featured_innovations .list .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #featured_innovations .title {
        font-size: 42px;
        line-height: 52px;
    }
    #featured_innovations .brief,
    #featured_innovations .list .swiper .swiper-slide .description,
    #featured_innovations .list .swiper .swiper-slide .more {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #featured_innovations {
        padding: 30px 0 20px;
    }
    #featured_innovations .title {
        font-size: 32px;
        line-height: normal;
    }
    #featured_innovations .brief {
        margin-top: 10px;
    }
    #featured_innovations .list .swiper {
        padding: 30px 16px;
    }
    #featured_innovations .list .swiper .swiper-slide {
        padding: 20px;
    }
    #featured_innovations .list .pn {
        width: 45px;
        height: 45px;
    }
    #featured_innovations .list .pn.prev {
        left: 0;
    }
    #featured_innovations .list .pn.next {
        right: 0;
    }
    #featured_innovations .list .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#featured_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#featured_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#featured_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#featured_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#featured_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#featured_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#featured_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #featured_popup .com_box {
        padding: 30px 20px;
    }
    #featured_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #featured_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #featured_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

/* 关于裕同-全球布局 */

#footprint .brief {
    font-size: 20px;
    line-height: 36px;
    color: #4d4d4d;
    margin: 50px auto 0;
}

#footprint .brief span {
    font-family: 'MM';
    color: #55c3be;
}

#footprint .map {
    width: 100%;
    height: 750px;
    overflow: hidden;
}

#footprint .map .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#footprint .map .box {
    z-index: 2;
    left: 13.627%;
    top: 50%;
    transform: translateY(-50%);
}

#footprint .map .box .info {
    padding: 48px 30px 75px;
    width: 445px;
    border-radius: 20px;
    background: #fff url('../images/about/map-info-bg.jpg') no-repeat bottom center / cover;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

#footprint .map .box .info .tit {
    font-size: 24px;
    line-height: 30px;
    color: #2f3238;
    font-family: 'MM';
    text-align: left;
}

#footprint .map .box .info .name {
    font-size: 20px;
    color: #2f3238;
    font-family: 'MM';
    text-align: left;
    margin: 33px 0 0;
}

#footprint .map .box .info .txt {
    font-size: 16px;
    line-height: 20px;
    color: #292c33;
    text-align: left;
    margin-top: 18px;
}

#footprint .map .img_box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
}

#footprint .map .img_box .img_info {
    width: 100%;
    padding-right: 30px;
}

#footprint .map .img_box .img_info .tit {
    font-size: 24px;
    line-height: 30px;
    color: #2f3238;
    font-family: 'MM';
    text-align: left;
}

#footprint .map .img_box .img_info .txt {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #292c33;
    text-align: left;
    margin: 12px 0 0;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}

#footprint .map .img_box .img_info .add_pic {
    width: 100%;
    background-color: #e1e1e1;
    margin-top: 20px;
}

#footprint .map .img_box .img_info .add_pic img {
    width: 100%;
    object-fit: contain;
}

#footprint .map .img_box::-webkit-scrollbar {
    background: #f5f5f5;
}

#footprint .map .img_box::-webkit-scrollbar-thumb {
    background: #55c3be;
}

@media (max-width:1440px) {
    #footprint .brief {
        font-size: 18px;
        line-height: 34px;
    }
    #footprint .map .box {
        left: 8%
    }
    #footprint .map .box .info {
        width: 350px
    }
    #footprint .map .img_box .img_info {
        padding-right: 20px;
    }
}

@media (max-width:750px) {
    #footprint .brief {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 1.5;
    }
    #footprint .map {
        height: fit-content;
    }
    #footprint .map .box {
        position: static;
        margin-bottom: 30px;
        transform: translateY(0);
    }
    #footprint .map .box .info {
        width: 100%;
    }
    #footprint .map .img {
        height: 400px;
    }
    #footprint .map .img_box .img_info::-webkit-scrollbar {
        width: 8px;
    }
}

#our_locations {
    padding: 88px 0 120px;
}

#our_locations .title {
    font-size: 50px;
    font-family: 'MM';
    color: #333;
    text-align: center;
    line-height: 1;
    margin-bottom: 80px;
}

#our_locations .cont {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#our_locations .cont .left {
    width: 34.286%;
}

#our_locations .cont .left .item {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 20px;
}

#our_locations .cont .left .item .tit {
    font-size: 24px;
    font-family: 'MR';
    line-height: 60px;
    color: #292c33;
    border-bottom: 1px solid #ccc;
    padding: 0 30px;
}

#our_locations .cont .left .item .form {
    padding: 30px;
}

#our_locations .cont .left .item .form .check {
    margin-bottom: 30px;
}

#our_locations .cont .left .item .form .check:last-child {
    margin-bottom: 8px;
}

#our_locations .cont .left .item .form .check .tip {
    font-size: 20px;
    font-family: 'MR';
    font-weight: 500;
    color: #2f3238;
    line-height: 1;
    margin-bottom: 20px;
}

#our_locations .cont .left .item .form .check .ul .label {
    width: fit-content;
    margin-bottom: 10px;
    cursor: pointer;
}

#our_locations .cont .left .item .form .check .ul .label:last-child {
    margin-bottom: 0;
}

#our_locations .cont .left .item .form .check .ul .label .txt {
    font-size: 18px;
    font-family: 'MR';
    font-weight: 500;
    color: #2f3238;
    margin-left: 9px;
    max-width: calc(100% - 29px);
}

#our_locations .cont .left .item .form .check .ul .label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#our_locations .cont .left .item .form .check .ul .label input[type="checkbox"]:checked {
    background: url("../images/about/check.png") no-repeat;
    background-position: center;
    border-color: #55c3be;
    background-color: #55c3be;
}

#our_locations .cont .left .info {
    padding: 45px 30px 75px;
    margin-top: 30px;
    width: 100%;
    border-radius: 20px;
    background: #fff url('../images/about/map-info-bg2.jpg') no-repeat bottom center / cover;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

#our_locations .cont .left .info .tit {
    font-size: 24px;
    line-height: 30px;
    color: #2f3238;
    font-family: 'MR';
    text-align: left;
}

#our_locations .cont .left .info .name {
    font-size: 20px;
    color: #2f3238;
    font-family: 'MR';
    margin: 22px 0 15px;
}

#our_locations .cont .left .info .txt {
    font-size: 18px;
    line-height: 24px;
    color: #292c33;
    margin-top: 6px;
}

#our_locations .cont .right {
    width: calc(100% - 34.286%);
    padding-left: 7.858%;
}

#our_locations .cont .right .filters .txt1 {
    font-size: 20px;
    white-space: nowrap;
    line-height: 32px;
    color: #2f3238;
    font-family: 'ML';
    margin-right: 16px;
}

#our_locations .cont .right .filters .active {
    width: calc(100% - 115px - 16px);
}

#our_locations .cont .right .filters .txt {
    cursor: pointer;
    transition: 0.3s;
    padding: 8px 12px;
    background-color: #ffecdb;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 15px 15px 0;
}

#our_locations .cont .right .filters .txt:hover {
    transform: translateY(2px);
}

#our_locations .cont .right .filters .txt span {
    white-space: nowrap;
    line-height: 1;
    font-size: 16px;
    font-family: 'MR';
    color: #55c3be;
    margin-right: 8px;
}

#our_locations .cont .right .top {
    margin: 13px 0 34px;
}

#our_locations .cont .right .top .results {
    font-size: 18px;
    font-family: 'MR';
    line-height: 20px;
    color: #000;
}

#our_locations .cont .right .top .results span {
    color: #55c3be;
}

#our_locations .cont .right .top .per_page .txt {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-family: 'MR';
}

#our_locations .cont .right .top .per_page .pn .btn_page {
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    text-align: center;
    width: 30px;
    margin-left: 10px;
}

#our_locations .cont .right .top .per_page .pn .btn_page:hover {
    border-color: #55c3be;
    color: #55c3be;
}

#our_locations .cont .right .top .per_page .pn .btn_page.cur {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

#our_locations .cont .right .list .li {
    border: 1px solid #ccc;
    transition: 0.3s;
    padding: 26px 30px 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

#our_locations .cont .right .list .li:last-child {
    margin-bottom: 50px;
}

#our_locations .cont .right .list .li .icon {
    width: 50px;
    height: 50px;
}

#our_locations .cont .right .list .li .icon img {
    width: 100%;
    object-fit: contain;
}

#our_locations .cont .right .list .li .add_info {
    width: calc(100% - 50px);
    padding-left: 30px;
}

#our_locations .cont .right .list .li .add_info .company {
    font-size: 20px;
    font-family: 'MR';
    color: #2f3238;
}

#our_locations .cont .right .list .li .add_info .com {
    margin-top: 14px;
}

#our_locations .cont .right .list .li .add_info .com .icon1 {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

#our_locations .cont .right .list .li .add_info .com .txt2 {
    width: calc(100% - 16px);
    padding-left: 10px;
    font-size: 18px;
    line-height: 20px;
    color: #292c33;
}

#our_locations .cont .right .list .li:hover {
    border-color: rgb(255, 117, 0);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
}

#our_locations .cont .right .list .li:hover .icon .i1 {
    display: none;
}

#our_locations .cont .right .list .li:hover .icon .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #our_locations .title {
        font-size: 42px;
        margin-bottom: 70px;
    }
    #our_locations .cont .right {
        padding-left: 5%;
    }
}

@media (max-width:1024px) {
    #our_locations {
        padding: 80px 0;
    }
    #our_locations .title {
        margin-bottom: 50px;
    }
    #our_locations .cont .right {
        padding-left: 3.5%;
    }
}

@media (max-width:750px) {
    #our_locations {
        padding: 60px 0;
    }
    #our_locations .title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    #our_locations .cont {
        display: block;
    }
    #our_locations .cont .left {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    #our_locations .cont .left .info {
        margin: 0 0 30px 0;
        padding: 30px 30px 50px;
    }
    #our_locations .cont .right {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    #our_locations .cont .right .filters {
        display: block;
    }
    #our_locations .cont .right .filters .txt1 {
        margin-bottom: 5px;
    }
    #our_locations .cont .right .filters .active {
        width: 100%;
    }
    #our_locations .cont .right .top {
        display: block;
    }
    #our_locations .cont .right .top .results {
        margin-bottom: 10px;
    }
    #our_locations .cont .right .list .li {
        display: block;
        padding: 25px;
    }
    #our_locations .cont .right .list .li .add_info {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }
}

/* 关于裕同-智能制造 */

#smart_services {
    padding: 110px 0 55px;
}

#smart_services .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#smart_services .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px auto 0;
    max-width: 91%;
}

#smart_services .item {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#smart_services .item .swiper {
    padding: 55px 16px;
}

#smart_services .item .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (25px * 4)) / 5);
    height: auto;
    min-height: 240px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
    transition: all 0.5s;
    cursor: pointer;
}

#smart_services .item .swiper .swiper-slide .icon img {
    max-width: 54px;
    object-fit: contain;
}

#smart_services .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#smart_services .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#smart_services .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#smart_services .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#smart_services .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#smart_services .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#smart_services .item .pn.prev {
    left: -16px;
}

#smart_services .item .pn.next {
    right: -16px;
}

#smart_services .item .pn:hover {
    background-color: #55c3be;
}

#smart_services .item .pn:hover .i1 {
    display: none;
}

#smart_services .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #smart_services .title {
        font-size: 42px;
        line-height: 52px;
    }
    #smart_services .brief,
    #smart_services .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #smart_services {
        padding: 50px 0;
    }
    #smart_services .title {
        font-size: 32px;
        line-height: normal;
    }
    #smart_services .brief {
        max-width: 100%;
        margin-top: 20px;
    }
    #smart_services .item .swiper {
        padding: 30px 16px;
    }
    #smart_services .item .pn {
        width: 45px;
        height: 45px;
    }
    #smart_services .item .pn.prev {
        left: 0;
    }
    #smart_services .item .pn.next {
        right: 0;
    }
    #smart_services .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#smart_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#smart_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#smart_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#smart_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#smart_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#smart_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#smart_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #smart_popup .com_box {
        padding: 30px 20px;
    }
    #smart_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #smart_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #smart_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#why_smart {
    padding: 0 0 110px;
}

#why_smart .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
    margin-bottom: 60px;
}

#why_smart .list .li {
    width: calc((100% - (25px * 2)) / 3);
    margin: 0 25px 25px 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px;
}

#why_smart .list .li:nth-child(3n) {
    margin-right: 0;
}

#why_smart .list .li .pic {
    width: 100%;
    padding-top: 64.865%;
    border-radius: 10px;
    overflow: hidden;
}

#why_smart .list .li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#why_smart .list .li .description {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-top: 34px;
}

@media (max-width:1440px) {
    #why_smart .title {
        font-size: 42px;
        line-height: 52px;
    }
    #why_smart .list .li .description {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #why_smart {
        padding-bottom: 50px;
    }
    #why_smart .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px;
    }
    #why_smart .list .li {
        width: 100%;
        margin: 0 0 25px 0;
    }
}

#smart_layout {
    padding: 0 0 130px;
}

#smart_layout .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
    margin-bottom: 60px;
}

#smart_layout .cont {
    margin-bottom: 130px;
}

#smart_layout .cont .left {
    width: 50%;
}

#smart_layout .cont .left .discription {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
}

#smart_layout .cont .left .item.one {
    margin: 40px 0 42px;
}

#smart_layout .cont .left .item p {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    color: #2f3238;
    font-family: 'MM';
    padding-left: 40px;
    position: relative;
}

#smart_layout .cont .left .item p:last-child {
    margin-bottom: 0;
}

#smart_layout .cont .left .item p::after {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 2;
    width: 18px;
    height: 28px;
    background: url('../images/about/layout-icon.png') no-repeat center;
}

#smart_layout .cont .left .item.two p::after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url('../images/about/Design-Award.png');
    top: 0px;
}

#smart_layout .cont .right {
    width: calc(50% - 50px);
    border-radius: 20px;
    overflow: hidden;
}

#smart_layout .brief {
    font-size: 20px;
    line-height: 30px;
    color: #4d4d4d;
}

@media (max-width:1440px) {
    #smart_layout .title {
        font-size: 42px;
        line-height: 52px;
    }
    #smart_layout .cont .left .discription {
        font-size: 16px;
        line-height: 28px;
    }
    #smart_layout .cont .left .item p {
        font-size: 16px;
        line-height: 22px;
    }
    #smart_layout .brief {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width:1024px) {
    #smart_layout .cont {
        flex-direction: column;
        margin-bottom: 80px;
    }
    #smart_layout .cont .left {
        width: 100%;
    }
    #smart_layout .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width:750px) {
    #smart_layout {
        padding-bottom: 50px;
    }
    #smart_layout .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 15px;
    }
    #smart_layout .cont {
        margin-bottom: 30px;
    }
}

/* 新闻 */

#news {
    padding: 112px 0 140px;
}

#news .title {
    font-size: 32px;
    text-align: center;
    color: #292c33;
}

#news .list {
    margin: 80px 0 20px;
}

#news .list .li {
    width: calc((100% - 40px) / 2);
    margin: 0 40px 80px 0;
    display: block;
}

#news .list .li:nth-child(2n) {
    margin-right: 0;
}

#news .list .li .pic {
    width: 100%;
    padding-top: 65%;
    border-radius: 10px;
    overflow: hidden;
}

#news .list .li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#news .list .li .name {
    font-size: 24px;
    line-height: 32px;
    color: #4d4d4d;
    margin: 32px 0 20px;
    transition: all 0.3s;
}

#news .list .li .info .category {
    font-size: 18px;
    color: #292c33;
    margin-right: 32px;
}

#news .list .li .info .time {
    font-size: 18px;
    color: #b2b2b2;
}

#news .list .li:hover .name {
    color: #55c3be;
}

@media (max-width:1440px) {
    #news .title {
        font-size: 30px;
    }
    #news .list .li .name {
        font-size: 22px;
        line-height: 30px;
    }
    #news .list .li .info .category,
    #news .list .li .info .time {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #news {
        padding: 50px 0;
    }
    #news .title {
        font-size: 26px;
        line-height: 1.5;
    }
    #news .list {
        margin-top: 30px;
    }
    #news .list .li {
        width: 100%;
        margin: 0 0 40px 0;
    }
    #news .list .li .name {
        margin: 20px 0 10px;
    }
}

/* 新闻详情 */

#news_info {
    width: 100%;
    padding: 40px 0 100px;
    background-color: #f8f8f8;
}

#news_info .cont {
    margin-top: 40px;
}

#news_info .cont .left {
    width: calc(100% - 42.858%);
    padding-right: 3.572%;
}

#news_info .cont .left .name {
    font-size: 36px;
    font-family: 'MM';
    line-height: 50px;
    color: #292c33;
}

#news_info .cont .left .info {
    margin: 25px 0 38px;
}

#news_info .cont .left .info .category {
    font-size: 18px;
    color: #292c33;
    margin-right: 32px;
}

#news_info .cont .left .info .time {
    font-size: 18px;
    color: #b2b2b2;
}

#news_info .cont .left .info .time span {
    margin-right: 10px;
}

#news_info .cont .left .share .tit {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    margin-bottom: 12px;
}

#news_info .cont .left .share .s {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    transition: all 0.3s;
}

#news_info .cont .left .share .s:hover .i1 {
    display: none;
}

#news_info .cont .left .share .s:hover .i2 {
    display: inline-block;
}

#news_info .cont .right {
    width: 42.858%;
}

#news_info .cont .right .pic {
    width: 100%;
    padding-top: 65%;
    border-radius: 10px;
    overflow: hidden;
}

#news_info .cont .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1440px) {
    #news_info .cont .left .name {
        font-size: 32px;
        line-height: 1.5;
    }
    #news_info .cont .left .info .category,
    #news_info .cont .left .info .time,
    #news_info .cont .left .share .tit {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #news_info {
        padding-bottom: 50px;
    }
    #news_info .crumbs {
        display: none;
    }
    #news_info .cont {
        flex-direction: column;
        margin-top: 0;
    }
    #news_info .cont .left {
        width: 100%;
    }
    #news_info .cont .left .name {
        font-size: 24px;
        line-height: 1.5;
    }
    #news_info .cont .left .info {
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
    }
    #news_info .cont .left .info .category {
        margin: 0 0 10px 0;
    }
    #news_info .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

#news_detail {
    padding: 80px 0 140px;
}

#news_detail .cont .left {
    width: 70%;
}

#news_detail .cont .left .editor * {
    max-width: 100%;
}

#news_detail .cont .left .editor img {
    object-fit: contain;
}

#news_detail .cont .left .share {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin: 54px 0 46px;
}

#news_detail .cont .left .share .tit {
    font-size: 18px;
    line-height: 1;
    color: #333;
    margin-right: 30px;
}

#news_detail .cont .left .share .s {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

#news_detail .cont .left .share .s:hover .i1 {
    display: none;
}

#news_detail .cont .left .share .s:hover .i2 {
    display: inline-block;
}

#news_detail .cont .left .btn .pn {
    width: calc((100% - 4.083%) / 2);
    border-radius: 10px;
    overflow: hidden;
    background-color: #f7f7f7;
    padding: 4.593% 4.083%;
}

#news_detail .cont .left .btn .pn .tit {
    font-size: 18px;
    line-height: 24px;
    color: #666;
}

#news_detail .cont .left .btn .pn .name {
    margin: 10px 0 46px;
    font-size: 22px;
    line-height: 30px;
    font-family: 'MR';
    color: #333;
}

#news_detail .cont .left .btn .pn .time {
    font-size: 18px;
    line-height: 1;
    color: #b2b2b2;
}

#news_detail .cont .left .btn .pn .time span {
    margin-right: 10px;
}

#news_detail .cont .left .btn .pn:hover {
    background-color: #55c3be;
}

#news_detail .cont .left .btn .pn:hover .tit {
    color: #fff;
}

#news_detail .cont .left .btn .pn:hover .name {
    color: #fff;
}

#news_detail .cont .left .btn .pn:hover .time {
    color: #fff;
}

#news_detail .cont .left .btn .pn:hover .time .i1 {
    display: none;
}

#news_detail .cont .left .btn .pn:hover .time .i2 {
    display: inline-block;
}

#news_detail .cont .right {
    width: 25.715%;
}

#news_detail .cont .right .tips {
    font-size: 24px;
    font-family: 'MM';
    line-height: 28px;
    color: #292c33;
}

#news_detail .cont .right .list {
    margin-top: 40px;
}

#news_detail .cont .right .list .li {
    display: block;
    transition: all 0.3s;
    padding-bottom: 30px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e5e5e5;
}

#news_detail .cont .right .list .li .tit {
    font-size: 18px;
    line-height: 30px;
    font-family: 'MM';
    color: #4d4d4d;
    margin-bottom: 22px;
    transition: all 0.3s;
}

#news_detail .cont .right .list .li .time {
    font-size: 18px;
    line-height: 1;
    color: #b2b2b2;
}

#news_detail .cont .right .list .li .time span {
    margin-right: 10px;
}

#news_detail .cont .right .list .li:hover {
    border-color: #55c3be;
}

#news_detail .cont .right .list .li:hover .tit {
    color: #55c3be;
}

@media (max-width:1440px) {
    #news_detail .cont .left .btn .pn .name {
        font-size: 20px;
        line-height: 28px;
    }
    #news_detail .cont .left .btn .pn .time {
        font-size: 16px;
    }
    #news_detail .cont .right .tips {
        font-size: 20px;
        line-height: 26px;
    }
    #news_detail .cont .right .list .li .tit {
        font-size: 16px;
        line-height: 26px;
    }
    #news_detail .cont .right .list .li .time {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #news_detail {
        padding: 50px 0;
    }
    #news_detail .cont {
        flex-direction: column;
    }
    #news_detail .cont .left {
        width: 100%;
    }
    #news_detail .cont .left .editor * {
        font-size: 18px !important;
        line-height: 1.5;
    }
    #news_detail .cont .left .btn {
        flex-direction: column;
    }
    #news_detail .cont .left .btn .pn {
        width: 100%;
        margin-bottom: 20px;
    }
    #news_detail .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

/* 媒体库 */

#media_library {
    padding: 120px 0 140px;
}

#media_library .list .li {
    width: calc((100% - (2.858% * 2)) / 3);
    margin: 0 2.858% 5.715% 0;
    padding: 4.286% 4.5% 3.572% 4.5%;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

#media_library .list .li:nth-child(3n) {
    margin-right: 0;
}

#media_library .list .li .pic {
    width: 100%;
    padding-top: 95.541%;
    border-radius: 10px;
    overflow: hidden;
}

#media_library .list .li .name {
    font-size: 20px;
    font-family: 'MR';
    line-height: 36px;
    color: #292c33;
    text-align: center;
    margin: 18px 0 42px;
}

#media_library .list .li .btn {
    width: 180px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    border: 1px solid #999;
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
}

#media_library .list .li .btn:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #media_library .list .li .name {
        font-size: 16px;
        line-height: 26px;
    }
    #media_library .list .li .btn {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    #media_library .list .li {
        padding: 30px;
    }
    #media_library .list .li .name {
        margin-bottom: 20px;
    }
}

@media (max-width:750px) {
    #media_library {
        padding: 50px 0;
    }
    #media_library .list .li {
        width: 100%;
        margin: 0 0 30px 0;
    }
    #media_library .list .li .btn {
        width: 160px;
        height: 50px;
        line-height: 48px;
    }
}

/* 联系我们 */

#contact {
    padding: 110px 0 140px;
}

#contact .cont .left {
    width: 34.286%;
}

#contact .cont .left .title {
    font-size: 32px;
    line-height: 48px;
    color: #333;
}

#contact .cont .left .select {
    width: 100%;
    height: 60px;
    line-height: 58px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
    font-family: 'MM';
    color: #292c33;
    transition: all 0.3s;
}

#contact .cont .left .select {
    padding: 0 20px;
    background: url(../images/about/select-icon.png) no-repeat scroll 95% center transparent;
}

#contact .cont .left .select input {
    text-align: center;
}

#contact .cont .left .select input::placeholder {
    color: #292c33;
}

#contact .cont .left .select input::-moz-placeholder {
    color: #292c33;
}

#contact .cont .left .select input::-webkit-input-placeholder {
    color: #292c33;
}

#contact .cont .left .select.one {
    margin: 52px 0 20px;
}

#contact .cont .left .select .com_drop_box {
    top: calc(100% + 1px);
}

#contact .cont .left .select:hover {
    border-color: #55c3be;
}

#contact .cont .left .info {
    margin-top: 60px;
}

#contact .cont .left .info .icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    margin-right: 20px;
}

#contact .cont .left .info .txt {
    font-size: 16px;
    color: #888;
    margin-bottom: 14px;
}

#contact .cont .left .info .email {
    font-size: 20px;
    color: #333;
}

#contact .cont .right {
    width: 57.858%;
}

#contact .cont .right .tit {
    font-size: 18px;
    color: #4c4c4c;
}

#contact .cont .right .tit span {
    color: #ff0000;
}

#contact .cont .right .list {
    margin-top: 30px;
}

#contact .cont .right .list .li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc((100% - 30px) / 2);
    height: 80px;
}

#contact .cont .right .list .li:nth-child(2n) {
    margin-left: 30px;
}

#contact .cont .right .tip {
    font-size: 18px;
    font-family: 'MR';
    line-height: 1;
    color: #333;
    transition: all 0.3s;
    transform: translateY(20px);
}

#contact .cont .right .tip span {
    color: #ff0000;
}

#contact .cont .right .input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 48px;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#contact .cont .right .input:focus {
    border-color: #55c3be;
}

#contact .cont .right .select .country_tip {
    transform: translateY(20px);
    padding-right: 26px;
}

#contact .cont .right .select .country_tip .tip {
    transform: translateY(0);
}

#contact .cont .right .select .com_input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #222;
}

#contact .cont .right .select.dropIn .com_input {
    border-color: #55c3be;
}

#contact .cont .right .select.dropIn .country_tip,
#contact .cont .right .select.dropVal .country_tip {
    transform: translateY(0);
}

#contact .cont .right .select.dropIn .tip,
#contact .cont .right .select.dropIn .tip span,
#contact .cont .right .select.dropVal .tip,
#contact .cont .right .select.dropVal .tip span {
    color: #ccc;
}

#contact .cont .right .message .tip {
    transform: translateY(0);
    padding-top: 30px;
}

#contact .cont .right .text {
    margin-top: 16px;
    width: 100%;
    height: 170px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
    line-height: 30px;
}

#contact .cont .right .text:focus {
    border-color: #55c3be;
}

#contact .cont .right .bot {
    margin-top: 40px;
}

#contact .cont .right .bot .btn {
    width: 140px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #999;
    font-size: 18px;
    color: #666;
    font-family: 'ML';
}

/* #contact .cont .right .bot .btn:nth-child(2){border-color:#55c3be;background-color:#55c3be;margin-left:20px;color:#fff;} */

#contact .cont .right .bot .btn:nth-child(2) {
    margin-left: 20px;
}

#contact .cont .right .bot .btn:hover {
    color: #fff;
    border-color: #55c3be;
    background-color: #55c3be;
}

@media (max-width:1440px) {
    #contact .cont .left .title {
        font-size: 26px;
        line-height: 36px;
    }
    #contact .cont .left .select,
    #contact .cont .right .tit,
    #contact .cont .right .tip,
    #contact .cont .right .input,
    #contact .cont .right .bot .btn {
        font-size: 16px;
    }
}

@media (max-width:1280px) {
    #contact .cont .left {
        width: 38%;
    }
}

@media (max-width:1024px) {
    #contact .cont {
        flex-direction: column;
    }
    #contact .cont .left {
        width: 100%;
        margin-bottom: 50px;
    }
    #contact .cont .right {
        width: 100%;
    }
}

@media (max-width:750px) {
    #contact {
        padding: 50px 0;
    }
    #contact .cont .left .title {
        font-size: 26px;
        line-height: 1.5;
    }
    #contact .cont .left .select[name="Inquiry"] {
        margin-top: 30px;
    }
    #contact .cont .left .select.one {
        margin-top: 30px;
    }
    #contact .cont .left .info {
        margin-top: 30px;
    }
    #contact .cont .left .info .icon {
        width: 80px;
        height: 80px;
    }
    #contact .cont .right .list .li {
        width: 100%;
    }
    #contact .cont .right .list .li:nth-child(2n) {
        margin: 0;
    }
    #contact .cont .right .bot .btn {
        width: 120px;
        height: 50px;
        line-height: 48px;
    }
}

/* 产品列表 */

#pro_banner {
    width: 100%;
    background-color: #ebebeb;
    overflow: hidden;
    /*padding:25px 0;*/
}

#pro_banner .swiper .swiper-slide {
    height: auto;
}

#pro_banner .swiper .swiper-slide .pig_bg {
    width: 100%;
    padding-top: 39.0625%;
}

#pro_banner .swiper .swiper-slide .pig_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#pro_banner .swiper .swiper-slide .cont {
    padding: 25px 0;
}

#pro_banner .swiper .swiper-slide .cont .left {
    margin-left: 10.228%;
    width: 30.76%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 3.41%;
}

#pro_banner .swiper .swiper-slide .cont.cn .left {
    padding: 30px;
}

#pro_banner .swiper .swiper-slide .cont .left .name {
    font-size: 24px;
    font-family: 'MM';
    color: #292c33;
}

#pro_banner .swiper .swiper-slide .cont .left .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin: 31px 0 70px;
}

#pro_banner .swiper .swiper-slide .cont .left .more {
    display: block;
    transition: all 0.3s;
    cursor: pointer;
    width: 140px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #999;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
}

#pro_banner .swiper .swiper-slide .cont .left .more:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

/*#pro_banner .swiper .swiper-slide .cont .right{width:85.885%;}*/

#pro_banner .swiper .swiper-slide .cont .right {
    width: calc(100% - 10.228% - 30.76%);
}

#pro_banner .swiper .swiper-slide .cont .right .pic {
    width: 100%;
    padding-top: 67.308%;
}

#pro_banner .swiper .swiper-slide .cont .right .pic img {
    width: 100%;
    object-fit: contain;
}

#pro_banner .swiper .swiper-pagination {
    bottom: 32px;
}

#pro_banner .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    margin: 0 12px;
    border: 2px solid #fff;
    background: transparent;
    opacity: 1;
}

#pro_banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

@media (max-width:1440px) {
    #pro_banner .swiper .swiper-slide .cont .left {
        margin-left: 6%;
    }
    #pro_banner .swiper .swiper-slide .cont .left .name {
        font-size: 20px;
    }
    #pro_banner .swiper .swiper-slide .cont .left .brief {
        font-size: 16px;
        line-height: 28px;
        margin: 25px 0 60px;
    }
}

@media (max-width:1366px) {
    #pro_banner .swiper .swiper-slide .cont .left {
        margin-left: 0%;
        width: 45%;
    }
}

@media (max-width:1024px) {
    /*#pro_banner{padding:50px 0;}*/
    /*#pro_banner .swiper .swiper-slide .cont .left{margin-left:3%;}*/
    #pro_banner .swiper .swiper-slide .cont .left .name {
        font-size: 20px;
    }
    #pro_banner .swiper .swiper-slide .cont .left .brief {
        margin: 10px 0 20px;
        line-height: 1.5;
    }
    #pro_banner .swiper .swiper-pagination {
        bottom: 20px;
    }
}

@media (max-width:750px) {
    #pro_banner .swiper .swiper-slide .pig_bg {
        padding-top: 172%;
    }
    #pro_banner .swiper .swiper-slide .pig_bg .i1 {
        display: none;
    }
    #pro_banner .swiper .swiper-slide .pig_bg .i2 {
        display: inline-block;
    }
    #pro_banner .swiper .swiper-slide .cont {
        flex-direction: column;
    }
    #pro_banner .swiper .swiper-slide .cont .left {
        width: 100%;
        margin: 0 0 30px 0;
        padding: 20px !important;
    }
    #pro_banner .swiper .swiper-slide .cont .left .brief {
        margin: 10px 0 20px;
    }
    #pro_banner .swiper .swiper-slide .cont .right {
        width: 100%;
    }
    #pro_banner .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 8px;
    }
}

#pro_list {
    padding: 80px 0 40px;
}

#pro_list .title {
    font-size: 32px;
    line-height: 48px;
    color: #4d4d4d;
    text-align: center;
    max-width: 70%;
    margin: 0 auto 92px;
}

#pro_list .list .li {
    position: relative;
    width: 100%;
    margin-bottom: 100px;
}

#pro_list .list .li .pic {
    width: 73.337%;
    overflow: hidden;
    border-radius: 0 20px 20px 0;
}

#pro_list .list .li:nth-child(2n) .pic {
    border-radius: 20px 0 0 20px;
    margin-left: auto;
}

#pro_list .list .li .pic .img {
    width: 100%;
    height: 100%;
    padding-top: 51.429%;
}

#pro_list .list .li .pic .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#pro_list .list .li .box .cont {
    width: 57.143%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 20px 35px 80px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

#pro_list .list .li:nth-child(2n-1) .box .cont {
    margin-left: auto;
}

#pro_list .list .li .box .cont .left {
    width: calc(100% - 120px);
    padding: 6.25% 50px 8.125%;
}

#pro_list .list .li .box .cont .left .name {
    font-size: 32px;
    font-family: 'MM';
    color: #292c33;
}

#pro_list .list .li .box .cont .left .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 30px;
}

#pro_list .list .li .box .cont .right {
    width: 120px;
    border-left: 1px solid rgba(55, 55, 55, 0.11);
}

#pro_list .list .li .box .cont:hover .right {
    background-color: #55c3be;
}

#pro_list .list .li .box .cont:hover .right .i1 {
    display: none;
}

#pro_list .list .li .box .cont:hover .right .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #pro_list .title {
        font-size: 26px;
        line-height: 42px;
    }
    #pro_list .list .li .box .cont .left .name {
        font-size: 30px;
    }
    #pro_list .list .li .box .cont .left .brief {
        font-size: 16px;
        line-height: 28px;
        margin-top: 25px;
    }
}

@media (max-width:1024px) {
    #pro_list {
        padding: 80px 0 0;
    }
    #pro_list .title {
        max-width: 92%;
        margin-bottom: 50px;
        font-size: 26px;
        line-height: 1.5;
    }
}

@media (max-width:750px) {
    #pro_list {
        padding-top: 50px;
    }
    #pro_list .list .li {
        margin-bottom: 50px;
    }
    #pro_list .list .li .pic {
        width: 92%;
        margin: 0 auto;
        border-radius: 20px !important;
    }
    #pro_list .list .li .box {
        position: static;
        transform: translate(0);
    }
    #pro_list .list .li .box .cont {
        width: 100%;
    }
    #pro_list .list .li .box .cont .left {
        width: calc(100% - 50px);
        padding: 20px;
    }
    #pro_list .list .li .box .cont .left .name {
        font-size: 26px;
        line-height: 1.5;
    }
    #pro_list .list .li .box .cont .left .brief {
        margin-top: 10px;
    }
    #pro_list .list .li .box .cont .right {
        width: 50px;
    }
}

/* 产品详情 */

#pro_detail .top {
    width: 100%;
    padding: 40px 0 170px;
    background-color: #f8f8f8;
}

#pro_detail .top .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
    margin: 70px 0 30px;
}

#pro_detail .top .brief {
    font-size: 20px;
    line-height: 36px;
    color: #4d4d4d;
}

#pro_detail .bot .pics {
    margin-top: -110px;
    position: relative;
    z-index: 3;
}

#pro_detail .bot .pics .swiper {
    border-radius: 20px;
    margin-top: 0;
}

#pro_detail .bot .pics .swiper .swiper-slide {
    padding-top: 51.429%;
    height: auto;
}

#pro_detail .bot .pics .swiper .swiper-pagination {
    bottom: 36px;
}

#pro_detail .bot .pics .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    margin: 0 12px;
    border: 2px solid #fff;
    background: transparent;
    opacity: 0.5;
}

#pro_detail .bot .pics .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

#pro_detail .bot .pics .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#pro_detail .bot .pics .pn.prev {
    left: 50px;
}

#pro_detail .bot .pics .pn.next {
    right: 50px;
}

#pro_detail .bot .pics .pn:hover {
    background-color: #55c3be;
}

#pro_detail .bot .pics .pn:hover .i1 {
    display: none;
}

#pro_detail .bot .pics .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #pro_detail .top .title {
        font-size: 42px;
    }
    #pro_detail .top .brief {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width:750px) {
    #pro_detail .top .crumbs {
        display: none;
    }
    #pro_detail .top .title {
        font-size: 32px;
        line-height: normal;
        margin: 0 0 20px 0;
    }
    #pro_detail .top .brief {
        font-size: 16px;
        line-height: 1.5;
    }
    #pro_detail .bot .pics .swiper .swiper-pagination {
        bottom: 10px;
    }
    #pro_detail .bot .pics .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 8px;
    }
    #pro_detail .bot .pics .pn {
        width: 50px;
        height: 50px;
    }
    #pro_detail .bot .pics .pn.prev {
        left: 15px;
    }
    #pro_detail .bot .pics .pn.next {
        right: 15px;
    }
}

#other_pro {
    width: 100%;
    overflow: hidden;
    padding: 90px 0 140px;
    background: url('../images/products/pro-detail-bg.jpg') no-repeat center / cover;
}

#other_pro .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    text-align: center;
    margin-bottom: 10%;
    font-family: 'MM'
}

#other_pro .cont .swiper {
    overflow: visible;
}

#other_pro .cont .swiper .swiper-slide {
    display: block;
    width: 34.286%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fafafa;
}

#other_pro .cont .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 95.833%;
    overflow: hidden;
}

#other_pro .cont .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

#other_pro .cont .swiper .swiper-slide .name {
    width: 100%;
    padding: 35px 40px;
    position: relative;
}

#other_pro .cont .swiper .swiper-slide .name span {
    font-size: 24px;
    font-family: 'MR';
    color: #292c33;
    transition: all 0.3s;
    position: relative;
    z-index: 3;
}

#other_pro .cont .swiper .swiper-slide .name::after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/products/mask.jpg') no-repeat 80% center / cover;
    opacity: 0;
    transition: all 0.3s;
}

#other_pro .cont .swiper .swiper-slide:hover .name span {
    color: #fff;
}

#other_pro .cont .swiper .swiper-slide:hover .name::after {
    opacity: 1;
}

#other_pro .cont .swiper .swiper-slide:hover .pic img {
    transform: scale(1.1);
}

#other_pro .cont .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
    display: block !important;
}

#other_pro .cont .pn.prev {
    left: -36px;
}

#other_pro .cont .pn.next {
    right: -36px;
}

#other_pro .cont .pn:hover {
    background-color: #55c3be;
}

#other_pro .cont .pn:hover .i1 {
    display: none;
}

#other_pro .cont .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #other_pro {
        padding: 90px 0 130px;
    }
    #other_pro .title {
        font-size: 42px;
    }
    #other_pro .cont .swiper .swiper-slide .name span {
        font-size: 20px;
    }
}

@media (max-width:1366px) {
    #other_pro {
        padding: 90px 0 120px;
    }
}

@media (max-width:1280px) {
    #other_pro {
        padding: 90px 0 110px;
    }
}

@media (max-width:1200px) {
    #other_pro {
        padding: 90px 0 100px;
    }
}

@media (max-width:1024px) {
    #other_pro {
        padding: 80px 0 80px;
    }
    #other_pro .title {
        margin-bottom: 100px;
    }
}

@media (max-width:750px) {
    #other_pro {
        padding: 50px 0;
    }
    #other_pro .title {
        font-size: 28px;
        line-height: normal;
        margin-bottom: 50px;
    }
    #other_pro .cont .swiper .swiper-slide {
        width: 300px;
    }
    #other_pro .cont .swiper .swiper-slide .name {
        padding: 30px 20px;
    }
    #other_pro .cont .swiper .swiper-slide .name span {
        font-size: 20px;
    }
}

/* 解决方案 */

#solution {
    padding: 100px 0;
}

#solution .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#solution .name {
    font-size: 32px;
    font-family: 'MM';
    color: #292c33;
}

#solution .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    margin: 30px 0;
}

#solution .more {
    width: 140px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    border: 1px solid #999;
    transition: all 0.3s;
    cursor: pointer;
    display: block;
}

#solution .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

#solution .item1 {
    margin: 55px 0 80px;
    align-items: center;
}

#solution .item1 .left {
    width: 50%;
    /*padding-top:30px;*/
}

#solution .item1 .right {
    width: calc(50% - 60px);
}

#solution .item1 .right .box {
    width: 100%;
    padding: 40px;
    border-radius: 30px;
    background: url('../images/solution/solution-form-bg.png') no-repeat center / cover;
}

#solution .item1 .right .box .list {
    width: 100%;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    padding: 40px;
}

#solution .item1 .right .box .list .tips {
    top: -16px;
    left: 40px;
    z-index: 2;
    font-size: 24px;
    font-family: 'MM';
    color: #292c33;
}

#solution .item1 .right .box .list .selectbox {
    position: relative;
    width: 100%;
}

#solution .item1 .right .box .list .select {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    line-height: 46px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'MM';
    color: #333;
    margin-bottom: 10px;
    transition: all 0.3s;
    background: url('../images/solution/select-icon.png') no-repeat scroll 96% center #fff;
}

#solution .item1 .right .box .list .select input::placeholder {
    color: #333;
}

#solution .item1 .right .box .list .select input::-moz-placeholder {
    color: #333;
}

#solution .item1 .right .box .list .select input::-webkit-input-placeholder {
    color: #333;
}

#solution .item1 .right .box .list .select .com_drop_box {
    top: calc(100% + 2px);
}

#solution .item1 .right .box .list .select:hover {
    border-color: #55c3be;
}

#solution .item1 .right .box .list .selectbox .com_drop_del {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 13px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    line-height: 22px;
    text-align: center;
    font-size: 22px;
    font-family: 'MM';
    color: #AAAAAA;
    cursor: pointer;
    display: none;
}

#solution .item1 .right .box .list .submit {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #292c33;
    margin-top: 10px;
    transition: all 0.3s;
}

#solution .item1 .right .box .list .submit .txt {
    font-size: 18px;
    color: #fff;
    font-family: 'MM';
    margin-right: 15px;
}

#solution .item1 .right .box .list .submit:hover {
    background-color: #55c3be;
}

#solution .item2 .left {
    width: calc(50% - 60px);
}

#solution .item2 .left .pic {
    width: 100%;
    padding-top: 78.125%;
    overflow: hidden;
    border-radius: 20px;
}

#solution .item2 .right {
    width: calc(50% - 40px);
}

@media (max-width:1440px) {
    #solution .title {
        font-size: 42px;
    }
    #solution .name {
        font-size: 26px;
    }
    #solution .brief {
        font-size: 16px;
        line-height: 28px;
    }
    #solution .item1 .right .box .list .tips {
        font-size: 20px;
    }
    #solution .item1 .right .box .list .select,
    #solution .item1 .right .box .list .submit .txt,
    #solution .more {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    #solution .item1 .left {
        padding-top: 20px;
    }
    #solution .item1 .right .box,
    #solution .item1 .right .box .list {
        padding: 30px;
    }
    #solution .item1 .right .box .list .tips {
        font-size: 20px;
        left: 30px;
    }
}

@media (max-width:750px) {
    #solution {
        padding: 50px 0;
    }
    #solution .title {
        font-size: 32px;
        line-height: normal;
    }
    #solution .name {
        font-size: 24px;
    }
    #solution .brief {
        font-size: 16px;
        line-height: 1.5;
        margin: 20px 0;
    }
    #solution .item1 {
        flex-direction: column;
        margin: 30px 0 50px;
    }
    #solution .item1 .left {
        padding-top: 0;
        width: 100%;
    }
    #solution .item1 .right {
        width: 100%;
        margin-top: 30px;
    }
    #solution .item1 .right .box .list .tips {
        font-size: 16px;
        left: 20px;
    }
    #solution .item1 .right .box .list .select {
        font-size: 14px;
    }
    #solution .item1 .right .box,
    #solution .item1 .right .box .list {
        padding: 30px 20px 20px;
    }
    #solution .item1 .right .box .list .submit .txt {
        font-size: 16px;
    }
    #solution .item2 {
        flex-direction: column;
    }
    #solution .item2 .left {
        width: 100%;
    }
    #solution .item2 .right {
        width: 100%;
        margin-top: 30px;
    }
    #solution .more {
        height: 50px;
        width: 120px;
        line-height: 48px;
    }
}

#solution_infinity {
    background-color: #f9f9f9;
    padding: 100px 0 50px;
}

#solution_infinity .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#solution_infinity .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    max-width: 85%;
    margin: 25px auto 0;
}

#solution_infinity .cont {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#solution_infinity .cont .swiper {
    padding: 55px 16px 50px 16px;
}

#solution_infinity .cont .swiper .swiper-slide {
    width: calc((100% - (25px * 2)) / 3);
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    padding: 4.286%;
    transition: all 0.3s;
    border: 1px solid transparent;
}

#solution_infinity .cont .swiper .swiper-slide:nth-child(3n) {
    margin-right: 0;
}

#solution_infinity .cont .swiper .swiper-slide .icon {
    width: 56px;
    height: 50px;
}

#solution_infinity .cont .swiper .swiper-slide .name {
    font-size: 24px;
    line-height: 26px;
    color: #292c33;
    font-family: 'MM';
    margin: 30px 0 25px;
}

#solution_infinity .cont .swiper .swiper-slide .description {
    font-size: 16px;
    line-height: 24px;
    color: #4d4d4d;
    margin-bottom: 25px;
}

#solution_infinity .cont .swiper .swiper-slide .more {
    display: block;
    width: 140px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #999;
    font-size: 18px;
    color: #4c4c4c;
    transition: all 0.3s;
}

#solution_infinity .cont .swiper .swiper-slide .more:hover {
    border-color: #55c3be;
    color: #fff;
    background-color: #55c3be;
}

#solution_infinity .cont .swiper .swiper-slide:hover {
    border-color: #55c3be;
}

#solution_infinity .cont .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#solution_infinity .cont .pn.prev {
    left: -16px;
}

#solution_infinity .cont .pn.next {
    right: -16px;
}

#solution_infinity .cont .pn:hover {
    background-color: #55c3be;
}

#solution_infinity .cont .pn:hover .i1 {
    display: none;
}

#solution_infinity .cont .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #solution_infinity .title {
        font-size: 42px;
    }
    #solution_infinity .brief {
        font-size: 16px;
        line-height: 28px;
    }
    #solution_infinity .cont .swiper .swiper-slide .name {
        font-size: 20px;
        line-height: 22px;
    }
    #solution_infinity .cont .swiper .swiper-slide .more {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    #solution_infinity .cont .swiper .swiper-slide {
        padding: 3%;
    }
}

@media (max-width:750px) {
    #solution_infinity .cont .pn {
        width: 45px;
        height: 45px;
    }
    #solution_infinity .cont .pn img {
        transform: scale(0.7)
    }
    #solution_infinity .cont .swiper .swiper-slide .more {
        width: 120px;
        height: 50px;
        line-height: 48px;
    }
}

#solution_incubaTor {
    padding: 100px 0 140px;
}

#solution_incubaTor .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#solution_incubaTor .brief {
    font-size: 18px;
    line-height: 30px;
    color: #999;
    text-align: center;
    margin-top: 20px;
}

@media (max-width:1440px) {
    #solution_incubaTor .title {
        font-size: 42px;
    }
    #solution_incubaTor .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #solution_infinity {
        padding: 50px 0;
    }
    #solution_infinity .title {
        font-size: 32px;
        line-height: normal;
    }
    #solution_infinity .brief {
        font-size: 22px;
        line-height: normal;
        max-width: 100%;
        margin-top: 15px;
    }
    #solution_infinity .cont .pn {
        width: 50px;
        height: 50px;
    }
    #solution_infinity .cont .pn.prev {
        left: -8px;
    }
    #solution_infinity .cont .pn.next {
        right: -8px;
    }
    #solution_infinity .cont .swiper {
        padding: 30px 16px;
    }
    #solution_infinity .cont .swiper .swiper-slide {
        padding: 30px;
    }
    #solution_infinity .cont .swiper .swiper-slide .name {
        font-size: 22px;
        line-height: 1.5;
    }
    #solution_infinity .cont .swiper .swiper-slide .description {
        font-size: 16px;
        line-height: 1.5;
    }
    #solution_incubaTor {
        padding: 50px 0;
    }
    #solution_incubaTor .title {
        font-size: 32px;
        line-height: normal;
    }
}

/* iNfinity */

#pet_supplies {
    padding: 120px 0;
}

#pet_supplies .title {
    margin-bottom: 60px;
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#pet_supplies .cont .left {
    width: 50%;
}

#pet_supplies .cont .left .name {
    font-size: 32px;
    font-family: 'MM';
    color: #292c33;
}

#pet_supplies .cont .left .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 20px;
}

#pet_supplies .cont .right {
    width: calc(50% - 100px);
}

#pet_supplies .cont .right .pic {
    width: 100%;
    padding-top: 93.333%;
}

#pet_supplies .cont .right .pic img {
    width: 100%;
    object-fit: contain;
}

@media (max-width:750px) {
    #pet_supplies .title {
        font-size: 42px;
    }
    #pet_supplies .cont .left .name {
        font-size: 30px;
    }
    #pet_supplies .cont .left .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #pet_supplies {
        padding: 50px 0;
    }
    #pet_supplies .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px;
    }
    #pet_supplies .cont {
        flex-direction: column;
    }
    #pet_supplies .cont .left {
        width: 100%;
    }
    #pet_supplies .cont .left .name {
        font-size: 22px;
    }
    #pet_supplies .cont .left .brief {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 10px;
    }
    #pet_supplies .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

#electronic_omponents {
    background-color: #f9f9f9;
    padding: 120px 0 60px;
}

#electronic_omponents .title {
    margin-bottom: 60px;
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#electronic_omponents .item {
    width: 92%;
    max-width: 1424px;
    margin: 0 auto;
}

#electronic_omponents .item .swiper {
    padding: 55px 12px;
}

#electronic_omponents .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#electronic_omponents .item .swiper .swiper-slide {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (20px * 3)) / 4);
    min-height: 260px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.5s;
    cursor: pointer;
}

#electronic_omponents .item .swiper .swiper-slide .icon img {
    max-width: 52px;
    max-height: 52px;
    object-fit: contain;
}

#electronic_omponents .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#electronic_omponents .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#electronic_omponents .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#electronic_omponents .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#electronic_omponents .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#electronic_omponents .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#electronic_omponents .item .pn.prev {
    left: -15px;
}

#electronic_omponents .item .pn.next {
    right: -15px;
}

#electronic_omponents .item .pn:hover {
    background-color: #55c3be;
}

#electronic_omponents .item .pn:hover .i1 {
    display: none;
}

#electronic_omponents .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #electronic_omponents .title {
        font-size: 42px;
        margin-bottom: 50px;
    }
    #electronic_omponents .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #electronic_omponents {
        padding: 50px 0 20px;
    }
    #electronic_omponents .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 10px;
    }
    #electronic_omponents .item .swiper {
        padding: 30px 12px;
    }
    #electronic_omponents .item .pn {
        width: 45px;
        height: 45px;
    }
    #electronic_omponents .item .pn.prev {
        left: 0;
    }
    #electronic_omponents .item .pn.next {
        right: 0;
    }
    #electronic_omponents .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#electronic_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#electronic_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#electronic_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#electronic_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#electronic_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#electronic_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#electronic_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #electronic_popup .com_box {
        padding: 30px 20px;
    }
    #electronic_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #electronic_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #electronic_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#new_materials {
    padding: 120px 0 60px;
}

#new_materials .title {
    margin-bottom: 60px;
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#new_materials .item {
    width: 92%;
    max-width: 1424px;
    margin: 0 auto;
}

#new_materials .item .swiper {
    padding: 55px 12px;
}

#new_materials .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#new_materials .item .swiper .swiper-slide {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (20px * 3)) / 4);
    min-height: 260px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.5s;
    cursor: pointer;
}

#new_materials .item .swiper .swiper-slide .icon img {
    max-width: 52px;
    max-height: 52px;
    object-fit: contain;
}

#new_materials .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#new_materials .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#new_materials .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#new_materials .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#new_materials .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#new_materials .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#new_materials .item .pn.prev {
    left: -15px;
}

#new_materials .item .pn.next {
    right: -15px;
}

#new_materials .item .pn:hover {
    background-color: #55c3be;
}

#new_materials .item .pn:hover .i1 {
    display: none;
}

#new_materials .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #new_materials {
        padding-top: 100px;
    }
    #new_materials .title {
        font-size: 42px;
        margin-bottom: 50px;
    }
    #new_materials .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #new_materials {
        padding: 50px 0 20px;
    }
    #new_materials .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 10px;
    }
    #new_materials .item .swiper {
        padding: 30px 12px;
    }
    #new_materials .item .pn {
        width: 45px;
        height: 45px;
    }
    #new_materials .item .pn.prev {
        left: 0;
    }
    #new_materials .item .pn.next {
        right: 0;
    }
    #new_materials .item .pn img {
        transform: scale(0.7);
    }
}

/* 弹窗 */

#materials_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#materials_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#materials_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#materials_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#materials_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#materials_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#materials_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #materials_popup .com_box {
        padding: 30px 20px;
    }
    #materials_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #materials_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #materials_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#more_industries {
    background-color: #f9f9f9;
    padding: 120px 0 140px;
}

#more_industries .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#more_industries .brief {
    font-size: 18px;
    line-height: 48px;
    color: #4d4d4d;
    text-align: center;
    margin-top: 20px;
}

@media (max-width:1440px) {
    #more_industries .title {
        font-size: 42px;
    }
}

@media (max-width:750px) {
    #more_industries {
        padding: 50px 0;
    }
    #more_industries .title {
        font-size: 32px;
        line-height: normal;
    }
    #more_industries .brief {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* 解决方案-包装方案 */

#perfect_packaging {
    padding: 70px 0;
}

#perfect_packaging .name {
    font-size: 32px;
    color: #292c33;
    font-family: 'MM';
    margin-bottom: 24px;
}

#perfect_packaging .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
}

@media (max-width:750px) {
    #perfect_packaging {
        padding: 50px 0;
    }
    #perfect_packaging .name {
        font-size: 24px;
        line-height: normal;
    }
    #perfect_packaging .brief {
        font-size: 16px;
        line-height: 1.5;
    }
}

#packaging_solution {
    background-color: #f9f9f9;
    padding: 110px 0 100px;
}

#packaging_solution .form {
    width: 100%;
    padding: 50px 45px;
    border-radius: 20px;
    border: 3px solid #55c3be;
}

#packaging_solution .form .tips {
    position: absolute;
    top: -16px;
    left: 20px;
    z-index: 2;
    font-size: 24px;
    font-family: 'MM';
    color: #292c33;
    background-color: #f9f9f9;
    padding: 0 20px;
}

#packaging_solution .form .list block {
    width: calc((100% - (20px * 3)) / 4);
}

#packaging_solution .form .list block .selectbox {
    position: relative;
    width: 100%;
}

#packaging_solution .form .list .select {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    line-height: 46px;
    border: 2px solid #666;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'MM';
    color: #333;
    transition: all 0.3s;
    background: url('../images/solution/select-icon.png') no-repeat scroll 96% center #fff;
}

#packaging_solution .form .list .select .com_drop_box {
    top: calc(100% + 2px);
}

#packaging_solution .form .list .select input::placeholder {
    color: #333;
}

#packaging_solution .form .list .select input::-moz-placeholder {
    color: #333;
}

#packaging_solution .form .list .select input::-webkit-input-placeholder {
    color: #333;
}

#packaging_solution .form .list .select:hover {
    border-color: #55c3be;
}

#packaging_solution .form .list block .selectbox .com_drop_del {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 13px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    line-height: 22px;
    text-align: center;
    font-size: 22px;
    font-family: 'MM';
    color: #AAAAAA;
    cursor: pointer;
    display: none;
}

#packaging_solution .form .submit {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background-color: #292c33;
    margin-top: 29px;
    transition: all 0.3s;
}

#packaging_solution .form .submit .txt {
    font-size: 18px;
    color: #fff;
    font-family: 'MM';
    margin-right: 15px;
}

#packaging_solution .form .submit:hover {
    background-color: #55c3be;
}

@media (max-width:1440px) {
    #packaging_solution .form .tips {
        font-size: 20px;
    }
    #packaging_solution .form .list .select,
    #packaging_solution .form .submit .txt {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #packaging_solution {
        padding: 50px 0;
    }
    #packaging_solution .form {
        padding: 50px 30px 30px;
    }
    #packaging_solution .form .list {
        flex-direction: column;
    }
    #packaging_solution .form .list block {
        width: 100%;
        margin-bottom: 15px;
    }
    #packaging_solution .form .list .select {
        width: 100%;
        font-size: 16px;
    }
    #packaging_solution .form .list block:last-child {
        margin-bottom: 0;
    }
}

#solution_list {
    padding: 100px 0 120px;
}

#solution_list .list .li {
    width: calc((100% - (2.858% *2)) / 3);
    margin: 0 2.858% 80px 0;
}

#solution_list .list .li:nth-child(3n) {
    margin-right: 0;
}

#solution_list .list .li .pic {
    width: 100%;
    padding-top: 95.455%;
    border-radius: 10px;
    overflow: hidden;
}

#solution_list .list .li .pic img {
    width: 100%;
    object-fit: cover;
}

#solution_list .list .li .name {
    font-size: 24px;
    font-family: 'MR';
    color: #333;
    margin-top: 45px;
}

#solution_list .list .li .brief {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin: 12px 0 46px;
}

#solution_list .list .li .more {
    width: 140px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #999;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'ML';
}

#solution_list .list .li .more:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

@media (max-width:1440px) {
    #solution_list .list .li .name {
        font-size: 22px
    }
    #solution_list .list .li .brief {
        font-size: 16px;
        line-height: 28px;
    }
    #solution_list .list .li .more {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #solution_list {
        padding: 50px 0 80px;
    }
    #solution_list .list .li {
        width: 100%;
        margin: 0 0 50px 0;
    }
    #solution_list .list .li .name {
        margin-top: 20px;
    }
    #solution_list .list .li .brief {
        font-size: 16px;
        line-height: 1.5;
        margin: 10px 0;
    }
    #solution_list .list .li .more {
        width: 120px;
        height: 50px;
        line-height: 48px
    }
}

/* 共用表单样式 */

.public_form {
    width: 100%;
    background: no-repeat center / cover;
    overflow: hidden;
    padding: 120px 0;
}

.public_form .title {
    font-size: 50px;
    line-height: 1;
    color: #2f3238;
    font-family: 'MM';
    text-align: center;
    margin-bottom: 50px;
}

.public_form .form {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 50px 80px 70px;
}

.public_form .form .txt {
    font-size: 18px;
    color: #4c4c4c;
    margin-bottom: 25px;
}

.public_form .form .txt span {
    color: #ff0000;
}

.public_form .form .li {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 81px;
}

.public_form .form .list .li {
    width: calc((100% - (50px * 2)) / 3);
    margin: 0 50px 0 0;
}

.public_form .form .list .li:nth-child(3n) {
    margin-right: 0;
}

.public_form .form .tip {
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: all 0.3s;
    transform: translateY(20px);
}

.public_form .form .tip span {
    color: #ff0000;
}

.public_form .form .input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #222;
}

.public_form .form .input:focus {
    border-color: #55c3be;
}

.public_form .form .select .country_tip {
    transform: translateY(20px);
    padding-right: 26px;
}

.public_form .form .select .country_tip .tip {
    transform: translateY(0);
}

.public_form .form .select .com_input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #222;
}

.public_form .form .select.dropIn .com_input {
    border-color: #55c3be;
}

.public_form .form .select.dropIn .country_tip,
.public_form .form .select.dropVal .country_tip {
    transform: translateY(0);
}

.public_form .form .select.dropIn .tip,
.public_form .form .select.dropIn .tip span,
.public_form .form .select.dropVal .tip,
.public_form .form .select.dropVal .tip span {
    color: #ccc;
}

.public_form .form .message {
    width: 100%;
    height: 141px;
    border-bottom: 1px solid #e0e0e0;
    padding: 25px 0 35px;
}

.public_form .form .message.in {
    border-color: #55c3be;
}

.public_form .form .message .tip {
    transform: translateY(0);
}

.public_form .form .message .text {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #222;
    line-height: 26px;
}

.public_form .form .message .num {
    bottom: 15px;
    right: 0;
    z-index: 2;
    font-size: 18px;
    line-height: 1;
    color: #ccc;
}

.public_form .form .bot .code {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: calc((100% - (50px * 2)) / 3);
    height: 81px;
}

.public_form .form .bot .code_img {
    height: 60px;
    margin: 0 35px 0 50px;
}

.public_form .form .bot .code_img .verification_code {
    width: 100px;
    height: 44px;
}

.public_form .form .bot .code_img .reset {
    cursor: pointer;
    width: 44px;
    height: 44px;
    margin-left: 20px;
}

.public_form .form .bot .submit {
    cursor: pointer;
    width: 140px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #292c33;
    font-size: 18px;
    color: #fff;
    font-family: 'ML';
    background-color: #292c33;
    transition: all 0.3s;
}

.public_form .form .bot .submit:hover {
    background-color: #55c3be;
    border-color: #55c3be;
}

@media (max-width:1440px) {
    .public_form .title {
        font-size: 42px
    }
    .public_form .form .txt,
    .public_form .form .tip,
    .public_form .form .input,
    .public_form .form .bot .submit {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    .public_form .form {
        padding: 50px;
    }
    .public_form .form .list .li {
        margin-right: 30px;
    }
}

@media (max-width:750px) {
    .public_form {
        padding: 50px 0;
    }
    .public_form .title {
        font-size: 30px;
        line-height: normal;
    }
    .public_form .form {
        padding: 30px 20px;
    }
    .public_form .form .list .li {
        width: 100%;
        margin-right: 0;
    }
    .public_form .form .tip {
        font-size: 16px;
    }
    .public_form .form .bot {
        flex-direction: column;
        align-items: flex-start;
    }
    .public_form .form .bot .code {
        width: 100%;
    }
    .public_form .form .bot .code_img {
        width: 100%;
        margin: 10px 0;
    }
    .public_form .form .message .num,
    .public_form .form .select .com_input {
        font-size: 16px;
    }
    .public_form .form .bot .submit {
        height: 50px;
        line-height: 48px;
        width: 130px;
    }
}

/* 解决方案表单背景 */

#solution_need {
    background-image: url('../images/solution/solution-bg.jpg');
}

/* 投资者表单背景 */

#investor_form {
    background-image: url('../images/investor/investor-form.jpg');
}

#investor_form .title {
    position: relative;
    width: fit-content;
    margin: 0 auto 62px;
    padding: 0 22px;
}

#investor_form .title::after,
#investor_form .title::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 94px;
    height: 17px;
    background: no-repeat center;
}

#investor_form .title::after {
    left: -94px;
    background-image: url('../images/investor/investor-tit-mask1.png');
}

#investor_form .title::before {
    right: -94px;
    background-image: url('../images/investor/investor-tit-mask2.png');
}

#investor_form .form .message {
    height: 171px;
}

@media (max-width:750px) {
    #investor_form .title {
        font-size: 26px;
        margin-bottom: 30px;
    }
}

#eco_friendly {
    padding: 120px 0;
    overflow: hidden;
}

#eco_friendly .cont {
    margin-bottom: 80px;
}

#eco_friendly .cont .left {
    width: calc(50% - 100px);
}

#eco_friendly .cont .left .pic {
    width: 100%;
    padding-top: 101.667%;
}

#eco_friendly .cont .right {
    width: 50%;
}

#eco_friendly .cont .right .name {
    font-size: 50px;
    font-family: 'MM';
    color: #2f3238;
    margin-bottom: 26px;
}

#eco_friendly .cont .right .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    letter-spacing: -0.3px;
}

#eco_friendly .cont .right .brief span {
    font-family: 'MM';
}

#eco_friendly .cont .right .list {
    margin: 30px 0 24px;
}

#eco_friendly .cont .right .list p {
    font-size: 18px;
    font-family: 'MR';
    line-height: 30px;
    color: #2f3238;
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

#eco_friendly .cont .right .list p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 2;
    background: url('../images/about/Design-Award.png') no-repeat center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

#eco_friendly .cont .right .more,
#eco_friendly .cont .right .a_more {
    width: 180px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
}

#eco_friendly .cont .right .more:hover,
#eco_friendly .cont .right .a_more:hover {
    background-color: #55c3be;
    color: #fff;
    border-color: #55c3be;
}

#eco_friendly .bot .swiper .swiper-slide .pic {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 95.556%;
}

#eco_friendly .bot .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#eco_friendly .bot .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#eco_friendly .bot .pn.prev {
    left: -31px;
}

#eco_friendly .bot .pn.next {
    right: -31px;
}

#eco_friendly .bot .pn:hover {
    background-color: #55c3be;
}

#eco_friendly .bot .pn:hover .i1 {
    display: none;
}

#eco_friendly .bot .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #eco_friendly .cont .right .name {
        font-size: 42px;
    }
    #eco_friendly .cont .right .brief {
        font-size: 16px;
        line-height: 28px;
    }
    #eco_friendly .cont .right .list p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1024px) {
    #eco_friendly {
        padding: 100px 0;
    }
    #eco_friendly .cont {
        flex-direction: column-reverse;
    }
    #eco_friendly .cont .left {
        width: 63.69%;
        margin: 30px auto 0;
    }
    #eco_friendly .cont .right {
        width: 100%;
    }
}

@media (max-width:750px) {
    #eco_friendly {
        padding: 50px 0;
    }
    #eco_friendly .cont {
        margin-bottom: 50px;
    }
    #eco_friendly .cont .right .name {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 15px;
    }
    #eco_friendly .cont .right .brief,
    #eco_friendly .cont .right .list p {
        font-size: 16px;
        line-height: 1.5;
    }
    #eco_friendly .cont .right .list p:after {
        top: 0;
    }
    #eco_friendly .cont .left {
        width: 100%;
    }
    #eco_friendly .bot .pn {
        width: 45px;
        height: 45px;
    }
    #eco_friendly .bot .pn.prev {
        left: -10px;
    }
    #eco_friendly .bot .pn.next {
        right: -10px;
    }
    #eco_friendly .bot .pn img {
        transform: scale(0.7)
    }
    #eco_friendly .cont .right .more,
    #eco_friendly .cont .right .a_more {
        font-size: 16px;
        height: 50px;
        line-height: 48px;
        width: 160px;
    }
}

/* 弹窗 */

#friendly_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#friendly_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#friendly_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#friendly_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#friendly_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#friendly_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#friendly_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #friendly_popup .com_box {
        padding: 30px 20px;
    }
    #friendly_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #friendly_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #friendly_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#pre_media .cont .left {
    width: 50%;
}

#pre_media .cont .left .name {
    font-size: 50px;
    font-family: 'MM';
    color: #2f3238;
}

#pre_media .cont .left .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    margin: 22px 0 30px;
}

#pre_media .cont .left .more,
#pre_media .cont .left .a_more {
    width: 180px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
}

#pre_media .cont .left .more:hover,
#pre_media .cont .left .a_more:hover {
    background-color: #55c3be;
    color: #fff;
    border-color: #55c3be;
}

#pre_media .cont .right {
    width: calc(50% - 100px);
}

#pre_media .cont .right .pic {
    width: 100%;
    padding-top: 100%;
}

#pre_media .cont .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1440px) {
    #pre_media .cont .left .name {
        font-size: 42px;
    }
    #pre_media .cont .left .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #pre_media .cont {
        flex-direction: column;
    }
    #pre_media .cont .left {
        width: 100%;
    }
    #pre_media .cont .left .name {
        font-size: 32px;
    }
    #pre_media .cont .left .brief {
        line-height: 1.5;
    }
    #pre_media .cont .left .more,
    #pre_media .cont .left .a_more {
        width: 160px;
        height: 50px;
        line-height: 48px;
        font-size: 16px;
    }
    #pre_media .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

/* 弹窗 */

#pre_media_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#pre_media_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#pre_media_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#pre_media_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#pre_media_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#pre_media_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#pre_media_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #pre_media_popup .com_box {
        padding: 30px 20px;
    }
    #pre_media_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #pre_media_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #pre_media_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#retail {
    padding: 120px 0;
    overflow: hidden;
}

#retail .cont .left {
    width: calc(50% - 100px);
}

#retail .cont .left .pic {
    width: 100%;
    padding-top: 95%;
}

#retail .cont .right {
    width: 50%;
}

#retail .cont .right .name {
    font-size: 50px;
    font-family: 'MM';
    color: #2f3238;
    line-height: 1.2;
}

#retail .cont .right .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin: 25px 0 32px;
}

#retail .cont .right .brief span {
    font-family: 'MM';
}

#retail .cont .right .more,
#retail .cont .right .a_more {
    width: 180px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
    transition: 0.3s
}

#retail .cont .right .more:hover,
#retail .cont .right .a_more:hover {
    background-color: #55c3be;
    color: #fff;
    border-color: #55c3be;
}

@media (max-width:1440px) {
    #retail .cont .right .name {
        font-size: 42px;
    }
    #retail .cont .right .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #retail {
        padding: 50px 0;
    }
    #retail .cont {
        flex-direction: column-reverse;
    }
    #retail .cont .left {
        width: 100%;
    }
    #retail .cont .right {
        width: 100%;
        margin-bottom: 30px;
    }
    #retail .cont .right .name {
        font-size: 32px;
    }
    #retail .cont .right .brief {
        line-height: 1.5;
    }
    #retail .cont .right .more. #retail .cont .right .a_more {
        width: 160px;
        height: 50px;
        line-height: 48px;
        font-size: 16px;
    }
}

/* 弹窗 */

#retail_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#retail_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#retail_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#retail_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#retail_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#retail_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#retail_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #retail_popup .com_box {
        padding: 30px 20px;
    }
    #retail_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #retail_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #retail_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#more_customization {
    background-color: #f9f9f9;
    padding: 120px 0 80px;
    overflow: hidden;
}

#more_customization .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#more_customization .item {
    width: 92%;
    max-width: 1424px;
    margin: 0 auto;
}

#more_customization .item .swiper {
    padding: 55px 12px;
}

#more_customization .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#more_customization .item .swiper .swiper-slide {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (20px * 3)) / 4);
    min-height: 260px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.5s;
    cursor: pointer;
}

#more_customization .item .swiper .swiper-slide .icon img {
    max-width: 52px;
    max-height: 52px;
    object-fit: contain;
}

#more_customization .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#more_customization .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#more_customization .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#more_customization .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#more_customization .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#more_customization .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#more_customization .item .pn.prev {
    left: -15px;
}

#more_customization .item .pn.next {
    right: -15px;
}

#more_customization .item .pn:hover {
    background-color: #55c3be;
}

#more_customization .item .pn:hover .i1 {
    display: none;
}

#more_customization .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #more_customization .title {
        font-size: 42px;
    }
    #more_customization .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #more_customization {
        padding: 50px 0 20px;
    }
    #more_customization .title {
        font-size: 32px;
    }
    #more_customization .item .swiper {
        padding: 30px 12px;
    }
    #more_customization .item .pn {
        width: 45px;
        height: 45px;
    }
    #more_customization .item .pn.prev {
        left: 0;
    }
    #more_customization .item .pn.next {
        right: 0;
    }
    #more_customization .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#customization_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#customization_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#customization_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#customization_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#customization_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#customization_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#customization_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #customization_popup .com_box {
        padding: 30px 20px;
    }
    #customization_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #customization_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #customization_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

/* 解决方案详情 */

#solution_detail {
    width: 100%;
    padding: 40px 0 100px;
    background: url('../images/solution/solution-detail-bg.jpg') no-repeat center / cover;
}

#solution_detail .cont {
    margin-top: 75px;
}

#solution_detail .cont .left {
    width: calc(100% - 670px);
}

#solution_detail .cont .left .name {
    font-size: 36px;
    color: #292c33;
    font-family: 'MM';
}

#solution_detail .cont .left .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    letter-spacing: -0.5px;
    margin: 30px 0;
}

#solution_detail .cont .left .txt {
    font-size: 24px;
    font-family: 'MM';
    line-height: 30px;
    color: #292c33;
    margin: 38px 0 32px;
}

#solution_detail .cont .left .list .li {
    font-size: 18px;
    font-family: 'MM';
    line-height: 30px;
    color: #2f3238;
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

#solution_detail .cont .left .list .li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 2;
    background: url('../images/about/Design-Award.png') no-repeat center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

#solution_detail .cont .right {
    width: 600px;
}

#solution_detail .cont .right .pic {
    width: 100%;
    height: 100%;
    padding-top: 95.5%;
    border-radius: 10px;
    overflow: hidden;
}

#solution_detail .cont .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1440px) {
    #solution_detail .cont .left .name {
        font-size: 32px;
    }
    #solution_detail .cont .left .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #solution_detail .cont {
        flex-direction: column;
    }
    #solution_detail .cont .left {
        width: 100%;
    }
    #solution_detail .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width:750px) {
    #solution_detail {
        padding-bottom: 50px;
    }
    #solution_detail .crumbs {
        display: none;
    }
    #solution_detail .cont {
        margin-top: 0;
    }
    #solution_detail .cont .left .name {
        font-size: 26px;
    }
    #solution_detail .cont .left .brief {
        font-size: 16px;
        line-height: 1.5;
        margin: 10px 0 20px;
    }
    #solution_detail .cont .left .list .li {
        font-size: 16px;
        line-height: 1.5;
    }
    #solution_detail .cont .left .list .li:after {
        top: 0;
    }
    #solution_detail .cont .left .txt {
        font-size: 20px;
        margin: 30px 0 20px;
    }
}

#related_sol_pro {
    width: 100%;
    padding: 100px 0;
    background-color: #f9f9f9;
}

#related_sol_pro .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
    margin-bottom: 60px;
}

#related_sol_pro .cont .swiper .swiper-slide .pic {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    padding-top: 95.455%;
}

#related_sol_pro .cont .swiper .swiper-slide .name {
    font-size: 24px;
    font-family: 'MR';
    color: #333;
    margin: 44px 0 10px;
}

#related_sol_pro .cont .swiper .swiper-slide .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-bottom: 45px;
}

#related_sol_pro .cont .swiper .swiper-slide .more {
    width: 180px;
    height: 60px;
    border-radius: 30px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'ML';
    color: #4c4c4c;
}

#related_sol_pro .cont .swiper .swiper-slide .more:hover {
    background-color: #55c3be;
    color: #fff;
    border-color: #55c3be;
}

#related_sol_pro .cont .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#related_sol_pro .cont .pn.prev {
    left: -36px;
}

#related_sol_pro .cont .pn.next {
    right: -36px;
}

#related_sol_pro .cont .pn:hover {
    background-color: #55c3be;
}

#related_sol_pro .cont .pn:hover .i1 {
    display: none;
}

#related_sol_pro .cont .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #related_sol_pro .title {
        font-size: 42px;
    }
    #related_sol_pro .cont .swiper .swiper-slide .name {
        font-size: 22px;
        margin-top: 30px;
    }
    #related_sol_pro .cont .swiper .swiper-slide .brief {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }
}

@media (max-width:750px) {
    #related_sol_pro {
        padding: 50px 0;
    }
    #related_sol_pro .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 30px;
    }
    #related_sol_pro .cont .swiper .swiper-slide .name {
        font-size: 20px;
        margin-top: 20px;
    }
    #related_sol_pro .cont .swiper .swiper-slide .brief {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    #related_sol_pro .cont .pn {
        width: 50px;
        height: 50px;
    }
    #related_sol_pro .cont .pn.prev {
        left: -10px;
    }
    #related_sol_pro .cont .pn.next {
        right: -10px;
    }
}

/* 二级导航栏 */

.subnav {
    border-bottom: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

.subnav .list .li {
    font-size: 20px;
    font-family: 'MM';
    line-height: 1;
    white-space: nowrap;
    color: #292c33;
    margin: 0 28px;
    transition: all 0.3s;
    display: block;
}

.subnav .list .li.cur,
.subnav .list .li:hover {
    color: #55c3be;
}

@media (max-width:750px) {
    .subnav .list .li {
        font-size: 18px;
        margin: 0 10px;
    }
}

/* 实时股票 */

.investor_shares .title {
    font-size: 32px;
    color: #292c33;
    text-align: center;
    padding: 90px 0 55px;
}

.investor_shares .box {
    width: 100%;
    overflow: hidden;
    padding: 60px 40px;
    background-color: #fafafa;
    border-radius: 20px;
}

.investor_shares .box .line {
    width: 1px;
    height: 120px;
    background-color: #e7e7e7;
}

.investor_shares .box .left {
    padding: 0 1.895% 0 30px;
    width: 17.425%;
}

.investor_shares .box .left .price,
.investor_shares .box .left .price span {
    font-size: 16px;
    line-height: 1;
    font-family: 'MM';
    color: #292c33;
}

.investor_shares .box .left .price span {
    font-size: 50px;
}

.investor_shares .box .left .price::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 12px;
    background: url('../images/solution/triangle.png') no-repeat center;
    z-index: 2;
    left: -30px;
    top: 15px;
}

.investor_shares .box .left .tit {
    font-size: 16px;
    color: #888;
    line-height: 20px;
    margin: 7px 0;
}

.investor_shares .box .left .stock_code {
    font-size: 20px;
    line-height: 1;
    color: #888;
    font-family: 'MR';
}

.investor_shares .box .center {
    width: calc(100% - 17.425% - 21.97% - 2px);
    padding: 0 3.41%;
}

.investor_shares .box .center .li .numb {
    font-size: 32px;
    line-height: 1;
    color: #292c33;
}

.investor_shares .box .center .li .txt {
    font-size: 16px;
    font-family: 'MR';
    color: #888;
    line-height: 26px;
    margin-top: 4px;
}

.investor_shares .box .right {
    width: 21.97%;
    padding-left: 1.97%;
}

.investor_shares .box .right .time,
.investor_shares .box .right .brief {
    font-size: 16px;
    line-height: 26px;
    color: #292c33;
}

.investor_shares .box .right .brief {
    letter-spacing: -0.5px;
    margin-top: 7px;
}

.investor_shares .item {
    padding: 100px 0 60px;
}

.investor_shares .item .ul {
    width: calc(100% / 3);
    padding-right: 2%;
}

.investor_shares .item .ul .icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    margin-right: 4.562%;
}

.investor_shares .item .ul:hover .icon {
    border-color: #55c3be;
}

.investor_shares .item .ul .info {
    width: calc(100% - 110px - 20px);
}

.investor_shares .item .ul .info .txt1 {
    font-size: 16px;
    color: #888;
    line-height: 30px;
}

.investor_shares .item .ul .info .txt2 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
}

@media (max-width:1440px) {
    .investor_shares .title {
        font-size: 30px;
    }
    .investor_shares .item .ul .info .txt2 {
        font-size: 18px;
        line-height: 28px;
    }
    .investor_shares .box {
        flex-direction: column;
    }
    .investor_shares .box .line {
        display: none;
    }
    .investor_shares .box .left {
        width: 100%;
        padding-right: 0;
    }
    .investor_shares .box .center {
        width: 100%;
        margin: 20px 0;
        padding: 0 0 0 30px;
    }
    .investor_shares .box .right {
        width: 100%;
        padding-left: 30px;
    }
}

@media (max-width:1024px) {
    .investor_shares .item {
        flex-direction: column;
    }
    .investor_shares .item .ul {
        width: 100%;
        padding: 0 0 30px 0;
    }
}

@media (max-width:750px) {
    .investor_shares .title {
        padding: 30px 0;
        font-size: 28px;
    }
    .investor_shares .box {
        padding: 30px;
    }
    .investor_shares .box .center {
        flex-direction: column;
        align-items: flex-start;
    }
    .investor_shares .box .center .li {
        margin-bottom: 15px;
    }
    .investor_shares .box .center .li:last-child {
        margin-bottom: 0;
    }
    .investor_shares .box .center .li .numb {
        font-family: 'MR';
    }
    .investor_shares .box .right {
        padding-left: 0;
    }
    .investor_shares .item {
        padding: 50px 0 20px;
    }
    .investor_shares .item .ul .icon {
        width: 60px;
        height: 60px;
        padding: 10px;
    }
    .investor_shares .item .ul .info {
        width: calc(100% - 60px - 20px);
    }
}

/* 投资者-年度报告 */

/* 中文版 */

#annual_report .box_cn {
    padding: 50px 0 140px;
}

#annual_report .box_cn .list .li {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

#annual_report .box_cn .list .li .left {
    max-width: 80%;
    font-size: 20px;
    color: #292c33;
    line-height: 30px;
}

#annual_report .box_cn .list .li .right .time {
    font-size: 18px;
    line-height: 1;
    color: #999;
    margin-right: 45px;
}

#annual_report .box_cn .list .li .right .down {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: #f1f1f1;
}

#annual_report .box_cn .list .li:hover .left {
    color: #55c3be;
}

#annual_report .box_cn .list .li:hover .right .down {
    background-color: #55c3be;
}

#annual_report .box_cn .list .li:hover .right .down .i1 {
    display: none;
}

#annual_report .box_cn .list .li:hover .right .down .i2 {
    display: inline-block;
}

#annual_report .more {
    width: 240px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #999;
    font-size: 18px;
    color: #4c4c4c;
    margin: 80px auto 0;
}

#annual_report .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:750px) {
    #annual_report .box_cn {
        padding-bottom: 50px;
    }
    #annual_report .box_cn .list .li {
        flex-direction: column;
        align-items: flex-start;
    }
    #annual_report .box_cn .list .li .left {
        max-width: 100%;
    }
    #annual_report .box_cn .list .li .right {
        flex-direction: column;
        align-items: flex-start;
    }
    #annual_report .box_cn .list .li .right .time {
        margin: 10px 0;
    }
    #annual_report .more {
        margin-top: 50px;
    }
}

/* 英文版 */

#annual_report .box_en {
    padding: 75px 0 140px;
}

#annual_report .box_en .content .left_nav {
    width: 80px;
    padding-top: 3px;
    position: relative;
}

#annual_report .box_en .content .left_nav::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 10px);
    background-color: #eee;
    z-index: 1;
}

#annual_report .box_en .content .left_nav .in {
    width: 80px;
    transition: 0.3s linear;
    top: 0;
}

#annual_report .box_en .content .left_nav .in.sticky {
    top: 115px;
    z-index: 12;
}

#annual_report .box_en .content .left_nav .li {
    display: block;
    transition: all 0.3s;
    margin-top: 45px;
    font-size: 24px;
    line-height: 1;
    color: #292c33;
    padding-left: 20px;
}

#annual_report .box_en .content .left_nav .li::before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

#annual_report .box_en .content .left_nav .li:first-child {
    margin-top: 0;
}

#annual_report .box_en .content .left_nav .li:hover {
    color: #55c3be;
}

#annual_report .box_en .content .left_nav .li.cur {
    font-family: 'MR';
    color: #55c3be;
    position: relative;
}

#annual_report .box_en .content .left_nav .li.cur::before {
    background: #55c3be;
}

#annual_report .box_en .content .right_cont {
    width: calc(100% - 80px - 10.715%);
    margin-left: 10.715%;
}

#annual_report .box_en .content .right_cont .item {
    margin-bottom: 45px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

#annual_report .box_en .content .right_cont .item .year {
    width: 104px;
    font-size: 42px;
    color: #292c33;
    font-family: 'MR';
    line-height: 1;
}

#annual_report .box_en .content .right_cont .item .info_list {
    width: calc(100% - 104px - 4.702%);
    margin-left: 4.702%;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li {
    padding: 0 2.573% 36px 0;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li:last-child {
    padding-bottom: 0;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li .left_info {
    width: calc(100% - 100px);
}

#annual_report .box_en .content .right_cont .item .info_list .info_li .left_info .name {
    margin-bottom: 5px;
    font-size: 20px;
    color: #292c33;
    line-height: 30px;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li .left_info .time {
    font-size: 18px;
    color: #b2b2b2;
    line-height: 1;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li .down {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #f1f1f1;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li:hover .left_info .name {
    color: #55c3be;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li:hover .down {
    background: #55c3be;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li:hover .down .i1 {
    display: none;
}

#annual_report .box_en .content .right_cont .item .info_list .info_li:hover .down .i2 {
    display: inline-block;
}

@media (max-width:750px) {
    #annual_report .box_en {
        padding: 50px 0;
    }
    #annual_report .box_en .content .left_nav {
        display: none;
    }
    #annual_report .box_en .content .right_cont {
        width: 100%;
        margin: 0;
    }
    #annual_report .box_en .content .right_cont .item {
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    #annual_report .box_en .content .right_cont .item .year {
        width: auto;
    }
    #annual_report .box_en .content .right_cont .item .info_list {
        width: 100%;
        margin: 10px 0 0;
    }
    #annual_report .box_en .content .right_cont .item .info_list .info_li {
        padding: 0 0 30px 0;
        flex-direction: column;
    }
    #annual_report .box_en .content .right_cont .item .info_list .info_li .left_info {
        width: 100%;
        margin-bottom: 10px;
    }
    #annual_report .box_en .content .right_cont .item .info_list .info_li .left_info .name {
        font-size: 18px;
        line-height: 1.5;
    }
    #annual_report .box_en .content .right_cont .item .info_list .info_li .left_info .time {
        font-size: 16px;
    }
}

/* 下载弹窗 */

#down_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#down_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 55px 80px 65px 80px;
    max-height: 100%;
}

#down_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#down_popup .com_box .form .title {
    font-size: 32px;
    line-height: 1;
    color: #292c33;
    text-align: center;
    font-family: 'MM';
}

#down_popup .com_box .form .brief {
    font-size: 20px;
    font-family: 'MR';
    color: #292c33;
    text-align: center;
    margin: 15px 0 10px;
}

#down_popup .com_box .form .txt {
    font-size: 18px;
    line-height: 1;
    color: #4c4c4c;
    text-align: center;
}

#down_popup .com_box .form .txt span {
    color: #ff0000;
}

#down_popup .com_box .form .list {
    margin-top: 12px;
}

#down_popup .com_box .form .list .li {
    width: calc((100% - 30px) / 2);
    margin: 0 30px 0 0;
}

#down_popup .com_box .form .list .li:nth-child(2n) {
    margin-right: 0;
}

#down_popup .com_box .form .li {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 81px;
}

#down_popup .com_box .form .tip {
    font-size: 18px;
    line-height: 1;
    color: #4c4c4c;
    transition: all 0.3s;
    transform: translateY(20px);
    font-family: 'MR';
}

#down_popup .com_box .form .tip span {
    color: #ff0000;
}

#down_popup .com_box .form .input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#down_popup .com_box .form .input:focus {
    border-color: #55c3be;
}

#down_popup .com_box .form .select .country_tip {
    transform: translateY(20px);
    padding-right: 26px;
}

#down_popup .com_box .form .select .country_tip .tip {
    transform: translateY(0);
}

#down_popup .com_box .form .select .com_input {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MR';
}

#down_popup .com_box .form .select.dropIn .com_input {
    border-color: #55c3be;
}

#down_popup .com_box .form .select.dropIn .country_tip,
#down_popup .com_box .form .select.dropVal .country_tip {
    transform: translateY(0);
}

#down_popup .com_box .form .select.dropIn .tip,
#down_popup .com_box .form .select.dropIn .tip span,
#down_popup .com_box .form .select.dropVal .tip,
#down_popup .com_box .form .select.dropVal .tip span {
    color: #ccc;
}

#down_popup .com_box .form .get_code {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 18px;
    font-family: 'MR';
    color: #55c3be;
    line-height: 1;
}

#down_popup .com_box .form .submit {
    width: 180px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #55c3be;
    font-size: 18px;
    color: #fff;
    font-family: 'ML';
    background-color: #55c3be;
    transition: all 0.3s;
    margin: 40px auto 0;
}

@media (max-width:750px) {
    #down_popup .com_box {
        padding: 30px 20px;
    }
    #down_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
    #down_popup .com_box .form .list .li {
        width: 100%;
        margin: 0;
    }
}

/* 弹窗end */

/* 加入我们 */

#social_recruitment {
    width: 100%;
    padding-top: 120px;
}

#social_recruitment .cont {
    width: 100%;
}

#social_recruitment .cont .left {
    width: 60%;
}

#social_recruitment .cont .left .pic {
    width: 100%;
    height: 100%;
    padding-top: 59.524%;
    overflow: hidden;
    border-radius: 20px;
}

#social_recruitment .cont .right {
    width: calc(40% - 5.715%);
}

#social_recruitment .cont .right .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    letter-spacing: -0.5px;
}

#social_recruitment .cont .right .brief {
    font-size: 18px;
    line-height: 30px;
    color: #2f3238;
    margin: 6px 0 28px;
}

#social_recruitment .cont .right .tit {
    font-size: 20px;
    line-height: 30px;
    color: #2f3238;
    font-family: 'MM';
}

#social_recruitment .cont .right .list {
    margin: 15px 0 30px;
}

#social_recruitment .cont .right .list .li {
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    line-height: 38px;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 16px;
    color: #2f3238;
    transition: all 0.3s;
    cursor: pointer;
    margin: 0 10px 20px 0;
}

#social_recruitment .cont .right .list .li:hover {
    color: #55c3be;
    border-color: #55c3be;
}

#social_recruitment .cont .right .btn {
    width: 180px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 58px;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'MR';
    color: #2f3238;
}

#social_recruitment .cont .right .btn:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

@media (max-width:1440px) {
    #social_recruitment .cont .right {
        width: calc(40% - 4%);
    }
    #social_recruitment .cont .right .title {
        font-size: 42px;
        line-height: 1.5;
    }
    #social_recruitment .cont .right .list {
        margin-bottom: 10px;
    }
    #social_recruitment .cont .right .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1280px) {
    #social_recruitment {
        padding-top: 100px
    }
    #social_recruitment .cont .right {
        width: calc(40% - 3%);
    }
    #social_recruitment .cont .right .title {
        font-size: 36px;
    }
}

@media (max-width:1024px) {
    #social_recruitment .cont {
        flex-direction: column;
    }
    #social_recruitment .cont .left {
        width: 100%;
    }
    #social_recruitment .cont .right {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width:750px) {
    #social_recruitment {
        padding-top: 50px;
    }
    #social_recruitment .cont .right .btn {
        height: 50px;
        line-height: 48px;
        width: 160px;
        font-size: 16px;
    }
}

#campus_recruitment {
    width: 100%;
    padding-top: 110px;
}

#campus_recruitment .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    letter-spacing: -0.5px;
    text-align: center;
    margin-bottom: 50px;
}

#campus_recruitment .pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

#campus_recruitment .pic img {
    width: 100%;
    object-fit: contain;
}

#campus_recruitment .list {
    margin: 60px auto 46px;
}

#campus_recruitment .list .li {
    width: calc(100% / 5);
    padding: 0 10px;
    position: relative;
}

#campus_recruitment .list .li::after {
    content: '';
    position: absolute;
    right: -4px;
    top: 15px;
    z-index: 2;
    background: url('../images/about/right-icon.png') no-repeat center / 100%;
    width: 8px;
    height: 16px;
}

#campus_recruitment .list .li:last-child::after {
    display: none;
}

#campus_recruitment .list .li .icon {
    max-width: 55px;
    height: 50px;
    margin: 0 auto;
}

#campus_recruitment .list .li .name {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    letter-spacing: -0.5px;
    text-align: center;
    margin-top: 20px;
}

#campus_recruitment .btn {
    margin: 0 auto;
    width: 180px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 58px;
    border: 1px solid #999;
    font-size: 18px;
    font-family: 'MR';
    color: #2f3238;
}

#campus_recruitment .btn:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

@media (max-width:1440px) {
    #campus_recruitment .title {
        font-size: 42px;
    }
    #campus_recruitment .list .li .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:1024px) {
    #campus_recruitment .list {
        width: 100%;
    }
}

@media (max-width:750px) {
    #campus_recruitment {
        padding-top: 50px;
    }
    #campus_recruitment .title {
        font-size: 32px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    #campus_recruitment .list {
        margin: 20px auto 0;
        flex-wrap: wrap;
    }
    #campus_recruitment .list .li {
        width: 50%;
        margin-bottom: 30px;
    }
    #campus_recruitment .list .li:nth-child(2n)::after {
        display: none;
    }
    #campus_recruitment .list .li .name {
        margin-top: 10px;
        line-height: 1.5;
        font-size: 16px;
    }
    #campus_recruitment .btn {
        height: 50px;
        line-height: 48px;
        width: 160px;
        font-size: 16px;
    }
}

#why_work {
    padding-top: 110px;
}

#why_work .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#why_work .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    margin: 30px auto 60px;
    letter-spacing: -0.5px;
}

#why_work .top {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}

#why_work .tabs {
    width: 100%;
    display: flex;
    align-items: center;
}

#why_work .tabs .li {
    width: calc(100% - (10px * 3) / 4);
    margin-right: 10px;
    white-space: nowrap;
    font-size: 20px;
    font-family: 'MM';
    line-height: 30px;
    color: #2f3238;
    border-bottom: 2px solid #e2e2e2;
    transition: all 0.3s;
    padding-bottom: 25px;
    cursor: pointer;
}

#why_work .tabs .li:last-child {
    margin-right: 0;
}

#why_work .tabs .li:hover,
#why_work .tabs .li.cur {
    border-color: #55c3be;
    color: #55c3be;
}

#why_work .bind {
    width: 100%;
    margin-top: 50px;
}

#why_work .bind .item {
    display: none;
    padding: 90px 40px 100px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    background: url('../images/about/why-work-bg.jpg') no-repeat center / cover;
}

#why_work .bind .item.cur {
    display: block;
}

#why_work .bind .item .info {
    width: 690px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 60px 40px;
}

#why_work .bind .item .info .name {
    font-size: 36px;
    font-family: 'MM';
    color: #2f3238;
}

#why_work .bind .item .info .text {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 30px;
}

@media (max-width:1440px) {
    #why_work .title {
        font-size: 42px;
    }
    #why_work .brief {
        font-size: 16px;
        line-height: 28px;
    }
    #why_work .tabs .li,
    #why_work .bind .item .info .text {
        font-size: 18px;
        line-height: 28px;
    }
    #why_work .bind .item .info .name {
        font-size: 34px;
    }
}

@media (max-width:1200px) {
    #why_work .top .tabs {
        width: 1200px;
    }
    #why_work .bind .item .info {
        width: 600px;
    }
}

@media (max-width:750px) {
    #why_work {
        padding-top: 50px;
    }
    #why_work .title {
        font-size: 30px;
        line-height: 1.5;
    }
    #why_work .brief {
        width: 100%;
        margin: 10px 0 30px;
    }
    #why_work .bind {
        margin-top: 20px;
    }
    #why_work .bind .item {
        padding: 20px;
    }
    #why_work .bind .item .info {
        width: 100%;
        padding: 20px;
    }
    #why_work .bind .item .info .name {
        font-size: 32px;
        line-height: normal;
    }
    #why_work .bind .item .info .text {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 15px;
    }
}

#employees_work {
    width: 100%;
    overflow: hidden;
    padding-top: 110px;
}

#employees_work .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#employees_work .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    margin: 30px 0 52px;
    letter-spacing: -0.5px;
}

#employees_work .box {
    max-width: 1280px;
    margin: 0 auto;
    width: 92%;
    /*padding-top:35.417%;*/
}

#employees_work .box .v video,
#employees_work .box .v img {
    max-width: 100%;
    object-fit: contain;
}

#employees_work .box .icon {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    z-index: 2;
}

#employees_work .box .icon:hover .i1 {
    display: none;
}

#employees_work .box .icon:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #employees_work .title {
        font-size: 42px;
    }
    #employees_work .brief {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #employees_work {
        padding-top: 50px;
    }
    #employees_work .title {
        font-size: 36px;
        line-height: normal;
    }
    #employees_work .brief {
        margin: 10px 0 30px;
    }
    #employees_work .box .icon {
        width: 50px;
        height: 50px;
    }
}

#stories {
    padding: 110px 0 60px;
}

#stories .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#stories .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px 0 0;
}

#stories .list {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#stories .list .swiper {
    padding: 55px 16px 60px 16px;
}

#stories .list .swiper .swiper-slide {
    width: calc((100% - (25px * 2)) / 3);
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px;
}

#stories .list .swiper .swiper-slide:nth-child(3n) {
    margin-right: 0;
}

#stories .list .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 100%;
    border-radius: 10px;
    overflow: hidden;
}

#stories .list .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

#stories .list .swiper .swiper-slide .name {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    font-family: 'MM';
    margin: 30px 0 5px;
}

#stories .list .swiper .swiper-slide .description {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

#stories .list .swiper .swiper-slide .more {
    font-size: 18px;
    color: #4c4c4c;
    transition: all 0.3s;
    font-family: 'ML';
    text-align: center;
    width: 140px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    border: 1px solid #999;
    margin-top: 25px;
}

#stories .list .swiper .swiper-slide .more:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

#stories .list .swiper .swiper-slide:hover .pic img {
    transform: scale(1.1);
}

#stories .list .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#stories .list .pn.prev {
    left: -16px;
}

#stories .list .pn.next {
    right: -16px;
}

#stories .list .pn:hover {
    background-color: #55c3be;
}

#stories .list .pn:hover .i1 {
    display: none;
}

#stories .list .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #stories .title {
        font-size: 42px;
    }
    #stories .list .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (max-width:750px) {
    #stories {
        padding: 50px 0 20px;
    }
    #stories .title {
        font-size: 36px;
        line-height: normal;
    }
    #stories .brief {
        margin-top: 10px;
    }
    #stories .list .swiper {
        padding: 30px 16px;
    }
    #stories .list .swiper .swiper-slide {
        padding: 20px;
    }
    #stories .list .pn {
        width: 45px;
        height: 45px;
    }
    #stories .list .pn.prev {
        left: 0;
    }
    #stories .list .pn.next {
        right: 0;
    }
    #stories .list .pn img {
        transform: scale(0.6)
    }
    #stories .list .swiper .swiper-slide .more {
        height: 50px;
        line-height: 48px;
        width: 130px;
        font-size: 16px;
    }
}

/* 弹窗 */

#stories_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#stories_popup .com_box {
    width: 1000px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
    padding-right: 50px;
}

#stories_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#stories_popup .com_box .cont .info .left {
    width: 33.708%;
}

#stories_popup .com_box .cont .info .left .pic {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 100%;
}

#stories_popup .com_box .cont .info .left .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#stories_popup .com_box .cont .info .right {
    width: calc(100% - 33.708% - 6.18%);
}

#stories_popup .com_box .cont .info .right .name {
    font-size: 32px;
    color: #292c33;
    font-family: 'MM';
}

#stories_popup .com_box .cont .info .right .brief {
    margin-top: 12px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

#stories_popup .com_box .cont .profile {
    font-size: 18px;
    color: #333;
    line-height: 26px;
    margin-top: 44px;
    max-height: 286px;
    overflow-y: auto;
}

#stories_popup .com_box .cont .profile::-webkit-scrollbar {
    background: #f5f5f5;
}

#stories_popup .com_box .cont .profile::-webkit-scrollbar-thumb {
    background: #55c3be;
}

@media (max-width:750px) {
    #stories_popup .com_box {
        padding: 30px 20px;
    }
    #stories_popup .com_box .cont .info {
        flex-direction: column;
    }
    #stories_popup .com_box .cont .info .left {
        width: 100%;
    }
    #stories_popup .com_box .cont .info .right {
        width: 100%;
        margin-top: 20px;
    }
    #stories_popup .com_box .cont .info .right .name {
        font-size: 26px;
        line-height: normal;
    }
    #stories_popup .com_box .cont .info .right .brief {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 5px;
    }
    #stories_popup .com_box .cont .profile {
        margin-top: 20px;
    }
    #stories_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

/* 加入我们表单 */

#join_form {
    background-image: url('../images/investor/jion-form.jpg');
}

#join_form .title {
    position: relative;
    width: fit-content;
    margin: 0 auto 62px;
    padding: 0 22px;
}

#join_form .title::after,
#join_form .title::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 94px;
    height: 17px;
    background: no-repeat center;
}

#join_form .title::after {
    left: -94px;
    background-image: url('../images/investor/investor-tit-mask1.png');
}

#join_form .title::before {
    right: -94px;
    background-image: url('../images/investor/investor-tit-mask2.png');
}

#join_form .form .file {
    width: 100%;
    height: 129px;
    border-bottom: 1px solid #e0e0e0;
}

#join_form .form .file .tip {
    transform: translateY(0);
    padding-top: 30px;
    color: #666;
}

#join_form .form .file .text {
    margin-top: 20px;
}

#join_form .form .file .text .update {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    background-color: #e9e9e9;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #292c33;
}

#join_form .form .file .text .txt2 {
    font-size: 16px;
    color: #55c3be;
    line-height: 26px;
    margin-left: 18px;
}

#join_form .form .tips {
    font-size: 16px;
    line-height: 36px;
    color: #292c33;
}

@media (max-width:1440px) {
    #join_form .form .file .text .update {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #join_form .title {
        margin-bottom: 20px;
    }
    #join_form .form .between {
        flex-direction: column;
        align-items: flex-start;
    }
    #join_form .form .bot {
        width: 100%;
    }
    #join_form .form .tips {
        margin-top: 10px;
    }
}

/* 可持续发展 */

#critical_areas {
    width: 100%;
    padding: 110px 0 0;
}

#critical_areas .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
    margin-bottom: 60px;
}

#critical_areas .list .li {
    width: calc((100% - 40px) / 2);
    margin: 0 40px 40px 0;
    background-color: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px 40px 75px;
    border-radius: 20px;
    overflow: hidden;
}

#critical_areas .list .li:nth-child(2n) {
    margin-right: 0;
}

#critical_areas .list .li .numb {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

#critical_areas .list .li .info {
    width: calc(100% - 55px);
}

#critical_areas .list .li .info .name {
    font-size: 20px;
    font-family: 'MM';
    color: #55c3be;
    line-height: 36px;
}

#critical_areas .list .li .info .brief {
    margin: 22px 0 0px;
}

#critical_areas .list .li .info .brief p {
    font-size: 18px;
    color: #4d4d4d;
    position: relative;
    padding-left: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
}

#critical_areas .list .li .info .brief p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #4d4d4d;
}

#critical_areas .list .li .info .brief p:last-child {
    margin-bottom: 0;
}

#critical_areas .list .li .info .more {
    margin-top: 27px;
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'ML';
}

#critical_areas .list .li .info .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #critical_areas .title {
        font-size: 42px;
    }
    #critical_areas .list .li .info .name {
        font-size: 18px;
        line-height: 30px;
    }
    #critical_areas .list .li .info .brief p {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #critical_areas {
        padding-top: 50px;
    }
    #critical_areas .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 30px;
    }
    #critical_areas .list .li {
        width: 100%;
        margin: 0 0 30px 0;
        padding: 30px 20px;
    }
    #critical_areas .list .li .info .name {
        line-height: 1.3;
    }
}

#sdgs {
    padding: 75px 0 0;
}

#sdgs .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
}

#sdgs .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    margin: 52px 0 55px;
}

#sdgs .list {
    width: 100%;
    gap: 20px;
}

#sdgs .list .li {
    width: 11.429%;
}

#sdgs .list .li img {
    width: 100%;
    object-fit: contain;
}

@media (max-width:1440px) {
    #sdgs .title {
        font-size: 42px;
    }
    #sdgs .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #sdgs .list .li {
        width: 14%;
    }
}

@media (max-width:750px) {
    #sdgs {
        padding-top: 30px;
    }
    #sdgs .title {
        font-size: 32px;
        line-height: normal;
    }
    #sdgs .brief {
        margin: 10px 0 20px;
    }
    #sdgs .list {
        flex-wrap: wrap;
    }
    #sdgs .list .li {
        width: calc((100% - 40px) / 3)
    }
}

#statements {
    padding: 110px 0 120px;
}

#statements .title {
    font-size: 50px;
    line-height: 1;
    color: #292c33;
    font-family: 'MM';
    text-align: center;
    margin-bottom: 60px;
}

#statements .cont .left {
    width: 35%;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 50px 4% 35px/*65px 5.358% 50px*/
    ;
}

#statements .cont .left .pic {
    width: 100%;
    padding-top: 100%/*156.253%*/
    ;
}

#statements .cont .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#statements .cont .left .name {
    text-align: center;
    font-size: 20px;
    font-family: 'MR';
    color: #2f3238;
    margin-top: 25px;
}

#statements .cont .left:hover .name {
    color: #55c3be;
}

#statements .cont .right {
    width: calc(100% - 7.858% - 35% - 15%);
    padding-left: 5%;
}

#statements .cont .right .swiper {
    width: 100%;
    height: 340px;
    margin: 20px 0;
}

#statements .cont .right .item {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#statements .cont .right .item span {
    font-size: 20px;
    font-family: 'MR';
    color: #2f3238;
    transition: 0.3s;
}

#statements .cont .right .item:first-child {
    border-top: 1px solid #eee;
}

#statements .cont .right .item:hover span {
    color: #55c3be;
}

#statements .cont .right .pn {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#statements .cont .right .pn img {
    transform: rotate(90deg);
}

#statements .cont .right .pn:hover {
    background-color: #55c3be;
}

#statements .cont .right .pn:hover .i1 {
    display: none;
}

#statements .cont .right .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #statements .title {
        font-size: 42px;
    }
    #statements .cont .left .name,
    #statements .cont .right .item span {
        font-size: 16px;
    }
}

@media (max-width:1280px) {
    #statements .cont .left {
        padding: 50px;
    }
}

@media (max-width:1024px) {
    #statements .cont .left {
        padding: 30px;
    }
}

@media (max-width:750px) {
    #statements {
        padding: 50px 0;
    }
    #statements .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px;
    }
    #statements .cont {
        flex-direction: column;
    }
    #statements .cont .left {
        width: 100%;
    }
    #statements .cont .right {
        width: 100%;
        margin-top: 30px;
    }
    #statements .cont .right .pn {
        width: 45px;
        height: 45px;
    }
    #statements .cont .right .pn img {
        transform: scale(0.7) rotate(90deg);
    }
}

/* 可持续发展-产品 */

#sustainable {
    padding: 110px 0 0;
}

#sustainable .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#sustainable .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    letter-spacing: -0.5px;
    margin: 40px auto 55px;
}

#sustainable .pic {
    width: 100%;
    border-radius: 20px;
}

#sustainable .pic img {
    width: 100%;
    object-fit: cover;
}

@media (max-width:1440px) {
    #sustainable .title {
        font-size: 42px;
    }
    #sustainable .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #sustainable {
        padding-top: 50px;
    }
    #sustainable .title {
        font-size: 32px;
        line-height: normal;
    }
    #sustainable .brief {
        width: 100%;
        margin: 20px 0 30px;
    }
}

#practices {
    padding: 110px 0 0;
}

#practices .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#practices .list {
    margin-top: 80px;
}

#practices .list .li {
    width: calc((100% - 8.572%) / 2);
    margin-bottom: 68px;
}

#practices .list .li:nth-child(2n) {
    margin-left: 8.572%;
}

#practices .list .li .numb {
    font-size: 40px;
    line-height: 1;
    color: #55c3be;
    font-family: 'MM';
    max-width: 147px;
    white-space: nowrap;
}

#practices .list .li .numb span {
    font-size: 80px;
    fill: #55c3be;
    line-height: 1;
    font-family: 'MM';
}

#practices .list .li .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-left: 30px;
    letter-spacing: -0.5px;
    width: calc(100% - 147px - 30px)
}

@media (max-width:1440px) {
    #practices .title {
        font-size: 42px;
    }
    #practices .list .li .brief {
        font-size: 16px;
        line-height: 26px;
    }
    #practices .list .li .numb span {
        font-size: 70px;
    }
}

@media (max-width:750px) {
    #practices {
        padding-top: 50px;
    }
    #practices .title {
        font-size: 32px;
        line-height: normal;
    }
    #practices .list {
        margin-top: 30px;
    }
    #practices .list .li {
        width: 100%;
        margin: 0 0 40px 0 !important;
        flex-direction: column;
    }
    #practices .list .li:last-child {
        margin-bottom: 0 !important;
    }
    #practices .list .li .numb {
        font-size: 30px;
        max-width: 100%;
    }
    #practices .list .li .numb span {
        font-size: 60px;
    }
    #practices .list .li .brief {
        width: 100%;
        margin: 0;
    }
}

#sust_pro_innovations {
    padding: 80px 0 60px;
}

#sust_pro_innovations .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#sust_pro_innovations .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px 0 0;
}

#sust_pro_innovations .list {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#sust_pro_innovations .list .swiper {
    padding: 55px 16px 60px 16px;
}

#sust_pro_innovations .list .swiper .swiper-slide {
    width: calc((100% - (25px * 2)) / 3);
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 40px;
}

#sust_pro_innovations .list .swiper .swiper-slide:nth-child(3n) {
    margin-right: 0;
}

#sust_pro_innovations .list .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 64.865%;
    border-radius: 10px;
    overflow: hidden;
}

#sust_pro_innovations .list .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

#sust_pro_innovations .list .swiper .swiper-slide .h {
    height: 125px;
}

#sust_pro_innovations .list .swiper .swiper-slide .h .name {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    font-family: 'MM';
    margin: 30px 0 5px;
}

#sust_pro_innovations .list .swiper .swiper-slide .h .description {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

#sust_pro_innovations .list .swiper .swiper-slide .more {
    font-size: 18px;
    color: #4c4c4c;
    transition: all 0.3s;
    font-family: 'ML';
    text-align: center;
    width: 140px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    border: 1px solid #999;
    margin-top: 25px;
}

#sust_pro_innovations .list .swiper .swiper-slide .more:hover {
    color: #fff;
    background-color: #55c3be;
    border-color: #55c3be;
}

#sust_pro_innovations .list .swiper .swiper-slide:hover .pic img {
    transform: scale(1.1);
}

#sust_pro_innovations .list .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#sust_pro_innovations .list .pn.prev {
    left: -16px;
}

#sust_pro_innovations .list .pn.next {
    right: -16px;
}

#sust_pro_innovations .list .pn:hover {
    background-color: #55c3be;
}

#sust_pro_innovations .list .pn:hover .i1 {
    display: none;
}

#sust_pro_innovations .list .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #sust_pro_innovations .title {
        font-size: 42px;
        line-height: 1;
    }
    #sust_pro_innovations .list .swiper .swiper-slide .h .name,
    #sust_pro_innovations .list .swiper .swiper-slide .h .description {
        font-size: 16px;
        line-height: 26px;
    }
    #sust_pro_innovations .list .swiper .swiper-slide .more {
        font-size: 16px;
    }
}

@media (max-width:750px) {
    #sust_pro_innovations {
        padding: 50px 0 20px;
    }
    #sust_pro_innovations .title {
        font-size: 32px;
        line-height: normal;
    }
    #sust_pro_innovations .brief {
        margin-top: 10px;
    }
    #sust_pro_innovations .list .swiper {
        padding: 30px 16px;
    }
    #sust_pro_innovations .list .swiper .swiper-slide {
        padding: 20px;
    }
    #sust_pro_innovations .list .swiper .swiper-slide .h {
        height: 110px;
    }
    #sust_pro_innovations .list .swiper .swiper-slide .more {
        height: 50px;
        line-height: 48px;
        width: 120px;
    }
    #sust_pro_innovations .list .pn {
        width: 45px;
        height: 45px;
        top: 46%;
    }
    #sust_pro_innovations .list .pn.prev {
        left: 0;
    }
    #sust_pro_innovations .list .pn.next {
        right: 0;
    }
    #sust_pro_innovations .list .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#sust_pro_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#sust_pro_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#sust_pro_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#sust_pro_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#sust_pro_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#sust_pro_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#sust_pro_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #sust_pro_popup .com_box {
        padding: 30px 20px;
    }
    #sust_pro_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #sust_pro_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #sust_pro_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

/* 可持续发展-运营 */

#carbon {
    width: 100%;
    padding: 120px 0;
}

#carbon .cont {
    margin-bottom: 110px;
}

#carbon .cont .left {
    width: calc(50% - 7.144%);
}

#carbon .cont .left .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    padding-top: 103.333%;
}

#carbon .cont .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#carbon .cont .right {
    width: 50%;
}

#carbon .title {
    font-size: 50px;
    line-height: 60px;
    color: #292c33;
    font-family: 'MM';
}

#carbon .cont .right .brief {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 30px;
    margin: 30px 0 35px;
}

#carbon .cont .right .table .thead,
#carbon .cont .right .table .tbody {
    width: 100%;
    line-height: 30px;
    background-color: #0cba7a;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    font-family: 'MR';
    color: #fff;
    padding: 5px 24px;
    margin-bottom: 2px;
}

#carbon .cont .right .table .tbody:nth-child(2n) {
    background-color: #f1f1f1;
}

#carbon .cont .right .table .tbody:nth-child(2n-1) {
    background-color: #fafafa;
}

#carbon .cont .right .table .tbody {
    padding: 5px 0;
}

#carbon .cont .right .table .tbody .td {
    color: #292c33;
    width: 50%;
    padding: 0 24px;
    text-align: left;
}

#carbon .cont .right .table .tbody.th .td {
    font-family: 'MM';
}

#carbon .cont2 .box {
    width: 100%;
    overflow: hidden;
    background-color: #fafafa;
    border-radius: 20px;
    margin-top: 60px;
    padding: 5% 4% 5% 5.715%;
}

#carbon .cont2 .box .left {
    width: calc(100% - 21.44% - 6.725%);
    margin-right: 6.725%;
}

#carbon .cont2 .box .left .list .li {
    width: calc((100% - 9.913%) / 2);
    margin-bottom: 42px;
}

#carbon .cont2 .box .left .list .li:nth-child(2n) {
    margin-left: 9.913%;
}

#carbon .cont2 .box .left .list .li .txt {
    font-size: 20px;
    font-family: 'MR';
    color: #292c33;
    line-height: 30px;
    margin-bottom: 8px;
    letter-spacing: -0.8px;
}

#carbon .cont2 .box .left .list .li .numb {
    font-size: 20px;
    font-family: 'MM';
    line-height: 1;
    color: #0cba7a;
}

#carbon .cont2 .box .left .list .li .numb span {
    font-size: 60px;
    fill: #0cba7a;
    display: inline-block;
    line-height: 1;
    font-family: 'MM';
}

#carbon .cont2 .box .left .brief {
    font-size: 20px;
    line-height: 30px;
    color: #292c33;
    margin-top: 14px;
    letter-spacing: -0.5px;
}

#carbon .cont2 .box .right {
    width: 21.44%;
}

#carbon .cont2 .box .right .pic {
    width: 100%;
    overflow: hidden;
    padding-top: 110.701%;
}

@media (max-width:1440px) {
    #carbon .title {
        font-size: 42px;
    }
    #carbon .cont .right .brief {
        font-size: 16px;
        line-height: 26px;
    }
    #carbon .cont .right .table .thead,
    #carbon .cont .right .table .tbody {
        font-size: 16px;
    }
    #carbon .cont2 .box .left .brief,
    #carbon .cont2 .box .left .list .li .txt {
        font-size: 16px;
        line-height: 26px;
    }
    #carbon .cont2 .box .left .list .li .numb span {
        font-size: 50px;
    }
}

@media (max-width:1024px) {
    #carbon .title {
        font-size: 42px;
        line-height: normal;
    }
    #carbon .cont .right {
        width: 53%;
    }
    #carbon .cont .right .brief {
        margin: 10px 0 15px;
    }
    #carbon .cont .right .table .thead,
    #carbon .cont .right .table .tbody {
        font-size: 16px;
    }
    #carbon .cont2 .box {
        padding: 30px;
    }
    #carbon .cont2 .box .left .list .li {
        width: calc((100% - 5%) / 2);
    }
    #carbon .cont2 .box .left .list .li:nth-child(2n) {
        margin-left: 5%;
    }
}

@media (max-width:750px) {
    #carbon {
        padding: 50px 0;
    }
    #carbon .title {
        font-size: 32px;
    }
    #carbon .cont {
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }
    #carbon .cont .left {
        width: 100%;
        margin-top: 30px;
    }
    #carbon .cont .right {
        width: 100%;
    }
    #carbon .cont2 .box {
        margin-top: 20px;
        flex-direction: column;
        padding: 20px;
    }
    #carbon .cont2 .box .left {
        width: 100%;
        margin: 0 0 30px 0;
    }
    #carbon .cont2 .box .left .list .li {
        width: 100%;
        margin-bottom: 30px;
    }
    #carbon .cont2 .box .left .list .li:nth-child(2n) {
        margin-left: 0;
    }
    #carbon .cont2 .box .left .list .li .txt {
        font-size: 16px;
        line-height: 1.4;
    }
    #carbon .cont2 .box .right {
        width: 100%;
    }
}

#operate {
    width: 100%;
}

#operate .cont:nth-child(2) {
    flex-direction: row-reverse;
    margin-top: 120px;
}

#operate .cont .left {
    width: calc(50% - 7.144%);
}

#operate .cont .left .pic {
    width: 100%;
    padding-top: 93.333%;
    overflow: hidden;
    border-radius: 20px;
}

#operate .cont .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#operate .cont .right {
    width: 50%;
}

#operate .cont .right .name {
    font-size: 50px;
    font-family: 'MM';
    line-height: 60px;
    color: #292c33;
}

#operate .cont .right .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 25px;
}

#operate .cont .right .more {
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'ML';
    margin-top: 50px;
}

#operate .cont .right .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #operate .cont .right .name {
        font-size: 42px;
        line-height: 52px;
    }
    #operate .cont .right .brief {
        font-size: 16px;
        line-height: 26px;
    }
    #operate .cont .right .more {
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    #operate .cont .right .name {
        font-size: 32px;
        line-height: normal;
    }
    #operate .cont .right .brief {
        font-size: 16px;
        line-height: 1.4;
    }
    #operate .cont .right .more {
        margin-top: 30px;
    }
}

@media (max-width:750px) {
    #operate .cont {
        flex-direction: column-reverse !important;
    }
    #operate .cont:nth-child(2) {
        margin-top: 50px;
    }
    #operate .cont .left {
        width: 100%;
        margin-top: 30px;
    }
    #operate .cont .right {
        width: 100%;
    }
    #operate .cont .right .brief,
    #operate .cont .right .more {
        margin-top: 15px;
    }
    #operate .cont .right .more {
        width: 120px;
        height: 50px;
        line-height: 48px;
        font-size: 16px;
    }
}

#energy_consumption {
    padding: 110px 0 65px;
}

#energy_consumption .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#energy_consumption .item {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#energy_consumption .item .swiper {
    padding: 55px 16px;
}

#energy_consumption .item .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (25px * 4)) / 5);
    height: auto;
    min-height: 240px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
    transition: all 0.5s;
    cursor: pointer;
}

#energy_consumption .item .swiper .swiper-slide .icon img {
    max-width: 54px;
    object-fit: contain;
}

#energy_consumption .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
    letter-spacing: -0.5px;
}

#energy_consumption .item .swiper .swiper-slide:hover {
    background-color: #0cba7a;
}

#energy_consumption .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#energy_consumption .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#energy_consumption .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#energy_consumption .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#energy_consumption .item .pn.prev {
    left: -16px;
}

#energy_consumption .item .pn.next {
    right: -16px;
}

#energy_consumption .item .pn:hover {
    background-color: #55c3be;
}

#energy_consumption .item .pn:hover .i1 {
    display: none;
}

#energy_consumption .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #energy_consumption .title {
        font-size: 42px;
    }
    #energy_consumption .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #energy_consumption {
        padding: 50px 0;
    }
    #energy_consumption .title {
        font-size: 32px;
        line-height: normal;
    }
    #energy_consumption .brief {
        max-width: 100%;
        margin-top: 20px;
    }
    #energy_consumption .item .swiper {
        padding: 30px 16px;
    }
    #energy_consumption .item .pn {
        width: 45px;
        height: 45px;
    }
    #energy_consumption .item .pn.prev {
        left: 0;
    }
    #energy_consumption .item .pn.next {
        right: 0;
    }
    #energy_consumption .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#energy_consumption_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#energy_consumption_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#energy_consumption_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#energy_consumption_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#energy_consumption_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#energy_consumption_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#energy_consumption_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #energy_consumption_popup .com_box {
        padding: 30px 20px;
    }
    #energy_consumption_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #energy_consumption_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #energy_consumption_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#operate_water {
    width: 100%;
    overflow: hidden;
}

#operate_water .box {
    width: 100%;
    background: url(‘’) no-repeat center / cover;
}

#operate_water .box .info {
    width: 50%;
    padding: 11.5% 0;
}

#operate_water .box .info .name {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    font-family: 'MM';
}

#operate_water .box .info .brief {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-top: 28px;
}

@media (max-width:1440px) {
    #operate_water .box .info .name {
        font-size: 42px;
        line-height: 52px;
    }
    #operate_water .box .info .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #operate_water .box .info {
        width: 70%;
    }
}

@media (max-width:750px) {
    #operate_water {
        height: fit-content;
    }
    #operate_water .box .info {
        width: 100%;
    }
    #operate_water .box .info .name {
        font-size: 32px;
        line-height: normal;
    }
    #operate_water .box .info .brief {
        line-height: 1.5;
    }
}

/* 可持续发展-员工 */

#employee_benefits {
    padding: 110px 0 0;
}

#employee_benefits .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#employee_benefits .brief {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 50px auto 55px;
    max-width: 90%;
}

#employee_benefits .box1 {
    margin-bottom: 80px;
}

#employee_benefits .box2 .brief {
    max-width: 87%;
    margin-bottom: 0;
}

#employee_benefits .list .li {
    width: calc((100% - (27px * 3)) / 4);
    margin: 0 27px 27px 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    padding: 40px 30px;
}

#employee_benefits .list .li:nth-child(4n) {
    margin-right: 0;
}

#employee_benefits .list .li .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 22px;
}

#employee_benefits .list .li .name {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
}

#employee_benefits .item {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#employee_benefits .item .swiper {
    padding: 55px 16px;
}

#employee_benefits .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#employee_benefits .item .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (27px * 3)) / 4);
    min-height: 240px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.5s;
    cursor: pointer;
}

#employee_benefits .item .swiper .swiper-slide .icon img {
    max-width: 54px;
    object-fit: contain;
}

#employee_benefits .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
}

#employee_benefits .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#employee_benefits .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#employee_benefits .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#employee_benefits .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#employee_benefits .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#employee_benefits .item .pn.prev {
    left: -16px;
}

#employee_benefits .item .pn.next {
    right: -16px;
}

#employee_benefits .item .pn:hover {
    background-color: #55c3be;
}

#employee_benefits .item .pn:hover .i1 {
    display: none;
}

#employee_benefits .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #employee_benefits .title {
        font-size: 42px;
    }
    #employee_benefits .box2 .brief,
    #employee_benefits .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #employee_benefits .list .li {
        width: calc((100% - (27px * 2)) / 3);
    }
    #employee_benefits .list .li:nth-child(4n) {
        margin-right: 27px;
    }
    #employee_benefits .list .li:nth-child(3n) {
        margin-right: 0;
    }
    #employee_benefits .box2 .brief {
        max-width: 100%;
    }
}

@media (max-width:750px) {
    #employee_benefits {
        padding-top: 50px;
    }
    #employee_benefits .title {
        font-size: 32px;
        line-height: normal;
    }
    #employee_benefits .brief {
        margin: 20px 0 30px;
        max-width: 100%;
    }
    #employee_benefits .list .li {
        width: 100%;
        margin: 0 0 27px 0 !important;
    }
    #employee_benefits .box1 {
        margin-bottom: 20px;
    }
    #employee_benefits .item .swiper {
        padding: 30px 16px;
    }
    #employee_benefits .item .pn {
        width: 45px;
        height: 45px;
    }
    #employee_benefits .item .pn.prev {
        left: 0;
    }
    #employee_benefits .item .pn.next {
        right: 0;
    }
    #employee_benefits .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#employee_benefits_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#employee_benefits_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#employee_benefits_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#employee_benefits_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#employee_benefits_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#employee_benefits_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#employee_benefits_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #employee_benefits_popup .com_box {
        padding: 30px 20px;
    }
    #employee_benefits_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #employee_benefits_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #employee_benefits_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#health {
    width: 100%;
    padding: 65px 0 120px;
}

#health .cont .left {
    width: calc(50% - 7.144%);
}

#health .cont .left .pic {
    width: 100%;
    padding-top: 93.333%;
    overflow: hidden;
    border-radius: 20px;
}

#health .cont .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#health .cont .right {
    width: 50%;
}

#health .cont .right .name {
    font-size: 50px;
    font-family: 'MM';
    line-height: 60px;
    color: #292c33;
}

#health .cont .right .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 25px;
}

#health .cont .right .more {
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'MM';
    margin-top: 50px;
}

#health .cont .right .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

@media (max-width:1440px) {
    #health .cont .right .name {
        font-size: 42px;
    }
    #health .cont .right .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #health {
        padding: 50px 0;
    }
    #health .cont {
        flex-direction: column;
    }
    #health .cont .left {
        width: 100%;
    }
    #health .cont .right {
        width: 100%;
        margin-top: 30px;
    }
    #health .cont .right .name {
        font-size: 32px;
        line-height: normal;
    }
}

/* 可持续发展-伙伴 */

#coalition {
    width: 100%;
    padding: 110px 0 60px;
}

#coalition .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#coalition .cont {
    max-width: 1432px;
    width: 92%;
    margin: 0 auto;
}

#coalition .cont .swiper {
    width: 100%;
    padding: 90px 16px 60px;
}

#coalition .cont .swiper .swiper-slide {
    padding: 20px;
    min-height: 240px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s;
}

#coalition .cont .swiper .swiper-slide .pic {
    width: 100%;
    height: 100%;
    padding: 20px;
}

#coalition .cont .swiper .swiper-slide .pic img {
    object-fit: contain;
}

#coalition .cont .swiper .swiper-slide .box {
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 20px;
}

#coalition .cont .swiper .swiper-slide .box .brief {
    font-size: 18px;
    line-height: 30px;
    color: #2f3238;
    text-align: center;
}

#coalition .cont .swiper .swiper-slide:hover .pic {
    opacity: 0;
}

#coalition .cont .swiper .swiper-slide:hover .box {
    opacity: 1;
}

#coalition .cont .swiper .swiper-slide:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06);
}

#coalition .cont .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#coalition .cont .pn.prev {
    left: -16px;
}

#coalition .cont .pn.next {
    right: -16px;
}

#coalition .cont .pn:hover {
    background-color: #55c3be;
}

#coalition .cont .pn:hover .i1 {
    display: none;
}

#coalition .cont .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #coalition .title {
        font-size: 42px;
        line-height: 52px;
    }
    #coalition .cont .swiper .swiper-slide .box .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #coalition {
        padding: 50px 0 0;
    }
    #coalition .title {
        font-size: 32px;
        line-height: normal;
    }
    #coalition .cont .swiper {
        padding-top: 30px;
    }
    #coalition .cont .swiper .swiper-slide {
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06);
    }
    #coalition .cont .swiper .swiper-slide .box {
        padding: 30px;
    }
    #coalition .cont .pn {
        width: 45px;
        height: 45px;
    }
    #coalition .cont .pn.prev {
        left: 0px;
    }
    #coalition .cont .pn.next {
        right: 0px;
    }
    #coalition .cont .pn img {
        transform: scale(0.7)
    }
}

#supply_chain {
    width: 100%;
    padding: 120px 0;
    background-color: #f9f9f9;
}

#supply_chain .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
}

#supply_chain .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    margin: 50px auto 0;
    width: 85%;
}

#supply_chain .pic {
    width: 100%;
    margin-top: 75px;
}

#supply_chain .pic img {
    object-fit: contain;
}

@media (max-width:1440px) {
    #supply_chain .title {
        font-size: 42px;
        line-height: 52px;
    }
    #supply_chain .brief {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #supply_chain {
        padding: 50px 0;
    }
    #supply_chain .title {
        font-size: 32px;
        line-height: normal;
    }
    #supply_chain .brief {
        width: 100%;
        margin-top: 20px;
    }
    #supply_chain .pic {
        margin-top: 30px;
    }
}

#sustainability_action {
    width: 100%;
    padding: 95px 0 0;
}

#sustainability_action .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
    margin-bottom: 60px;
}

#sustainability_action .cont .left {
    width: 50%;
}

#sustainability_action .cont .left .name {
    font-size: 32px;
    line-height: 60px;
    color: #292c33;
    font-family: 'MM';
}

#sustainability_action .cont .left .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    margin-top: 20px;
}

#sustainability_action .cont .left .more {
    margin-top: 30px;
    width: 140px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #999;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'ML';
}

#sustainability_action .cont .left .more:hover {
    border-color: #55c3be;
    background-color: #55c3be;
    color: #fff;
}

#sustainability_action .cont .right {
    width: calc(50% - 7.144%);
}

#sustainability_action .cont .right .pic {
    width: 100%;
    height: 100%;
    padding-top: 63.333%;
    border-radius: 20px;
}

#sustainability_action .cont .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sustainability_action .item {
    width: 92%;
    max-width: 1432px;
    margin: 0 auto;
}

#sustainability_action .item .swiper {
    padding: 60px 16px;
}

#sustainability_action .item .swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

#sustainability_action .item .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - (27px * 3)) / 4);
    min-height: 240px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
    transition: all 0.5s;
    cursor: pointer;
}

#sustainability_action .item .swiper .swiper-slide .icon img {
    max-width: 54px;
    object-fit: contain;
}

#sustainability_action .item .swiper .swiper-slide .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    transition: all 0.3s;
    letter-spacing: -0.6px;
}

#sustainability_action .item .swiper .swiper-slide:hover {
    background-color: #55c3be;
    box-shadow: 0px 15px 20px 0px rgba(255, 117, 0, 0.2);
}

#sustainability_action .item .swiper .swiper-slide:hover .icon .i1 {
    display: none;
}

#sustainability_action .item .swiper .swiper-slide:hover .icon .i2 {
    display: inline-block;
}

#sustainability_action .item .swiper .swiper-slide:hover .name {
    color: #fff;
}

#sustainability_action .item .pn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.1);
}

#sustainability_action .item .pn.prev {
    left: -16px;
}

#sustainability_action .item .pn.next {
    right: -16px;
}

#sustainability_action .item .pn:hover {
    background-color: #55c3be;
}

#sustainability_action .item .pn:hover .i1 {
    display: none;
}

#sustainability_action .item .pn:hover .i2 {
    display: inline-block;
}

@media (max-width:1440px) {
    #sustainability_action .title {
        font-size: 42px;
        line-height: 52px;
    }
    #sustainability_action .cont .left .name {
        font-size: 28px;
        line-height: 56px;
    }
    #sustainability_action .cont .left .brief {
        font-size: 16px;
        line-height: 26px;
    }
    #sustainability_action .cont .left .more {
        font-size: 16px;
    }
    #sustainability_action .item .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #sustainability_action {
        padding-top: 50px;
    }
    #sustainability_action .title {
        font-size: 32px;
        line-height: normal;
    }
    #sustainability_action .cont {
        flex-direction: column;
    }
    #sustainability_action .cont .left {
        width: 100%;
    }
    #sustainability_action .cont .left .name {
        font-size: 22px;
        line-height: normal;
    }
    #sustainability_action .cont .left .brief {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 10px;
    }
    #sustainability_action .cont .left .more {
        margin-top: 10px;
        height: 50px;
        line-height: 48px;
        width: 120px;
        font-size: 16px;
    }
    #sustainability_action .cont .right {
        width: 100%;
        margin-top: 30px;
    }
    #sustainability_action .item .swiper {
        padding: 50px 16px;
    }
    #sustainability_action .item .pn {
        width: 45px;
        height: 45px;
    }
    #sustainability_action .item .pn.prev {
        left: 0px;
    }
    #sustainability_action .item .pn.next {
        right: 0px;
    }
    #sustainability_action .item .pn img {
        transform: scale(0.7)
    }
}

/* 弹窗 */

#sustainability_action_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    padding: 40px 30px;
    overflow: auto;
}

#sustainability_action_popup .com_box {
    width: 750px;
    background-color: #fff;
    margin: auto;
    border-radius: 20px;
    overflow-y: auto;
    padding: 60px;
    max-height: 100%;
}

#sustainability_action_popup .com_box .close {
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#sustainability_action_popup .com_box .name {
    font-size: 32px;
    text-align: center;
    color: #292c33;
    font-family: 'MM';
}

#sustainability_action_popup .com_box .brief {
    margin: 30px 0 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

#sustainability_action_popup .com_box .pic {
    width: 100%;
    height: 290px;
    overflow: hidden;
    background-color: #efefef;
}

#sustainability_action_popup .com_box .pic img {
    object-fit: contain;
}

@media (max-width:750px) {
    #sustainability_action_popup .com_box {
        padding: 30px 20px;
    }
    #sustainability_action_popup .com_box .name {
        font-size: 26px;
        line-height: normal;
    }
    #sustainability_action_popup .com_box .brief {
        margin: 10px 0 20px;
    }
    #sustainability_action_popup .com_box .close {
        top: 20px;
        right: 20px;
    }
}

/* 弹窗end */

#yuto_active {
    width: 100%;
    overflow: hidden;
    padding: 60px 0 110px;
}

#yuto_active .top {
    margin-bottom: 60px;
}

#yuto_active .top .title {
    font-size: 32px;
    line-height: 1;
    font-family: 'MM';
    color: #292c33;
}

#yuto_active .top .btn {
    width: 92px;
}

#yuto_active .top .btn .pn {
    width: 22px;
}

#yuto_active .top .btn .pn:hover .i1 {
    display: none;
}

#yuto_active .top .btn .pn:hover .i2 {
    display: inline-block;
}

#yuto_active .bot .swiper {
    overflow: visible;
}

#yuto_active .bot .swiper .swiper-slide {
    width: 480px;
    height: auto;
}

#yuto_active .bot .swiper .swiper-slide .pic {
    width: 100%;
    padding-top: 65%;
    border-radius: 10px;
}

#yuto_active .bot .swiper .swiper-slide .name {
    font-size: 18px;
    line-height: 30px;
    color: #292c33;
    margin: 22px 0;
}

#yuto_active .bot .swiper .swiper-slide .time {
    font-size: 18px;
    line-height: 30px;
    color: #b2b2b2;
}

#yuto_active .bot .swiper .swiper-slide:hover .name {
    color: #55c3be;
}

@media (max-width:1440px) {
    #yuto_active .bot .swiper .swiper-slide .name,
    #yuto_active .bot .swiper .swiper-slide .time {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:750px) {
    #yuto_active {
        padding: 30px 0 50px;
    }
    #yuto_active .top {
        flex-direction: column;
        margin-bottom: 30px;
    }
    #yuto_active .top .btn {
        margin-top: 20px;
    }
    #yuto_active .bot .swiper .swiper-slide {
        width: 260px;
    }
    #yuto_active .bot .swiper .swiper-slide .name {
        font-size: 16px;
        line-height: 1.5;
        margin: 15px 0 10px;
    }
    #yuto_active .bot .swiper .swiper-slide .time {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* 可持续发展-企业管治 */

#corporate_governance {
    width: 100%;
    padding: 110px 0;
}

#corporate_governance .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
    margin-bottom: 60px;
}

#corporate_governance .cont {
    align-items: center;
}

#corporate_governance .cont .left {
    padding-top: 30px;
    width: 50%;
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
}

#corporate_governance .cont .left span {
    color: #55c3be;
    font-family: 'MM';
}

#corporate_governance .cont .right {
    width: calc(50% - 7.144%);
}

#corporate_governance .cont .right .pic {
    width: 100%;
    padding-top: 75%;
    border-radius: 20px;
    overflow: hidden;
}

#corporate_governance .cont .right .pic img {
    width: 100%;
    object-fit: contain;
}

@media (max-width:1440px) {
    #corporate_governance .title {
        font-size: 42px;
    }
    #corporate_governance .cont .left {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    #corporate_governance .cont .left {
        font-size: 16px;
        line-height: 1.5;
        padding-top: 0;
    }
}

@media (max-width:750px) {
    #corporate_governance {
        padding: 50px 0;
    }
    #corporate_governance .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px;
    }
    #corporate_governance .cont {
        flex-direction: column;
    }
    #corporate_governance .cont .left {
        width: 100%;
        margin-bottom: 20px;
    }
    #corporate_governance .cont .right {
        width: 100%;
    }
}

#ethics {
    width: 100%;
    padding-bottom: 150px;
}

#ethics .title {
    font-size: 50px;
    line-height: 60px;
    font-family: 'MM';
    color: #2f3238;
    text-align: center;
    margin-bottom: 50px;
}

#ethics .brief {
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

#ethics .brief span {
    color: #55c3be;
    font-family: 'MM';
}

#ethics .pic {
    margin: 50px 0 60px;
}

#ethics .cont {
    max-width: 1060px;
    width: 92%;
    margin: 0 auto;
}

#ethics .cont .left {
    padding: 20px;
    position: relative;
    width: 230px;
    background-color: #55c3be;
    border-radius: 20px 0 0 20px;
}

#ethics .cont .left::after {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #55c3be;
    z-index: -1;
    right: -11.5px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
}

#ethics .cont .left .icon img {
    max-width: 50px;
    object-fit: contain;
}

#ethics .cont .left .tit {
    font-size: 18px;
    font-family: 'MM';
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}

#ethics .cont .right {
    width: calc(100% - 230px);
    border-radius: 0 20px 20px 0;
    border: 2px dotted #55c3be;
    border-left: none;
    padding: 30px 30px 30px 50px;
}

#ethics .cont .right .list .li {
    margin-bottom: 20px;
}

#ethics .cont .right .list .li:last-child {
    margin-bottom: 0;
}

#ethics .cont .right .list .li .icon2 {
    width: 30px;
    border-radius: 50%;
}

#ethics .cont .right .list .li .info {
    width: calc(100% - 30px - 12px);
    margin-left: 12px;
}

#ethics .cont .right .list .li .info .tip {
    font-size: 18px;
    color: #55c3be;
    font-family: 'MR';
    line-height: 30px;
}

#ethics .cont .right .list .li .info .numb {
    font-size: 18px;
    line-height: 24px;
    color: #333;
}

@media (max-width:1440px) {
    #ethics .title {
        font-size: 42px;
    }
    #ethics .brief,
    #ethics .cont .left .tit,
    #ethics .cont .right .list .li .info .tip,
    #ethics .cont .right .list .li .info .numb {
        font-size: 16px;
        line-height: 26px;
    }
    #ethics .cont .right .list .li .info .numb {
        line-height: 22px;
    }
}

@media (max-width:1024px) {
    #ethics .brief {
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width:750px) {
    #ethics {
        padding-bottom: 50px;
    }
    #ethics .title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px;
    }
    #ethics .pic {
        margin: 30px 0;
    }
    #ethics .cont {
        flex-direction: column;
    }
    #ethics .cont .left {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
    #ethics .cont .left::after {
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(135deg);
        bottom: -11.5px;
    }
    #ethics .cont .right {
        width: 100%;
        border-radius: 0 0 20px 20px;
        border: 2px dotted #55c3be;
        border-top: none;
        padding: 30px 20px 20px;
    }
}

/*底部cookie*/

#cookie_tip {
    height: max-content;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: rgba(255, 117, 0, 0.9) !important;
}

#cookie_tip .contents {
    padding: 20px 0;
}

#cookie_tip .contents .cont {
    padding: 0 4.285%;
}

#cookie_tip .contents .cont .left {
    width: 71.43%;
}

#cookie_tip .contents .cont .left .p1 {
    font-sizE: 22px;
    color: #fff;
    line-height: 34px;
    font-weight: bold;
}

#cookie_tip .contents .cont .left .p2 {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

#cookie_tip .contents .cont .left .p2 a {
    text-decoration: underline;
}

#cookie_tip .contents .cont .right {
    min-width: 150px;
    padding: 0 20px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 30px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    font-family: "B612-B";
}

#cookie_tip .contents .cont .right:hover {
    background: #fff;
    color: #55c3be;
}

#cookie_tip .contents .cont .close {
    width: 16px;
    height: 16px;
    background: url(../images/index/close-icon2.png) no-repeat center center/100% 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

@media (max-width: 1440px) {
    #cookie_tip .contents .cont .left .p1 {
        font-size: 20px;
    }
    #cookie_tip .contents .cont .left .p2,
    #cookie_tip .contents .cont .right {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    #cookie_tip {
        bottom: 0px;
    }
    #cookie_tip .contents .cont {
        padding: 0;
        flex-wrap: wrap;
    }
    #cookie_tip .contents .cont .left {
        width: 100%;
    }
    #cookie_tip .contents .cont .left .p1 {
        font-size: 26px;
        line-height: 1.5;
    }
    #cookie_tip .contents .cont .left .p2 {
        font-size: 18px;
        line-height: 1.5;
    }
    #cookie_tip .contents .cont .right {
        margin-top: 20px;
        width: 100%;
        border-radius: 50px;
        height: 50px;
        line-height: 46px;
        font-size: 20px;
    }
    #cookie_tip .contents .cont .close {
        width: 25px;
        height: 25px;
    }
}

/* 模态窗口背景 */

#cpm_modal_overlay {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 3s linear 0.3s;
}

#cpm_modal_overlay.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}

#cpm_modal_overlay .cpm_modal {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15%;
}

/* 模态内容（文本） */

#cpm_modal_overlay .cpm_modal .cpm_modal_content {
    width: 450px;
    min-height: 120px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    overflow: auto;
}

#cpm_modal_overlay .cpm_modal .cpm_modal_content .cpm_messageText {
    font-size: 20px;
    line-height: 1.5;
    color: #292c33;
}

/* 关闭按钮 */

#cpm_modal_overlay .cpm_modal .cpm_modal_content .cpm_close {
    width: fit-content;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    cursor: pointer;
    background: #55c3be;
    padding: 5px 10px;
    border-radius: 14.5px;
    margin-left: auto;
    transition: 0.3s
}

#cpm_modal_overlay .cpm_modal .cpm_modal_content .cpm_close:hover {
    opacity: 0.8;
}

@media (max-width:750px) {
    #cpm_modal_overlay .cpm_modal .cpm_modal_content {
        width: 92%;
    }
}