*{padding: 0;margin: 0;border: 0;list-style: none}

/* 恢复表格默认样式 */

/* 不要全局清除所有边框 */
table[border]:not([border="0"]):not([border=""]) ,
table[border]:not([border="0"]):not([border=""]) td,
table[border]:not([border="0"]):not([border=""]) th {
    border: 1px solid #ced4d9!important;
    border-collapse: collapse;
}


.float_l{float: left}
.float_r{float: right}
body{
    overflow-x: hidden;
}
.btn01{
    cursor: pointer;
    background: #FF8F40;
    text-align: center;
    padding: 8px 30px;
    line-height: 30px;
    height:24px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 25px;
    letter-spacing: 1px;
}
.btn02{
    border: 2px solid #FFFFFF;
    cursor: pointer;
    background-color: rgba(0, 0, 0,0);
    text-align: center;
    padding: 8px 25px;
    line-height: 30px;
    height:24px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 25px;
    letter-spacing: 1px;
}
.btn02:hover{
    border: 2px solid #FF984F;
    cursor: pointer;
    background-color: #FF984F;;
    text-align: center;
    padding: 8px 25px;
    line-height: 30px;
    height:24px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 25px;
    letter-spacing: 1px;
}
.color_m{color: #FF984F;}
.color_m a{color: #FF984F;text-decoration: none}

.content{width:100%;clear: both}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}
/* top1****************************************************/
.downNext {
    width: 34px;
    height: 37px;
    position: absolute;
    left: 50%;
    background: url("/static/img/icon_down.png") no-repeat;
    transform: translateX(-50%);
    /*top: calc(100vh - 50px);*/
    cursor: pointer;
    z-index: 999;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    animation-delay: 5s;
}

/* top1 all****************************************************/
.top1 {
    position: relative;
    margin: 0 auto;
}

.top1 .top1Menu01 {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    height: 84px;
    background: rgba(20, 27, 21, 1);
    opacity: 0.5;
    z-index: 1000;
}

.top1 .top1Menu01_t1 {
    background: #FFFFFF;
    opacity: 1;
}

@media (min-width: 1900px) {
    .top1 .topMenu1 {
        height: 84px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1001;
        width: 1920px;
        margin: 0 auto;
        top: 0;
    }

    .top1 .topMenu1 .logo {
        margin: 20px 0 0 100px;
    }

    .top1 .topMenu1 .menu_t1 li {
        color: #2B2B2B !important;
    }

    .top1 .topMenu1 .menu {
        margin: 0 0 0 100px;
    }

    .top1 .topMenu1 .menu li {
        font-weight: 700;
        height: 76px;
        line-height: 76px;
        font-size: 18px;
        display: inline-block;
        color: #FFFFFF;
        text-align: center;
        margin: 0 40px;
        padding: 0 8px;
        cursor: pointer;
    }

    .top1 .topMenu1 .menu li:hover {
        border-bottom: 8px solid #FF8F40;
    }

    .top1 .topMenu1 .contact_us {
        margin: 25px 200px 0 0;
    }

    .top1 .topMenu1 .more_info {
        border: 1px solid #cbcbcb;
        display: none;
        width: 904px;
        background: #FFFFFF;
        position: fixed;
        top: 84px;
        z-index: 10002;
    }

    .top1 .topMenu1 .more_info .m_title {
        color: #FF984F;
        font-size: 24px;
        font-weight: bolder;
        text-transform: capitalize;
        height: 86px;
        line-height: 86px;
        padding-left: 28px;
        border-bottom: 1px solid #cbcbcb;
    }

    .top1 .topMenu1 .more_info .m_content {
        display: flex;
        flex-flow: row;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left {
        float: left;
        width: 247px;
        height: 383px;
        border-right: 1px solid #cbcbcb;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li {
        width: 217px;
        padding-left: 30px;
        height: 60px;
        line-height: 60px;
        color: #69686E;
        font-size: 18px;
        cursor: pointer;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li:hover,
    .top1 .topMenu1 .more_info .m_content ul.m_left li.focus {
        border-top: 1px solid #cbcbcb;
        border-bottom: 1px solid #cbcbcb;
        border-right: 1px solid #FFFFFF;
        background: url("/static/img/icon_right.png") no-repeat right center;
        font-weight: 700;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li:first-child {
        border-top: none;
    }

    .top1 .topMenu1 .more_info .m_content .m_right {
        float: left;
        width: 656px;
        height: 383px;
        overflow: hidden;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li {
        width: 596px;
        height: 323px;
        display: none;
        padding: 30px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.m_r_s {
        display: block;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div {
        color: #69686E;
        width: 280px;
        text-align: center;
        cursor: pointer;
        padding-bottom: 20px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_1 img {
        width: 120px;
        height: 90px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_2 {
        font-size: 18px;
        font-weight: bold;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_2 sup {
        font-size: 8px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_3 {
        font-size: 12px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div:hover {
        color: #FF984F;
        background: url("/static/img/bg_01.png") no-repeat 30px 0px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 {
        display: flex;
        flex-flow: column;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 div {
        width: 300px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 {
        display: flex;
        flex-flow: column;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 {
        margin-top: 20px;
        padding: 5px;
        display: flex;
        flex-flow: row;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 img {
        width: 120px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 div {
        margin-left: 50px;
        font-size: 18px;
        font-weight: 700;
        line-height: 40px;
        color: #69686E;
    }

    .top1 .topMenu1 .m_product {
        left: 350px;
    }

    .top1 .topMenu1 .m_solution {
        left: 486px;
        width: 340px;
        height: 490px;
    }

    .top1 .topMenu1 .m_service {
        left: 658px;
        width: 694px;
        height: 440px;
    }

    .top1 .topMenu1 .m_more {
        left: 835px;
        width: 220px;
        overflow: auto;
        padding-bottom: 30px;
    }

    .top1 .topMenu1 .m_about {
        left: 1026px;
        width: 220px;
        overflow: auto;
        padding-bottom: 30px;
    }

    .top1 .topMenu1 .m_menu01 {
        flex-flow: column;
        padding-top: 20px;
    }

    .top1 .topMenu1 .m_menu01 div {
        font-weight: 700;
        width: 180px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .m_menu01 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }

    .top1 .topMenu1 .m_menu02 {
        flex-flow: column;
        padding-top: 20px;
    }

    .top1 .topMenu1 .m_menu02 div {
        font-weight: 700;
        width: 300px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .m_menu02 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }
}

@media (max-width: 1900px) {
    .top1 .topMenu1 {
        height: 84px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1001;
        width: 1440px;
        margin: 0 auto;
        top: 0;
    }

    .top1 .topMenu1 .logo {
        margin: 20px 0 0 50px;
    }

    .top1 .topMenu1 .menu_t1 li {
        color: #2B2B2B !important;
    }

    .top1 .topMenu1 .menu {
        margin: 0 0 0 50px;
    }

    .top1 .topMenu1 .menu li {
        font-weight: 700;
        height: 76px;
        line-height: 76px;
        font-size: 18px;
        display: inline-block;
        color: #FFFFFF;
        text-align: center;
        margin: 0 40px;
        padding: 0 8px;
        cursor: pointer;
    }

    .top1 .topMenu1 .menu li:hover {
        border-bottom: 8px solid #FF8F40;
    }

    .top1 .topMenu1 .contact_us {
        margin: 25px 20px 0 0;
    }

    .top1 .topMenu1 .more_info {
        border: 1px solid #cbcbcb;
        display: none;
        width: 904px;
        background: #FFFFFF;
        position: fixed;
        top: 84px;
    }

    .top1 .topMenu1 .more_info .m_title {
        color: #FF984F;
        font-size: 24px;
        font-weight: bolder;
        text-transform: capitalize;
        height: 86px;
        line-height: 86px;
        padding-left: 28px;
        border-bottom: 1px solid #cbcbcb;
    }

    .top1 .topMenu1 .more_info .m_content {
        display: flex;
        flex-flow: row;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left {
        float: left;
        width: 247px;
        height: 383px;
        border-right: 1px solid #cbcbcb;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li {
        width: 217px;
        padding-left: 30px;
        height: 60px;
        line-height: 60px;
        color: #69686E;
        font-size: 18px;
        cursor: pointer;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li:hover,
    .top1 .topMenu1 .more_info .m_content ul.m_left li.focus {
        border-top: 1px solid #cbcbcb;
        border-bottom: 1px solid #cbcbcb;
        border-right: 1px solid #FFFFFF;
        background: url("/static/img/icon_right.png") no-repeat right center;
        font-weight: 700;
    }

    .top1 .topMenu1 .more_info .m_content ul.m_left li:first-child {
        border-top: none;
    }

    .top1 .topMenu1 .more_info .m_content .m_right {
        float: left;
        width: 656px;
        height: 383px;
        overflow: hidden;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li {
        width: 596px;
        height: 323px;
        display: none;
        padding: 30px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.m_r_s {
        display: block;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div {
        color: #69686E;
        width: 280px;
        text-align: center;
        cursor: pointer;
        padding-bottom: 20px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_1 img {
        width: 120px;
        height: 90px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_2 {
        font-size: 18px;
        font-weight aspernatur quas minima laborum et inventore dicta cumque aperiam, reiciendis aut ab iusto delectus, fuga doloremque, sapiente eos quaerat dolorum! Molestias, magnam? bold;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_2 sup {
        font-size: 8px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div .p_1_3 {
        font-size: 12px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_1 div:hover {
        color: #FF984F;
        background: url("/static/img/bg_01.png") no-repeat 30px 0px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 {
        display: flex;
        flex-flow: column;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 div {
        width: 300px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_2 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 {
        display: flex;
        flex-flow: column;
        padding: 10px;
        height: 353px;
        justify-content: space-between;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 {
        padding: 5px;
        display: flex;
        flex-flow: row;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 div p img {
        width: 140px;
    }

    .top1 .topMenu1 .more_info .m_content .m_right li.p_3 div.p_3_0 div {
        margin-left: 50px;
        font-size: 18px;
        font-weight: 700;
        line-height: 40px;
        color: #69686E;
    }

    .top1 .topMenu1 .m_product {
        left: 250px;
    }

    .top1 .topMenu1 .m_solution {
        left: 386px;
        width: 340px;
        padding-bottom: 20px;
    }

    .top1 .topMenu1 .m_service {
        left: 558px;
        width: 694px;
        height: 440px;
    }

    .top1 .topMenu1 .m_more {
        left: 735px;
        width: 220px;
        overflow: auto;
        padding-bottom: 30px;
    }

    .top1 .topMenu1 .m_about {
        left: 926px;
        width: 220px;
        overflow: auto;
        padding-bottom: 30px;
    }

    .top1 .topMenu1 .m_menu01 {
        flex-flow: column;
        padding-top: 20px;
    }

    .top1 .topMenu1 .m_menu01 div {
        font-weight: 700;
        width: 180px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .m_menu01 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }

    .top1 .topMenu1 .m_menu02 {
        flex-flow: column;
        padding-top: 20px;
    }

    .top1 .topMenu1 .m_menu02 div {
        font-weight: 700;
        width: 300px;
        color: #69686E;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        margin: 5px 10px;
        padding: 10px 10px;
        border-radius: 5px;
        border-start-end-radius: 150px 100px;
        direction: rtl;
    }

    .top1 .topMenu1 .m_menu02 div:hover {
        color: #FF984F;
        background: #FFF4EC;
    }
}

@media (min-width: 1900px) {
    .top1 .topBg1 {
        margin: 0 auto;
        text-align: center;
    }

    .top1 .topBg1 video {
        width: 100%;
        display: block;
    }
}

.topBg1 img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
@media (max-width: 1900px) {
    .top1 .topBg1 {
        margin: 0 auto;
        text-align: center;
    }

    .top1 .topBg1 video {
        width: 100%;
        display: block;
    }
}

.top1 .topBg2 {
    width: 1440px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.top1 .topBg2 .topInfo1 {
    width: 685px;
    height: 298px;
    flex-shrink: 0;
    border-radius: 36px;
    opacity: 0.5;
    background: #141B15;
    position: absolute;
    top: 300px;
    left: 120px;
}

.top1 .topBg2 .topInfo2 {
    overflow: hidden;
    width: 675px;
    height: 228px;
    padding: 35px 90px 35px 30px;
    flex-shrink: 0;
    border-radius: 36px;
    position: absolute;
    top: 300px;
    left: 120px;
}

.top1 .topBg2 .topInfo2 p.t_txt1 {
    color: #FFF;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    text-transform: capitalize;
    opacity: 1;
}

.top1 .topBg2 .topInfo2 p.t_txt2 {
    margin-top: 20px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
/* top1 p1****************************************************/

/* top1 p2****************************************************/

@media (min-width: 1900px) {
    .topMenuFixed {
        width: 1920px;
        position: fixed;
        left: 50%;
        top: 0;
        z-index: 999;
        transform: translateX(-50%);
    }

    .topMenuFixed .topMenu_bg {
        width: 166px;
        height: 356px;
        flex-shrink: 0;
        border-radius: 4px;
        opacity: 0.5;
        background: #141B15;
        position: fixed;
        top: 300px;
        right: 180px;
        z-index: 998;
    }

    .topMenuFixed .topMenu_bg1 {
        width: 3px;
        height: 220px;
        position: fixed;
        top: 370px;
        right: 306px;
        background: url("/static/img/icon_1.png") repeat-y 0 0;
        z-index: 999;
    }

    .topMenuFixed .topContent {
        overflow: hidden;
        width: 116px;
        height: 286px;
        padding: 35px 30px;
        flex-shrink: 0;
        position: fixed;
        top: 300px;
        right: 170px;
        z-index: 1000;
    }

    .topMenuFixed .topContent p.f_txt1 {
        font-weight: 700;
        color: #FFF;
        font-size: 18px;
        text-transform: capitalize;
        background: url("/static/img/icon_2_1.png") no-repeat left center;
        padding-left: 25px;
        height: 58px;
        line-height: 58px;
        z-index: 100;
        cursor: pointer;
    }

    .topMenuFixed .topContent p.f_txt1_focus {
        color: #FF984F;
        background: url("/static/img/icon_2.png") no-repeat left center;
    }
}
/* top1 p2****************************************************/

@media (max-width: 1900px) {
    .topMenuFixed {
        width: 1440px;
        position: fixed;
        left: 50%;
        top: 0;
        z-index: 999;
        transform: translateX(-50%);
    }

    .topMenuFixed .topMenu_bg {
        width: 166px;
        height: 356px;
        flex-shrink: 0;
        border-radius: 4px;
        opacity: 0.5;
        background: #141B15;
        position: fixed;
        top: 300px;
        right: 180px;
        z-index: 998;
    }

    .topMenuFixed .topMenu_bg1 {
        width: 3px;
        height: 220px;
        position: fixed;
        top: 370px;
        right: 306px;
        background: url("/static/img/icon_1.png") repeat-y 0 0;
        z-index: 999;
    }

    .topMenuFixed .topContent {
        overflow: hidden;
        width: 116px;
        height: 286px;
        padding: 35px 30px;
        flex-shrink: 0;
        position: fixed;
        top: 300px;
        right: 170px;
        z-index: 1000;
    }

    .topMenuFixed .topContent p.f_txt1 {
        font-weight: 700;
        color: #FFF;
        font-size: 18px;
        text-transform: capitalize;
        background: url("/static/img/icon_2_1.png") no-repeat left center;
        padding-left: 25px;
        height: 58px;
        line-height: 58px;
        z-index: 100;
        cursor: pointer;
    }

    .topMenuFixed .topContent p.f_txt1_focus {
        color: #FF984F;
        background: url("/static/img/icon_2.png") no-repeat left center;
    }
}
/* top1 end ****************************************************/

/* about_us */
@media (min-width: 1900px) {
    .about_us {
        width: 1920px;
        margin: 0 auto;
        background: #2B2B2B;
        height: 419px;
        position: relative;
    }

    .about_us .us_info {
        width: 540px;
        height: 200px;
        color: #FFFFFF;
        position: absolute;
        top: 65px;
        left: 400px;
        z-index: 100;
    }

    .about_us .us_info p.us_title {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom left;
        padding: 15px 0;
    }

    .about_us .us_info p.us_text {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
    }

    .about_us .us_info p.us_text span {
        text-indent: 2em;
        display: inline-block;
    }

    .about_us .us_img {
        width: 602px;
        height: 388px;
        position: absolute;
        top: 80px;
        left: 950px;
        z-index: 100;
        background: url("/static/img/about_us.png") no-repeat;
    }

    .about_us .us_img_team {
        background: url("/static/img/about_team.png") no-repeat;
    }

    .about_us_info {
        width: 1620px;
        margin: 0 auto;
        height: 288px;
        display: flex;
        flex-flow: row;
        padding-top: 120px;
        justify-content: space-around;
    }

    .about_us_info .about_us_info_item {
        text-align: center;
        padding: 0 130px;
        background: url("/static/img/bg_03.png") no-repeat right 40px;
    }

    .about_us_info .about_us_info_item .t_2 {
        padding: 20px 0 5px;
        font-size: 42px;
        font-weight: 700;
        line-height: 52px;
        color: #26242E;
    }

    .about_us_info .about_us_info_item .t_3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #69686E;
    }

    .about_us_info .about_us_info_item:last-child {
        background: none;
    }
}

@media (max-width: 1900px) {
    .about_us {
        width: 1440px;
        margin: 0 auto;
        background: #2B2B2B;
        height: 419px;
        position: relative;
    }

    .about_us .us_info {
        width: 540px;
        height: 200px;
        color: #FFFFFF;
        position: absolute;
        top: 65px;
        left: 200px;
        z-index: 100;
    }

    .about_us .us_info p.us_title {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom left;
        padding: 15px 0;
    }

    .about_us .us_info p.us_text {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
    }

    .about_us .us_info p.us_text span {
        text-indent: 2em;
        display: inline-block;
    }

    .about_us .us_img {
        width: 602px;
        height: 388px;
        position: absolute;
        top: 80px;
        left: 750px;
        z-index: 100;
        background: url("/static/img/about_us.png") no-repeat;
    }

    .about_us .us_img_team {
        background: url("/static/img/about_team.png") no-repeat;
    }

    .about_us_info {
        width: 1420px;
        margin: 0 auto;
        height: 288px;
        display: flex;
        flex-flow: row;
        padding-top: 120px;
        justify-content: space-around;
    }

    .about_us_info .about_us_info_item {
        text-align: center;
        padding: 0 130px;
        background: url("/static/img/bg_03.png") no-repeat right 40px;
    }

    .about_us_info .about_us_info_item .t_2 {
        padding: 20px 0 5px;
        font-size: 42px;
        font-weight: 700;
        line-height: 52px;
        color: #26242E;
    }

    .about_us_info .about_us_info_item .t_3 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #69686E;
    }

    .about_us_info .about_us_info_item:last-child {
        background: none;
    }
}
/* banner */
@media (min-width: 1900px) {
    .banner01 {
        width: 1920px;
        margin: 0 auto;
        img{
            width: 100%;
        }
    }
}
@media (max-width: 1900px) {
    .banner01 {
        width: 1440px;
        margin: 0 auto;
        img{
            width: 100%;
        }
    }
}
/* product */
@media (min-width: 1900px) {
    .product {
        width: 1920px;
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .product .p_info {
        width: 698px;
        height: 280px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .product .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }

    .product .p_info p.p_text {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
        color: #6B6A70;
    }

    .product .p_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        margin: 0 auto;
        justify-content: space-around;
        text-align: center;
        flex-wrap: wrap;
    }

    .product .p_list li {
        margin: 20px;
    }

    .product .p_list .p_l_1 img {
        width: auto;
        height: 120px;
    }

    .product .p_list .p_l_2 {
        font-size: 26px;
        color: #FF8F40;
        line-height: 50px;
        font-weight: bold;
    }

    .product .p_list .p_l_2 sup {
        font-size: 10px;
    }

    .product .p_list .p_l_3 {
        font-size: 18px;
        color: #69686E;
        line-height: 22px;
    }

    .product .p_more {
        background: url("/static/img/icon_right2.png") no-repeat 120px center;
        width: 100px;
        margin: 0 auto;
        margin-top: 60px;
        color: #FF8F40;
        border-radius: 100px;
        border: 2px solid #FF8F40;
        padding: 10px 40px 10px 25px;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
    }
}

@media (max-width: 1900px) {
    .product {
        width: 1440px;
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .product .p_info {
        width: 698px;
        height: 280px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .product .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }

    .product .p_info p.p_text {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
        color: #6B6A70;
    }

    .product .p_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        margin: 0 auto;
        justify-content: space-around;
        text-align: center;
        flex-wrap: wrap;
    }

    .product .p_list li {
        margin: 20px;
    }

    .product .p_list .p_l_1 img {
        width: auto;
        height: 120px;
    }

    .product .p_list .p_l_2 {
        font-size: 26px;
        color: #FF8F40;
        line-height: 50px;
        font-weight: bold;
    }

    .product .p_list .p_l_2 sup {
        font-size: 10px;
    }

    .product .p_list .p_l_3 {
        font-size: 18px;
        color: #69686E;
        line-height: 22px;
    }

    .product .p_more {
        background: url("/static/img/icon_right2.png") no-repeat 120px center;
        width: 100px;
        margin: 0 auto;
        margin-top: 60px;
        color: #FF8F40;
        border-radius: 100px;
        border: 2px solid #FF8F40;
        padding: 10px 40px 10px 25px;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
    }
}
/* market */
@media (min-width: 1900px) {
    .market {
        margin: 0 auto;
        width: 1920px;
        height: auto;
        padding-bottom: 20px;
        background: #F1F1F1;
    }

    .market .p_info {
        width: 698px;
        height: 100px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .market .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }

    .market .m_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        margin: 0 auto;
        justify-content: space-between;
        margin-top: 50px;
    }

    .market .m_list .m_list_item {
        width: 570px;
        display: flex;
        flex-flow: column;
    }

    .market .m_list .m_list_item p.m_t1 {
        color: #26242E;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
    }

    .market .m_list .m_list_item p.m_t2 {
        color: #FF8F40;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 20px;
    }

    .market .m_list .m_list_item div.m_c1 {
        background-color: #FFFFFF;
        background-image: url("/static/img/icon_right2.png");
        background-repeat: no-repeat;
        background-position: 95% 60%;
        padding: 15px;
        color: #6A696F;
        margin-top: 20px;
    }

    .market .m_list .m_list_item div.m_c1 p.m_c1_t1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }

    .market .m_list .m_list_item div.m_c1 p.m_c1_t2 {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
    }
}

@media (max-width: 1900px) {
    .market {
        margin: 0 auto;
        width: 1440px;
        height: auto;
        padding-bottom: 20px;
        background: #F1F1F1;
    }

    .market .p_info {
        width: 698px;
        height: 100px;
        margin: 0 auto;
        padding-top: 60px;
    }

    .market .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }

    .market .m_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        margin: 0 auto;
        justify-content: space-between;
        margin-top: 50px;
    }

    .market .m_list .m_list_item {
        width: 570px;
        display: flex;
        flex-flow: column;
    }

    .market .m_list .m_list_item p.m_t1 {
        color: #26242E;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
    }

    .market .m_list .m_list_item p.m_t2 {
        color: #FF8F40;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 20px;
    }

    .market .m_list .m_list_item div.m_c1 {
        background-color: #FFFFFF;
        background-image: url("/static/img/icon_right2.png");
        background-repeat: no-repeat;
        background-position: 95% 60%;
        padding: 15px;
        color: #6A696F;
        margin-top: 20px;
    }

    .market .m_list .m_list_item div.m_c1 p.m_c1_t1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }

    .market .m_list .m_list_item div.m_c1 p.m_c1_t2 {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
    }
}
/* news */
@media (min-width: 1900px) {
    .news {
        margin: 0 auto;
        width: 1920px;
        background: #FFFFFF;
        padding-bottom: 70px;
    }
    .news .p_info {
        width: 698px;
        height: 80px;
        margin: 0 auto;
        padding-top: 60px;
    }
    .news .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }
    .news .m_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .news .m_list .m_list_item {
        width: 380px;
        box-sizing: border-box;
        height: 140px;
        padding: 10px 40px 10px 20px;
        border: 1px solid #e2e2e2;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        color: #6A696F;
    }
    .news .m_list .m_list_item p.n_t2 {
        margin-top: 20px;
    }
    .news .m_list .m_list_item:not(:nth-child(3n)) {
        margin-right: 30px;
    }
    .news .m_list .m_list_item:last-child {
        border: none;
        padding-top: 25px;
    }
}

@media (max-width: 1900px) {
    .news {
        margin: 0 auto;
        width: 1440px;
        background: #FFFFFF;
        padding-bottom: 70px;
    }
    .news .p_info {
        width: 698px;
        height: 80px;
        margin: 0 auto;
        padding-top: 60px;
    }
    .news .p_info p.p_title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }
    .news .m_list {
        width: 1200px;
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .news .m_list .m_list_item {
        width: 380px;
        box-sizing: border-box;
        height: 140px;
        padding: 10px 40px 10px 20px;
        border: 1px solid #e2e2e2;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        color: #6A696F;
    }
    .news .m_list .m_list_item p.n_t2 {
        margin-top: 20px;
    }
    .news .m_list .m_list_item:not(:nth-child(3n)) {
        margin-right: 30px;
    }
    .news .m_list .m_list_item:last-child {
        border: none;
        padding-top: 25px;
    }
}

/* footer */
.footer {
    margin: 0 auto;
    width: 1200px;
    height: 400px;
    background: #2B2B2B;
    color: #FFFFFF;
    padding: 50px 0;
}
.footer .f_p1 {
    padding-bottom: 30px;
    border-bottom: 1px solid #6A696F;
}
.footer .f_p1 p.f_t1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
}
.footer .f_p1 p.f_t2 {
    font-size: 12px;
    line-height: 50px;
    display: flex;
    align-items: center;
}
.footer .f_p1 p.f_t2 input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.footer .f_p1 p.f_t3 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 40px;
}
.footer .f_p1 p.f_t3 .txt_01 {
    padding: 15px 40px 15px 20px;
    width: 300px;
    height: 15px;
    border-radius: 100px;
    background: #FFF;
    font-size: 16px;
}
.footer .f_p1 p.f_t3 .txt_02 {
    margin-left: 20px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 50px 10px 30px;
    border-radius: 100px;
    background-color: #FF8F40;
    background-image: url("/static/img/icon_right3.png");
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
.footer .f_p2 ul.f_t4 {
    padding-top: 30px;
    width: 200px;
    float: left;
}
.footer .f_p2 ul.f_t4 li.f_tt {
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
}
.footer .f_p2 ul.f_t4 li {
    line-height: 40px;
}
.footer .f_p2 ul.f_t4 li.f_img {
    margin-top: 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.footer .f_p2 ul.f_t4 li.f_img img {
    width: 84px;
}
.footer .f_p2 .f_t5 {
    color: #808080;
    font-size: 12px;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    padding-top: 40px;
}
.footer .f_p2 .f_t5 p {
    margin-top: 10px;
}

@media (min-width: 1900px) {
    .banner_title {
        color: #FFFFFF;
        background: #2B2B2B;
        width: 1920px;
        height: 300px;
        margin: 0 auto;
    }
    .banner_title .p_info {
        width: 1200px;
        margin: 0 auto;
        padding-top: 140px;
    }
    .banner_title .p_info p.p_title {
        text-align: center;
        font-size: 42px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }
}

@media (max-width: 1900px) {
    .banner_title {
        color: #FFFFFF;
        background: #2B2B2B;
        width: 1440px;
        height: 300px;
        margin: 0 auto;
    }
    .banner_title .p_info {
        width: 1200px;
        margin: 0 auto;
        padding-top: 140px;
    }
    .banner_title .p_info p.p_title {
        text-align: center;
        font-size: 42px;
        font-weight: 700;
        line-height: 40px;
        display: block;
        background: url("/static/img/bg_02.png") no-repeat bottom center;
        padding: 15px 0;
    }
}


.crumb01{
    height: 30px;
    width: 100%;
    clear: both;
    font-size: 16px;
    padding-left: 20px;
    line-height: 30px;
    background: url("/static/img/icon_position.png") no-repeat left center;
}
.content_01 {
    width: 1200px;
    margin: 0 auto;
}
/*pageList01*/
@media (min-width: 1900px) {
    .pageList01 {
        margin: 0 auto;
        width: 1920px;
        position: relative;
    }
    .pageList01 .m_list {
        width: 1200px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .pageList01 .m_list .m_list_item {
        width: 570px;
        display: flex;
        flex-flow: column;
    }
    .pageList01 .m_list .m_list_item p.m_t1 {
        color: #26242E;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
    }
    .pageList01 .m_list .m_list_item p.m_t2 {
        color: #FF8F40;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 20px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 {
        background-color: #FFFFFF;
        background-image: url("/static/img/icon_right2.png");
        background-repeat: no-repeat;
        background-position: 95% 60%;
        padding: 15px;
        color: #6A696F;
        margin-top: 20px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 p.m_c1_t1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 p.m_c1_t2 {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
    }
    .pageList01 .dealer {
        width: 100%;
        border-bottom: 2px solid #F1F1F1;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .pageList01 .dealer li {
        height: 60px;
        line-height: 60px;
        background: #F1F1F1;
        text-align: center;
        font-size: 16px;
        padding: 0 30px;
        border-radius: 15% 15% 0 0;
        color: #FF8F40;
        font-weight: 500;
        cursor: pointer;
    }
    .pageList01 .dealer li.d_select {
        line-height: 60px;
        height: 75px;
        background-color: #FF8F40;
        color: #FFFFFF;
        background-image: url("/static/img/icon_smile2.png");
        background-repeat: no-repeat;
        background-position: 50% 80%;
        font-weight: 700;
    }
    .pageList01 .dealer_content {
        padding-bottom: 50px;
    }
    .pageList01 .dealer_content li {
        display: none;
    }
    .pageList01 .dealer_content li:first-child {
        display: block;
    }
    .pageList01 .dealer_content li .d_t1 {
        margin-top: 40px;
        background: url("/static/img/icon_smile.png") no-repeat 50% 90%;
        clear: both;
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
        color: #2B2B2B;
        padding: 20px;
    }
    .pageList01 .dealer_content li .d_t2 {
        width: 1000px;
        display: flex;
        justify-content: space-between;
        margin: 10px auto;
        flex-wrap: wrap;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item {
        margin-top: 30px;
        width: 230px;
        height: 300px;
        padding-top: 168px;
        padding-left: 35px;
        background: url("/static/img/bg_05.png") no-repeat;
        text-align: left;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_1 {
        color: #2B2B2B;
        font-size: 20px;
        font-weight: 700;
        line-height: 36px;
        background: url("/static/img/bg_06.png") no-repeat left bottom;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_2 {
        margin-top: 20px;
        font-size: 14px;
        color: #6A696F;
        line-height: 25px;
        text-align: left;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_3 {
        background: url("/static/img/icon_phone.png") no-repeat left center;
        padding-left: 20px;
        color: #FF8F40;
        font-weight: 600;
        font-size: 14px;
        margin-top: 30px;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_4 {
        margin-top: 10px;
        background: url("/static/img/icon_mail.png") no-repeat left center;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_5 {
        margin-top: 20px;
        margin-left: 35px;
    }
}

@media (max-width: 1900px) {
    .pageList01 {
        margin: 0 auto;
        width: 1440px;
        position: relative;
    }
    .pageList01 .m_list {
        width: 1200px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .pageList01 .m_list .m_list_item {
        width: 570px;
        display: flex;
        flex-flow: column;
    }
    .pageList01 .m_list .m_list_item p.m_t1 {
        color: #26242E;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
    }
    .pageList01 .m_list .m_list_item p.m_t2 {
        color: #FF8F40;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 20px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 {
        background-color: #FFFFFF;
        background-image: url("/static/img/icon_right2.png");
        background-repeat: no-repeat;
        background-position: 95% 60%;
        padding: 15px;
        color: #6A696F;
        margin-top: 20px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 p.m_c1_t1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }
    .pageList01 .m_list .m_list_item div.m_c1 p.m_c1_t2 {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
    }
    .pageList01 .dealer {
        width: 100%;
        border-bottom: 2px solid #F1F1F1;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .pageList01 .dealer li {
        height: 60px;
        line-height: 60px;
        background: #F1F1F1;
        text-align: center;
        font-size: 16px;
        padding: 0 30px;
        border-radius: 15% 15% 0 0;
        color: #FF8F40;
        font-weight: 500;
        cursor: pointer;
    }
    .pageList01 .dealer li.d_select {
        line-height: 60px;
        height: 75px;
        background-color: #FF8F40;
        color: #FFFFFF;
        background-image: url("/static/img/icon_smile2.png");
        background-repeat: no-repeat;
        background-position: 50% 80%;
        font-weight: 700;
    }
    .pageList01 .dealer_content {
        padding-bottom: 50px;
    }
    .pageList01 .dealer_content li {
        display: none;
    }
    .pageList01 .dealer_content li:first-child {
        display: block;
    }
    .pageList01 .dealer_content li .d_t1 {
        margin-top: 40px;
        background: url("/static/img/icon_smile.png") no-repeat 50% 90%;
        clear: both;
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
        color: #2B2B2B;
        padding: 20px;
    }
    .pageList01 .dealer_content li .d_t2 {
        width: 1000px;
        display: flex;
        justify-content: space-between;
        margin: 10px auto;
        flex-wrap: wrap;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item {
        margin-top: 30px;
        width: 230px;
        height: 300px;
        padding-top: 168px;
        padding-left: 35px;
        background: url("/static/img/bg_05.png") no-repeat;
        text-align: left;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_1 {
        color: #2B2B2B;
        font-size: 20px;
        font-weight: 700;
        line-height: 36px;
        background: url("/static/img/bg_06.png") no-repeat left bottom;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_2 {
        margin-top: 20px;
        font-size: 14px;
        color: #6A696F;
        line-height: 25px;
        text-align: left;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_3 {
        background: url("/static/img/icon_phone.png") no-repeat left center;
        padding-left: 20px;
        color: #FF8F40;
        font-weight: 600;
        font-size: 14px;
        margin-top: 30px;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_4 {
        margin-top: 10px;
        background: url("/static/img/icon_mail.png") no-repeat left center;
    }
    .pageList01 .dealer_content li .d_t2 .d_t2_item .d_i_5 {
        margin-top: 20px;
        margin-left: 35px;
    }
}

/*pageList01*/

/* reg */
@media (min-width: 1900px) {
    .reg01 {
        background: url("/static/img/bg_04.png") no-repeat;
        background-size: cover;
        width: 284px;
        height: 274px;
        padding: 210px 45px 0;
        position: absolute;
        top: 70px;
        right: 350px;
    }
    .reg01 .r_1 {
        color: #26242E;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
    }
    .reg01 .r_2 {
        margin-top: 30px;
    }
    .reg01 .r_2 input {
        text-align: center;
        width: 264px;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        padding: 10px;
    }
    .reg01 .r_3 {
        margin-top: 30px;
        text-align: center;
    }
    .reg01 .r_3 .btn01 {
        padding: 12px 80px;
        border-radius: 30px;
    }
}

@media (max-width: 1900px) {
    .reg01 {
        background: url("/static/img/bg_04.png") no-repeat;
        background-size: cover;
        width: 284px;
        height: 274px;
        padding: 210px 45px 0;
        position: absolute;
        top: 70px;
        right: 50px;
    }
    .reg01 .r_1 {
        color: #26242E;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
    }
    .reg01 .r_2 {
        margin-top: 30px;
    }
    .reg01 .r_2 input {
        text-align: center;
        width: 264px;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        padding: 10px;
    }
    .reg01 .r_3 {
        margin-top: 30px;
        text-align: center;
    }
    .reg01 .r_3 .btn01 {
        padding: 12px 80px;
        border-radius: 30px;
    }
}

.regPage {
    display: none;
    z-index: 999999;
    border-radius: 14px;
    padding: 30px 90px 50px;
    background: #FFFFFF;
    width: 580px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.regPage .closeReg {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}
.regPage .regTitle {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    color: #26242E;
}
.regPage ul {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.regPage ul li {
    display: flex;
    flex-wrap: nowrap;
    padding: 8px 0;
    align-items: center;
}
.regPage ul li span {
    color: #FF8F40;
    font-size: 22px;
    font-weight: 800;
}
.regPage ul li .c1 {
    width: 30%;
    color: #26242E;
    font-size: 22px;
    font-weight: 800;
}
.regPage ul li .c2 {
    width: 70%;
}
.regPage ul li .c2 input {
    border-radius: 4px;
    background: #F1F1F1;
    width: 100%;
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
    color: #26242E;
    line-height: 45px;
}
.regPage ul li .c2 .select {
    border-radius: 4px;
    width: 105%;
    padding-left: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    -webkit-appearance: none;
    border: 1px solid #FFFFFF;
    background-color: #F1F1F1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzA3MTUsNC4yOTI4N0w4LjAwMDAxLDEwLjU4NTZMMTQuMjkyOCw0LjI5Mjg3IiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.regPage ul li .c2 .select option {
    color: #FF8F40;
    background-color: #2B2B2B;
}
.regPage ul li .c2 .select option:checked {
    background-color: #FF8F40;
    color: #FFFFFF;
}
.regPage ul li .c3 {
    font-size: 22px;
    font-weight: 800;
}
.regPage ul li .c3 .ctxt {
    width: 580px;
    height: 58px;
    border-radius: 4px;
    background: #F1F1F1;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin-top: 10px;
}
.regPage ul li ::-webkit-input-placeholder {
    color: #6a6969;
    opacity: 0.8;
    font-size: 16px;
}
.regPage ul li :-ms-input-placeholder {
    color: #6a6969;
    opacity: 0.8;
    font-size: 16px;
}
.regPage ul li ::placeholder {
    color: #6a6969;
    opacity: 0.8;
    font-size: 16px;
}
.regPage .regBtn {
    text-align: center;
    margin-top: 20px;
}
.regPage .regBtn .btn01 {
    padding: 10px 60px;
    border-radius: 20px;
}


/* reg */

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1999;display: none }

#cookie-consent {
    position: fixed;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    padding: 20px;
    /*display: flex;*/
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 1000;
}

#cookie-consent p {
    font-size: 14px;
    color: #333;
    text-align: left;
    margin: 0 0 15px;
    text-indent: 2em;
}

#cookie-consent a {
    color: #FF8F40;
    text-decoration: underline;
}

#cookie-consent-buttons {
    display: flex;
    gap: 10px;
}

.cookie-button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.cookie-settings {
    background-color: white;
    color: #FF8F40;
    border: 1px solid #FF8F40;
}

.cookie-settings:hover {
    background-color: #f0f8ff;
}

.cookie-accept {
    background-color: #FF8F40;
    color: white;
}

.cookie-accept:hover {
    background-color: #FF8F40;
}

.showReg{
    cursor: pointer;
}

.contactusReg {
    width: 600px;
    float: left;
    padding-bottom: 50px;
}
.contactusReg ul {
    margin-left: 100px;
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.contactusReg ul li {
    display: flex;
    flex-wrap: nowrap;
    padding: 8px 0;
    align-items: center;
}
.contactusReg ul li span {
    color: #FF8F40;
    font-size: 22px;
    font-weight: 800;
}
.contactusReg ul li .c1 {
    width: 30%;
    color: #26242E;
    font-size: 22px;
    font-weight: 800;
}
.contactusReg ul li .c2 {
    width: 70%;
}
.contactusReg ul li .c2 input {
    border-radius: 4px;
    background: #FFFFFF;
    width: 92%;
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
    color: #26242E;
    line-height: 45px;
}
.contactusReg ul li .c2 .select {
    border-radius: 4px;
    width: 97%;
    padding-left: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    -webkit-appearance: none;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzA3MTUsNC4yOTI4N0w4LjAwMDAxLDEwLjU4NTZMMTQuMjkyOCw0LjI5Mjg3IiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.contactusReg ul li .c2 .select option {
    color: #FF8F40;
    background-color: #2B2B2B;
}
.contactusReg ul li .c2 .select option:checked {
    background-color: #FF8F40;
    color: #FFFFFF;
}
.contactusReg ul li .c3 {
    font-size: 22px;
    font-weight: 800;
}
.contactusReg ul li .c3 .ctxt {
    width: 565px;
    height: 148px;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 45px;
    margin-top: 10px;
}
.contactusReg ul li ::-webkit-input-placeholder {
    color: #2B2B2B;
    opacity: 0.8;
    font-size: 16px;
}
.contactusReg ul li :-ms-input-placeholder {
    color: #2B2B2B;
    opacity: 0.8;
    font-size: 16px;
}
.contactusReg ul li ::placeholder {
    color: #2B2B2B;
    opacity: 0.8;
    font-size: 16px;
}
.contactusReg .btn01 {
    padding: 8px 50px;
}

.service {
    width: 380px;
    background: #2B2B2B;
    padding: 30px 50px;
    display: block;
    position: absolute;
    right: 0px;
}
.service .s_1 {
    color: #FFF;
    font-size: 24px;
    font-weight: 800;
    line-height: 50px;
}
.service .s_2 {
    font-size: 20px;
    font-weight: 600;
    color: #FF8F40;
    padding-left: 28px;
    line-height: 40px;
}
.service .s_2_phone {
    background: url("/static/img/icon_phone1.png") left center no-repeat;
}
.service .s_2_email {
    background: url("/static/img/icon_mail.png") left center no-repeat;
}
.service .s_2_position {
    background: url("/static/img/icon_position.png") left center no-repeat;
}
.service .s_3 {
    border-top: 1px solid #FFFFFF;
    margin-top: 40px;
    padding-top: 40px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: space-evenly;
}
.service .s_3 p {
    margin-top: 10px;
}
.service .s_3 .s_3_1 {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
}

.branch {
    width: 1100px;
    padding: 40px 0;
    margin: 0 auto;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.branch div {
    margin-top: 30px;
    width: 330px;
}
.branch div p {
    line-height: 40px;
}
.branch div .br_1 {
    color: #26242E;
    font-size: 24px;
    font-weight: 800;
}
.branch div .br_2 {
    background: url("/static/img/icon_position1.png") left 11px no-repeat;
    padding-left: 25px;
    color: #26242E;
    font-size: 20px;
    font-weight: 600;
}
.branch div .br_3 {
    background: url("/static/img/icon_phone1.png") left 11px no-repeat;
    padding-left: 25px;
    color: #FF8F40;
    font-size: 20px;
    font-weight: 600;
}
.branch div .br_4 {
    background: url("/static/img/icon_mail2.png") left center no-repeat;
    padding-left: 25px;
    color: #26242E;
    font-size: 20px;
    font-weight: 600;
}