@charset "utf-8";

/* 调大看小 */
@media screen and (max-width: 1680px) {
    :root {
        font-size: 8.5px;
    }

    .about_info_flex .left .hc_tit48 {
        margin-bottom: 50px;
    }

    .about_info_flex .left {
        width: 460px;
        margin-right: 40px;
    }

    .hc_tit48 {
        font-size: 40px;
    }

    .about_data {
        padding: 35px 0 26px;
    }

    .about_data_top .data {
        font-size: 40px;
    }

    .about_data_top {
        margin-bottom: 8px;
    }

    .about_server_cont.hc_pos_center{
        width: 100%;
    }

    .about_server_cont .play {
        margin-right: 80px;
        width: 80px;
    }

    .about_honor{
        padding-top: 13rem;
        padding-bottom: 18rem;
    }

    .about_honor_flex .right {
        width: 43%;
    }

    .about_honor_cont {
        padding: 15px 25px 15px;
    }

    .about_honor_slickbox {
        padding: 40px 35px 40px;
    }

    .product_img {
        width: 255px;
        margin-right: 30px;
    }

    .product_cont_left {
        width: 100%;
        margin-right: 30px;
    }

    .product_cont_right {
        width: 58px;
        margin-right: 20px;
        flex-shrink: 0;
    }

    .product_cont{
        justify-content: space-between;
    }

    .product_nav_cont {
        padding: 15px 25px;
    }

    .second {
        padding: 15px 25px;
    }

    .invite_develop_hd {
        margin-bottom: 6rem;
    }

    .invite_develop_list {
        margin-bottom: 65px !important;
    }   

    .invite_develop_bot {
        padding: 25px 36px 30px;
    }

    .invite_develop_bot_tit {
        margin-bottom: 10px;
    }

    .invite_develop_slick {
        margin-right: -500px;
    }

    .invite_bonus_tit p {
        line-height: 2.5;
        margin-bottom: 45px;
    }

    .invite_bonus h2 {
        margin-bottom: 15px;
    }

    .invite_bonus_icon {
        width: 60px;
        margin: 0 auto 15px;
    }

    .invite_bonus {
        padding-top: 8.5rem;
        padding-bottom: 8rem;
    }

    .invite_join {
        padding-top: 10rem;
        padding-bottom: calc(10rem + 20px);
    }

    .ft_bg{
        width: 1560px;
    }

    .invite_join_text {
        margin-bottom: 70px;
        width: 625px;
    }

    .invite_join_tit {
        margin-bottom: 20px;
    }

    .invite_join_link {
        display: inline-block;
        line-height: 43px;
        text-align: center;
        color: #fff;
        text-align: center;
        border: 2px solid #fff;
        font-size: 16px;
        min-width: 145px;
        padding: 0 20px;
    }

        
    .invite_develop_pro {
        width:calc(100% - 500px);
    }

    .contact_info_flex::before {
        width: calc(100% + 130px);
        top: -65px;
    }

    .contact_info_flex .right {
        padding: 30px 0 30px;
    }

    .contact_info_right_text {
        margin-bottom: 30px;
    }

    .contact_info_list {
        margin-bottom: 30px;
    }

    .contact_qr {
        width: 100px;
    }

    .contact_info_flex .right {
        width: 380px;
        margin-left: 35px;
    }

    .contact_info_flex .left {
        min-height: 450px;
    }

    .contact_info {
        padding-bottom: calc(115px + 20px);
    }

    .contact_form_flex .prodeta_form_item input {
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .prodeta_form_item label {
        left: 30px;
    }

    .contact_form_flex .right {
        padding: 50px 50px;
    }

    .contact_form_flex .prodeta_form_item input {
        height: 48px;
    }

    .prodeta_form_item textarea {
        height: 200px;
    }   

    .contact_form_flex .prodeta_form_item button {
        height: 50px;
    }

    .contact_form_tit {
        padding: 65px 0;
        padding-left: 70px !important;
        padding-right: 120px !important;
        font-size: 34px;
    }

    .prodeta_form_item label {
        left: 20px;
    }

    .prodeta_form_item label {
        left: 20px;
    }

    .prodeta_form_item textarea {
        padding-left: 20px;
        padding-right: 30px;
    }

    .contact_form {
        padding-bottom: calc(80px + 40px);
    }

    .server_item {
        padding: 0 20px;
    }

    .server_list {
        margin: 0 -20px;
    }

    .server_item_cont {
        padding: 60px 25px 50px;
    }

    .server_item_tit {
        margin-bottom: 12px;
        margin-top: 30px;
    }

    .server_main h2 {
        margin-bottom: 47px;
    }

    .server_btn {
        margin-top: 35px;
    }

    .hc_tit40 {
        font-size: 34px;
    }


    .hc_tit36 {
        font-size: 34px;
    }

    .server_main h2 {
        margin-bottom: 42px;
    }

    .server_solution {
        padding-bottom: calc(140px);
    }

    .server_simg {
        margin-bottom: 25px;
    }

    .server_stit {
        margin-bottom: 8px;
    }

    
    .news_text{
        margin-bottom: 49px;
        width: 100%;
        padding-right: 50px;
    }

    .news_tit{
        
        width: calc(100% - 100px);
        padding-right: 50px;
        font-size: 22px;
        margin-bottom: 16px;
    }

    .news_text {
        margin-bottom: 40px;
    }

    .news_cont .left {
        width: 360px;
        margin-right: 40px;
    }

    .news_cont .right {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .news_item:not(:last-child) {
        margin-bottom: 35px;
    }

    .promise_eidt {
        padding: 60px 0;
    }

    .promise_video_btn {
        width: 74px;
    }

    .dot_cont {
        padding: 50px 60px ;
    }

    .dot_tit p {
        font-size: 20px;
    }

    .dot_tit {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .dot_section {
        padding: 11rem 0;
    }

    .dot_item {
        margin-bottom: 45px;
    }

    .jobapply_section {
        padding-top: 10rem;
    }

    .job_type_tit {
        font-size: 22px;
    }

    .job_type_tit {
        margin-bottom: 25px;
    }

    .job_type_hd {
        padding: 22px 40px;
    }

    .job_type_bd_tit {
        padding: 25px 40px 25px;
    }

    .job_type_bd_cont {
        padding: 25px 40px 50px;
    }

    .jtbc_text {
        margin-bottom: 30px;
    }

    .job_section {
        padding-bottom: calc(135px);
    }

    .prodeta_info .left, .prodeta_info .right {
        width: 425px;
    }

    .prodeta_info h1 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .prodeta_info .hc_text14 {
        margin-bottom: 30px;
    }

    .prodeta_info_btn_text {
        margin-left: 10px;
    }

    .prodeta_info_btn {
        min-width: 151px;
        height: 43px;
    }

    .prodeta_info {
        margin-bottom: 50px;
    }
    
    .prodeta_header {
        padding: 14px 0;
    }

    .product_section_flex {
        --right: 34px;
    }

    .prodeta_introduce_body {
        padding: 30px var(--right);
    }

    .prodeta_form_body {
        padding: 30px 0 40px;
    }

    .prodeta_form_item input {
        height: 52px;
    }

    .prodeta_form_item button {
        width: 280px;
        height: 50px;
    }

    .prodeta_order_body {
        padding-top: 30px;
    }

    .prodeta_order_item {
        padding: 0 10px;
    }

    .prodeta_order_list {
        margin: 0 -10px;
    }

    .prodeta_order_tit {
        margin-top: 15px;
    }

    .prodeta_order_list .slick-dots {
        margin-top: 30px;
    }

    .prodeta_info .left, .prodeta_info .right {
        width: 48%;
    }

    .banner_dots_box {
        bottom: 40px;
        transform: scale(0.9);
    }

    .hc_logo, .hc_link, .hc_control_item {
        line-height: 80px;
    }

    .hc_container {
        margin-top: 80px;
    }

    .hc_logo {
        display: block;
        width: 190px;
    }

    .hd_item {
        margin: 0 26px;
    }

    .hc_control_item {
        padding: 0 20px;
    }

    .home_adv{
        padding: 16rem 0 14rem;
    }

    .home_adv_flex .right{
        width: 58%;
        margin-left: 30px;
    }

    .ct_aside1_link, .ct_aside1_switch {
        width: 46px;
        height: 46px;
        font-size: 32px;
    }

    .home_adv_icon {
        font-size: 44px;
    }

    .home_adv_tits {
        margin-left: 25px;
    }

    .home_adv_cont {
        padding: 28px 20px;
    }

    .home_sec_img{
        width: 100%;
    }

    .home_sec_play {
        width: 48px;
    }

    .home_sec_text {
        margin-bottom: 45px;
    }

    .home_sec_flex .right {
        padding-left: 120px;
    }

    .hc_tit48 {
        font-size: 38px;
    }

    .home_news_slick {
        padding-left: calc((100% - 82.5%) / 2);
    }

    .home_news_arrow{
        transform: scale(0.9);
    }

    .home_news_hd {
        margin-bottom: 40px;
    }

    .home_news {
        padding-top: 10rem;
        padding-bottom: calc(13rem + 20px);
    }

    .ft_cont {
        padding-bottom: 70px;
        padding-top: 60px;
    }

    .ft_item_tit {
        margin-bottom: 25px;
        padding-bottom: 30px;
    }

    .ft_item:not(:last-child) {
        margin-bottom: 20px;
    }

    .ft_items.form .ft_item_tit {
        margin-bottom: 40px;
    }

    .ft_item_img {
        width: 350px;
    }

    .ft_form {
        margin-bottom: 35px;
    }

    .ft_bot_cont {
        padding: 24px 0;
    }

    .ct_aside1_cont a {
        padding: 16px 20px;
    }

    /* search 168 0px*/
    .search_view_tit {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .search_view_cont button {
        font-size: 24px;
    }

    .search_close {
        width: 28px;
    }
    /* search-end */

    .home_pro_rslickbox {
        width: 520px;
    }

    .home_pro_tit {
        margin-bottom: 30px;
    }

    .home_pro_subtit {
        font-size: 22px;
    }

    .hc_tit36 {
        font-size: 30px;
    }

    .hpd_hd_link {
        min-width: 130px;
        padding: 0 20px;
        line-height: 40px;
    }
    
    .hpd_hd {
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .home_product_datecont {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 80px;
    }


    .hpd_bd_img {
        margin-bottom: 30px;
    }

    .server_solution{
        padding-bottom: 90px !important;
    }
    










    /* 1680end */
}

@media screen and (max-width: 1560px) {
    
    /* 1560end */
}

@media screen and (max-width: 1440px) {
    :root {
        font-size: 6.5px;
    }

    .hc_tit48 {
        font-size: 32px;
    }

    .about_info_flex .left {
        width: 360px;
        margin-right: 30px;
    }

    .hc_text16, .hc_text16 p {
        font-size: 14px;
    }   

    .mod_more_text {
        font-size: 16px;
        margin-right: 15px;
    }

    .mod_more svg {
        width: 7px;
    }

    .about_data_top .data {
        font-size: 32px;
    }

    .about_data_top .icon {
        font-size: 15px;
        margin-left: 6px;
    }

    .about_data_bot {
        font-size: 14px;
    }

    .about_data {
        padding: 30px 0 22px;
    }

    .about_data_top {
        margin-bottom: 6px;
    }

    .about_server_cont .play {
        margin-right: 50px;
        width: 60px;
    }

    .about_honor_flex .left {
        width: 49%;
    }

    .about_honor_flex .right {
        width: 45%;
    }

    .about_honor_cont .tit {
        width: 190px;
        font-size: 15px;
    }

    .about_honor_cont .time {
        font-size: 15px;
    }

    .about_honor_slick .slick-dots {
        margin-top: 25px;
        padding-left: 36px;
    }

    .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .product_nav_cont {
        padding: 13px 20px;
    }

    .second {
        padding: 13px 20px;
    }

    .second a {
        padding: 6px 0;
    }

    .product_img {
        width: 230px;
        margin-right: 20px;
    }

    .product_cont_tit {
        font-size: 16px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .product_cont {
        margin-top: 10px;
    }

    .product_cont_right {
        width: 46px;
        margin-right: 15px;
    }

    .product_cont_left {
        margin-right: 20px;
    }

    .product_section {
        padding-top: 10rem;
        margin-bottom: 15rem;
    }

    .product_item:not(:last-child) {
        margin-bottom: 15px;
    }

    .product_list {
        margin-bottom: 30px;
    }

    .mod_page{
        transform: scale(0.9);
    }

    .product_img {
        width: 200px;
        margin-right: 15px;
    }

    .product_cont_tit {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .product_section_flex>div{
        padding: 0 10px;
    }

    .product_section_flex {
        margin: 0 -10px;
    }

    .mod_page .prev span {
        font-size: 18px;
        transform: translateY(2px) rotate(0deg);
    }

    .mod_page .next span {
        font-size: 18px;
        transform: translateY(1px) rotate(180deg);
    }

    .product_cont_right {
        margin-right: 10px;
    }

    .invite_develop_prev, .invite_develop_next {
        width: 40px;
        height: 40px;
    }

    .invite_develop_prev svg, .invite_develop_next svg {
        width: 7px;
    }

    .invite_develop_slick {
        margin-right: -400px;
    }
    
    .invite_develop_list {
        margin-bottom: 45px !important;
    }
    
    .invite_bonus_tit p {
        line-height: 2.2;
        margin-bottom: 35px;
    }

    .invite_bonus_icon {
        width: 48px;
        margin: 0 auto 12px;
    }

    .invite_bonus_tit p {
        font-size: 15px;
    }

    .invite_bonus_tit {
        font-size: 15px;
    }   

    .invite_join_text {
        margin-bottom: 60px;
        width: 625px;
    }

    .invite_join_link {
        line-height: 36px;
        font-size: 14px;
        min-width: 125px;
        padding: 0 18px;
    }

    .ft_bg {
        width: 1439px;
    }

    .invite_develop_pro {
        width:calc(100% - 400px);
    }

    .invite_develop_bot_tit {
        font-size: 16px;
    }

    .invite_develop_bot {
        padding: 20px 30px 25px;
    }

    .invite_develop_bot_tit {
        margin-bottom: 6px;
    }

    .contact_info_flex .left {
        min-height: 392px;
    }

    .contact_info_right_tit {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contact_info_right_text {
        margin-bottom: 20px;
    }

    .contact_info_item_left {
        width: 54px;
        margin-right: 12px;
    }

    .ciil_icon {
        width: 15px;
        margin-right: 8px;
    }

    .contact_info_item:not(:last-child) {
        margin-bottom: 8px;
    }

    .contact_info_list {
        margin-bottom: 20px;
    }

    .contact_qr {
        width: 80px;
    }

    .contact_info_flex .right {
        margin-left: 30px;
    }

    .contact_info_flex .left {
        min-height: 356px;
    }

    .contact_form_flex .right {
        padding: 38px 30px;
    }

    .contact_form_flex .left {
        width: 400px;
    }

    .contact_info {
        padding-bottom: calc(115px + 0px);
    }

    .contact_info_flex::before {
        width: calc(100% + 90px);
        top: -55px;
    }

    .contact_form_flex .prodeta_form_item button {
        height: 48px;
    }

    .server_section {
        padding-top: 10rem;
        padding-bottom: 9rem;
    }

    .server_item {
        padding: 0 15px;
    }

    .server_list {
        margin: 0 -15px;
    }

    .server_item_icon {
        width: 40px;
    }

    .server_btn {
        min-width: 124px;
        height: 40px;
        font-size: 16px;
    }

    .server_item_tit {
        font-size: 16px;
        margin-top: 35px;
    }

    .server_item_cont {
        padding: 50px 25px 45px;
    }

    .hc_tit36,
    .hc_tit40 {
        font-size: 30px;
    }

    .server_main h2 {
        margin-bottom: 30px;
    }

    .server_stit {
        font-size: 16px;
    }

    .hc_text16, .hc_text16 p {
        line-height: 1.8;
    }

    .server_simg {
        margin-bottom: 20px;
    }

    .server_stit {
        margin-bottom: 6px;
    }

    .server_solution {
        padding-bottom: calc(100px);
    }

    .news_section {
        padding-top: 10rem;
        padding-bottom: calc(11rem + 30px);
    }

    .news_list {
        margin-bottom: 40px;
    }

    .news_tit {
        width: calc(100% - 100px);
        padding-right: 50px;
        font-size: 18px;
        margin-bottom: 11px;
    }

    .news_time {
        font-size: 14px;
        margin-top: 3px;
    }

    .news_text {
        margin-bottom: 30px;
    }

    .news_cont .left {
        width: 320px;
        margin-right: 30px;
    }

    .news_item .mod_more .mod_more_text {
        font-size: 14px;
    }

    .news_section .mod_more svg {
        width: 5px;
    }

    .news_item  .mod_more_text {
        margin-right: 12px;
    }

    .news_cont .right {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .news_section {
        padding-top: 10rem;
        padding-bottom: calc(11rem + 15px);
    }

    .promise_eidt {
        padding: 50px 0;
    }

    .promise_video_btn {
        width: 60px;
    }

    .dot_cont {
        padding: 40px 40px;
    }

    .dot_tit p {
        font-size: 18px;
    }

    .dot_tit {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .dot_text p {
        line-height: 2;
        font-size: 16px;
    }

    .dot_item {
        margin-bottom: 40px;
    }

    .jobapply_tit {
        margin-bottom: 40px;
    }

    .jobapply_section {
        padding-bottom:112px;
    }

    .prodeta_form_item input {
        height: 50px;
        padding-left: 25px;
        padding-right: 20px;
    }
    
    .jobapply_section .prodeta_form_item {
        margin-bottom: 26px;
    }

    .jobapply_section .prodeta_form_item textarea {
        height: 180px;
    }
    
    .jobapply_section .prodeta_form_body label {
        font-size: 14px;
    }

    .jobapply_section .prodeta_form_body input, .jobapply_section .prodeta_form_body textarea {
        padding-left: 20px;
        font-size: 14px;
    }

    .job_tit {
        margin-bottom: 25px;
    }

    .job_type_tit {
        margin-bottom: 22px;
        font-size: 20px;
    }

    .job_type_name {
        font-size: 16px;
    }

    .job_type_hd {
        padding: 18px 30px;
    }

    .job_type_bd_tit {
        padding: 20px 30px ;
        font-size: 14px;
    }

    .job_type_bd_cont {
        padding: 25px 30px 35px;
    }

    .jtbc_tit {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .job_type_hd {
        padding: 14px 30px;
    }

    .jtbc_text {
        margin-bottom: 20px;
    }

    .job_type_icon {
        width: 16px;
    }

    .job_type_list {
        padding-bottom: 30px;
    }

    .job_type:not(:last-child) {
        margin-bottom: 25px;
    }

    .job_type:last-of-type .job_type_list{
        padding-bottom: 0;
        border-bottom: none;
    }

    .job_section {
        padding-bottom: calc(100px);
    }

    .prodeta_info .left, .prodeta_info .right {
        width: 48%;
    }

    .prodeta_info {
        margin-bottom: 40px;
    }

    .prodeta_info h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .prodeta_info .hc_text14 {
        margin-bottom: 25px;
    }

    .prodeta_info_btn {
        padding: 0 18px;
        font-size: 18px;
        min-width: 145px;
        height: 42px;
    }

    .product_section_flex {
        --right: 30px;
    }

    .prodeta_introduce p{
        line-height: 1.75;
    }

    .prodeta_introduce_body {
        padding: 25px var(--right);
    }

    .prodeta_form_body {
        padding: 25px 0 30px;
    }

    .prodeta_form_item.textarea label {
        top: 25px;
    }

    .prodeta_form_item button {
        width: 240px;
        height: 44px;
    }

    .prodeta_order_body {
        padding-top: 25px;
    }

    .prodeta_order_tit {
        margin-top: 10px;
    }

    .prodeta_order_list .slick-dots {
        margin-top: 20px;
    }

    .prodeta_info {
        margin-bottom: 35px;
    }

    .hc_logo, .hc_link, .hc_control_item {
        line-height: 75px;
    }

    .hd_item {
        margin: 0 18px;
    }

    .hc_container {
        margin-top: 75px;
    }

    .hc_logo {
        width: 175px;
    }

    .hc_control_item {
        padding: 0 18px;
    }

    .hd_second {
        min-width: 160px;
        padding: 20px 17px;
    }

    .hd_second_item:not(:last-child) {
        margin-bottom: 17px;
    }

    .banner_dots_item {
        width: 35px;
        margin: 0 12px;
    }

    .banner_dots_box {
        bottom: 30px;
    }

    .ct_aside1_link, .ct_aside1_switch {
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .home_pro_clist p {
        padding-left: 20px;
        font-size: 16px;
    }

    .home_pro_clist p::after {
        width: 8px;
        height: 8px;
    }

    .home_adv_cont {
        padding: 26px 18px;
    }

    .home_adv_icon {
        font-size: 38px;
    }

    .home_adv_tits {
        margin-left: 15px;
        font-size: 16px;
    }

    .home_sec_flex .right {
        padding-left: 100px;
    }

    .home_sec_tit {
        margin-bottom: 20px;
    }

    .hc_tit48 {
        font-size: 30px;
    }

    .home_sec_text {
        margin-bottom: 35px;
    }

    .home_sec_play {
        width: 42px;
    }

    .home_sec_flex .right {
        padding-left: 90px;
    }

    .home_news_hd {
        margin-bottom: 25px;
    }

    .home_news_arrow {
        transform: scale(0.8);
    }

    .home_news_img {
        margin-bottom: 23px;
    }

    .home_news_tits {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .home_news_more .text {
        font-size: 14px;
        margin-right: 8px;
    }

    .home_news_more {
        font-size: 14px;
    }

    .ft_item_key, .ft_item_value, .ft_item_value p, .ft_item a {
        font-size: 14px;
    }

    .ft_item_tit {
        font-size: 16px;
    }

    .ft_cont {
        padding-bottom: 60px;
        padding-top: 50px;
    }

    .ft_items.form .ft_item_tit {
        margin-bottom: 35px;
    }

    .ft_form input {
        height: 48px;
        width: calc(100% - 75px);
    }

    .ft_form button {
        width: 75px;
        font-size: 14px;
    }

    .ft_item_img {
        width: 320px;
    }

    .ft_bot_cont {
        padding: 20px 0;
    }

    .ft_items:nth-child(2){
        width: 24%;
    }

    .ct_aside1_cont a {
        padding: 12px 20px;
    }

    .ct_aside1_cont .qr {
        width: 90px;
    }

    /* search 144 0px*/
    .search_view_cont {
        width: 82.5%;
    }

    .search_view_tit {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .search_view_cont button {
        font-size: 22px;
    }

    .search_close {
        right: 140px;
        top: 100px;
        width: 24px;
    }

    .search_view_cont input {
        height: 45px;
        padding-right: 40px;
    }

    .contact_item {
        flex-direction: row;
    }

    .contact_left {
        width: 44.4444%;
    }

    .col-lg-8 {
        width: 55.555555%;
    }
    /* search-end */

    .home_pro_rslickbox {
        width: 420px;
    }

    .home_pro_arrow {
        width: calc(100% + 150px);
    }

    .home_pro_tit {
        margin-bottom: 25px;
    }

    .home_pro_clist {
        margin-bottom: 60px;
    }

    .home_product_flex .right {
        transform: translateX(20px);
    }

    .home_pro_prev, .home_pro_next {
        font-size: 20px;
    }
    
    .home_product_nav li {
        line-height: 64px;
        font-size: 16px;
    }

    .home_product_flex {
        padding: 12rem 0 13rem;
    }

    .home_pro_rslickbox {
        width: 380px;
    }

    .home_product_flex .right {
        transform: translateX(0px);
    }

    .home_pro_arrow {
        width: calc(100% + 120px);
    }

    .home_pro_tit {
        margin-bottom: 20px;
    }

    .home_pro_clist {
        margin-bottom: 40px;
    }

    .home_pro_subtit {
        font-size: 18px;
    }

    .home_pro_clist p {
        font-size: 15px;
    }

    .home_pro_clist p::after {
        top: 9px;
    }

    .home_product_datecont {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
    }

    .hpd_hd_tit{
        font-size: 24px;
    }

    .hpd_hd_link {
        min-width: 110px;
        padding: 0 18px;
        font-size: 14px;
        line-height: 36px;
    }

    .hpd_hd {
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .hpd_hd {
        margin-right: 50px;
    }

    .hpd_bd {
        padding-right: 15px;
    }

    .hpd_bd_cont {
        padding-right: 35px;
    }

    .hpd_bd_img {
        margin-bottom: 20px;
    }

    .hpd_bd_tit {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .server_solution{
        padding-bottom: 60px !important;
    }

    /* 1440end */
}

/* 1199~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .hc_tit48 {
        font-size: 26px;
    }

    .about_info_flex .left {
        width: 290px;
        margin-right: 30px;
    }

    .about_info {
        padding-top: 10.16rem;
        padding-bottom: 9rem;
    }

    .about_info {
        padding-top: 10.16rem;
        padding-bottom: 9rem;
    }

    .about_data_top .data {
        font-size: 26px;
    }

    .about_data_top .icon {
        font-size: 14px;
        margin-left: 4px;
    }

    .about_server_cont .play {
        margin-right: 50px;
        width: 50px;
    }

    .about_honor {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .about_honor_slickbox {
        padding: 35px 25px 35px;
    }

    .about_honor_flex .left {
        width: 50%;
    }

    .invite_develop_hd {
        margin-bottom: 5.5rem;
    }

    .invite_develop_prev, .invite_develop_next {
        width: 36px;
        height: 36px;
    }

    .invite_develop_slick {
        margin-right: -300px;
    }

    .invite_develop_pro {
        width: calc(100% - 300px);
    }

    .invite_bonus_tit p {
        margin-bottom: 30px;
    }

    .invite_bonus_icon {
        width: 44px;
        margin: 0 auto 10px;
    }

    .invite_bonus_list li {
        margin-bottom: 25px;
    }

    .contact_info {
        padding-bottom: calc(100px + 0px);
    }

    .contact_form_tit {
        padding: 50px 0;
        padding-left: 70px !important;
        padding-right: 120px !important;
        font-size: 29px;
    }

    .contact_form_flex .prodeta_form_item input {
        height: 44px;
    }

    .contact_form_flex .right {
        padding: 30px 30px;
    }

    .prodeta_form_item textarea {
        height: 160px;
        padding-top: 20px;
    }

    .prodeta_form_item.textarea label {
        top: 25px;
    }

    .contact_form_flex .prodeta_form_item button {
        height: 44px;
    }

    .prodeta_form_item button {
        font-size: 14px;
    }

    .contact_form_flex .left {
        width: 300px;
    }

    .contact_form_tit {
        padding-left: 41px !important;
        padding-right: 92px !important;
        font-size: 26px;
    }

    .contact_info_right_tit {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .contact_info_right_text {
        margin-bottom: 15px;
    }

    .contact_info_item:not(:last-child) {
        margin-bottom: 5px;
    }

    .contact_info_item_left {
        margin-right: 10px;
    }

    .contact_form {
        padding-bottom: calc(80px + 10px);
    }

    .server_section {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .hc_tit36, .hc_tit40 {
        font-size: 26px;
    }

    .server_main h2 {
        margin-bottom: 27px;
    }

    .server_item {
        padding: 0 10px;
    }

    .server_list {
        margin: 0 -10px;
    }

    .server_item_icon {
        width: 34px;
    }

    .server_item_tit {
        font-size: 16px;
        margin-top: 30px;
    }

    .server_btn_text {
        margin-right: 9px;
    }

    .server_solution {
        padding-bottom: calc(80px);
    }

    .news_cont .left {
        width: 275px;
        margin-right: 25px;
    }

    .news_cont .right {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .news_item:not(:last-child) {
        margin-bottom: 30px;
    }

    .news_tit {
        font-size: 16px;
    }

    .news_list {
        margin-bottom: 35px;
    }

    .news_section {
        padding-top: 10rem;
        padding-bottom: calc(11rem + 6px);
    }

    .promise_eidt {
        padding: 45px 0;
    }

    .promise_video_btn {
        width: 50px;
    }

    .dot_cont {
        padding: 30px 35px;
    }

    .dot_item {
        padding: 0 10px;
    }

    .dot_list {
        margin: 0 -10px;
    }

    .dot_section {
        padding: 10rem 0;
    }

    .dot_text p {
        line-height: 1.8;
        font-size: 15px;
    }

    .dot_tit p {
        font-size: 17px;
        line-height: 1.8;
    }

    .jobapply_section {
        padding-top: 8rem;
    }

    .jobapply_tit {
        margin-bottom: 30px;
    }

    .jobapply_section .prodeta_form_item {
        margin-bottom: 22px;
    }

    .prodeta_form_item button {
        height: 50px;
    }

    .jobapply_section .prodeta_form_item textarea {
        height: 170px;
    }

    .prodeta_info h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .prodeta_info .hc_text14 {
        margin-bottom: 20px;
    }

    .prodeta_header {
        padding: 12px 0;
    }

    .product_section_flex {
        --right: 25px;
    }

    .prodeta_form_item input {
        height: 46px;
        padding-left: 20px;
        padding-right: 20px;
    }   

    .prodeta_form_item button {
        height: 42px;
        width: 200px;
    }

    .prodeta_form_body {
        padding: 25px 0 25px;
    }

    .prodeta_order_item {
        padding: 0 8px;
    }

    .prodeta_order_list {
        margin: 0 -8px;
    }

    .c_pcbtn{
        display: block;
        margin-left: 8px;
    }

    .hc_control {
        align-items: center;
    }

    nav{
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: #56afb0;
        padding: 0 40px;
        max-height: 100vh;
        overflow-y: auto;
        display: none;
    }

    .hd_slit{
        display: block;
        padding: 20px 0 30px;
    }

    .hd_item.active .hc_link {
        color: #fff;
        opacity: 1;
    }

    .hc_link{
        display: inline-block;
    }

    .hd_item.active .hc_link::after{
        display: none;
    }

    .hc_link{
        line-height: 1.75;
        padding: 12px 0;
        color: #fff;
        opacity: 0.6;
    }

    .child>.hd_cont::after,
    .child>.hd_cont::before{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        opacity: 0.6;
        transition: all 0.36s;
    }
    
    .child>.hd_cont::after{
        width: 14px;
        height: 2px;
        right: 16px;
    }

    .child>.hd_cont::before{
        width: 2px;
        height: 14px;
        right: 22px;
    }

    .hd_item.child.active>.hd_cont::after,
    .hd_item.child.active>.hd_cont::before{
        opacity: 1;
    }

    li.child.open>.hd_cont::before{
        transform: translateY(-50%) rotate(-90deg); 
    }

    .hd_second{
        position: static;
        transition: none !important;
        transform: none !important;
        width: 100%;
        min-width: 0;
        background-color: rgb(255, 255, 255,0);
        box-shadow: none;
        opacity: 1 !important;
        padding: 20px 25px 8px;
        display: none;
    }

    .hd_second::after,
    .hd_second::before{
        display: none;
    }

    .hd_item {
        margin: 0 15px 5px;
    }

    .hd_second_item{
        text-align: left;
    }

    .hd_second_link {
        font-size: 16px;
        display: inline-flex;
        justify-content: flex-start;
    }

    .hd_second_link::before,
    .hd_second_link::after{
        display: none;
    }

    .hd_second_item .hd_second_link {
        color: #fff !important;
        opacity: 0.6;
        transition: all 0.36s;
    }

    .hd_second_item.active .hd_second_link {
        opacity: 1;
    }

    .hd_item>.hd_cont{
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

    .hd_three{
        padding: 10px 15px 0;
        display: none;
    }

    .hd_three_item{
        text-align: left;
    }    

    .hd_three_link{
        display: inline-block;
        font-size: 14px;
        line-height: 1.6;
        padding: 5px 0;
        color: #fff;
        opacity: 0.6;
        transition: all 0.36s;
    }

    .hd_three_item.active .hd_three_link{
        opacity: 1;
    }

    .home_adv_cont {
        padding: 22px 18px;
    }

    .home_adv_icon {
        font-size: 32px;
    }

    .home_adv_item {
        padding: 0px 10px;
        margin-bottom: 18px;
    }

    .home_adv {
        padding: 14rem 0 12rem;
    }

    .home_section {
        padding: 10rem 0 10rem;
    }

    .home_sec_flex .right {
        padding-left: 70px;
    }

    .home_sec_smimg {
        width: 50%;
    }

    .home_sec_play {
        width: 38px;
    }

    .home_sec_tit {
        margin-bottom: 15px;
    }

    .home_sec_text {
        margin-bottom: 30px;
    }

    .home_news_slick {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home_news_hd {
        margin-bottom: 20px;
    }

    .home_news_item {
        padding: 0 10px;
    }

    .home_news_list {
        margin: 0 -10px;
    }

    .home_news_img {
        margin-bottom: 17px;
    }

    .home_news_time {
        margin-bottom: 9px;
    }

    .home_news_tits {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .home_news {
        padding-top: 10rem;
        padding-bottom: calc(13rem + 0px);
    }

    .home_news_arrow {
        transform: scale(0.75);
    }

    .ft_items.ft_nav{
        width: 20% !important;
    }

    .ft_items.ft_contact{
        width: 40%;
    }

    .ft_item_img {
        width: 300px;
    }

    .ft_bot_cont {
        padding: 18px 0;
    }

    .hpd_hd_tit {
        font-size: 22px;
    }

    .home_product_datecont {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 35px;
    }

    .hpd_hd_link {
        line-height: 34px;
    }

    .home_product_dateils {
        width: 77.447916%;
    }

    .server_solution{
        padding-bottom: 60px !important;
    }







    /* 1200end */
}


/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .hc_tit48 {
        font-size: 24px;
    }

    .about_info_flex .left {
        width: 244px;
    }

    :root {
        font-size: 5.5px;
    }

    .mod_more_text {
        font-size: 14px;
        margin-right: 10px;
    }
    
    .mod_more svg {
        width: 6px;
    }

    .about_data_top .data {
        font-size: 24px;
    }

    .about_data_top {
        margin-bottom: 5px;
    }

    .about_honor .hc_tit48 {
        margin-bottom: 15px;
    }

    .about_honor_cont {
        padding: 13px 10px 13px;
    }

    .about_honor_slickbox {
        padding: 30px 15px 30px;
    }
    
    .about_honor_cont .tit {
        width: 176px;
        font-size: 14px;
    }

    .about_honor_cont .time {
        font-size: 14px;
    }

    .about_honor_slick .slick-dots {
        margin-top: 16px;
        padding-left: 15px;
    }

    .slick-dots li {
        width: 9px;
        height: 9px;
        border: 1px solid #c4c4c4
    }

    .product_section_flex>.left{
        display: none;
    }

    .product_section_flex .right {
        width: 100%;
    }

    .hc_text14, .hc_text14 p {
        line-height: 1.8;
    }   

    .product_cont {
        margin-top: 6px;
    }

    .product_img {
        width: 185px;
        margin-right: 15px;
    }

    .product_section {
        padding-top: 10rem;
        margin-bottom: 13rem;
    }

    .product_list {
        margin-bottom: 25px;
    }

    .invite_develop_bot {
        padding: 20px 23px 23px;
    }

    .invite_develop_slick {
        margin-right: -250px;
    }

    .invite_develop_pro {
        width: calc(100% - 250px);
    }

    .invite_develop_list {
        margin-bottom: 40px !important;
    }

    .invite_bonus_tit p {
        line-height: 2;
        margin-bottom: 23px;
        font-size: 14px;
    }

    .invite_bonus_icon {
        width: 40px;
        margin: 0 auto 10px;
    }   

    .invite_join_tit {
        margin-bottom: 15px;
    }

    .invite_join_text {
        margin-bottom: 50px;
        width: 600px;
    }

    .invite_join_link {
        line-height: 34px;
        min-width: 115px;
    }

    .ft_bg {
        width: 992px;
    }

    .contact_info_flex .right{
        width: 320px;
    }   

    .contact_form_flex .left {
        width: 250px;
    }

    .contact_form_tit {
        padding-left: 41px !important;
        padding-right: 67px !important;
        font-size: 23px;
    }

    .prodeta_form_item textarea {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 16px;
    }

    .prodeta_form_item.textarea label {
        top: 21px;
    }

    .contact_form_flex .right {
        padding: 25px 25px;
    }

    .contact_form_flex .prodeta_form_item button {
        height: 42px;
    }

    .contact_form_flex .prodeta_form_item input {
        height: 42px;
    }

    .prodeta_form_item textarea {
        height: 140px;
    }

    .contact_form {
        padding-bottom: calc(80px);
    }

    .server_main h2 {
        margin-bottom: 22px;
    }

    .hc_tit36, .hc_tit40 {
        font-size: 22px;
    }

    .server_item_cont {
        padding: 40px 25px 35px;
    }

    .server_item_tit {
        font-size: 15px;
        margin-top: 20px;
    }

    .server_item_tit {
        margin-bottom: 10px;
    }


    .server_item_cont {
        padding: 40px 11px 35px;
    }

    .server_simg {
        margin-bottom: 18px;
    }

    .news_cont .left {
        width: 224px;
    }

    .news_time {
        font-size: 14px;
        margin-top: -2px;
    }

    .promise_eidt {
        padding: 40px 0;
    }

    .promise_video_btn {
        width: 44px;
    }

    .jobapply_tit {
        margin-bottom: 20px;
    }

    .prodeta_form_item input {
        height: 46px;
    }

    .jobapply_section .prodeta_form_item {
        margin-bottom: 20px;
    }

    .jobapply_section {
        padding-bottom: 80px;
    }

    .prodeta_form_item button {
        height: 44px;
    }

    .jobapply_section {
        padding-bottom: 60px;
    }

    .job_tit {
        margin-bottom: 20px;
    }

    .job_type_tit {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .job_type_hd {
        padding: 12px 25px;
    }

    .job_type_bd_tit {
        padding: 16px 25px;
        font-size: 14px;
    }

    .job_type_bd_cont {
        padding: 20px 25px 30px;
    }

    .job_type_address>div, .job_type_address>div p {
        font-size: 15px;
    }

    .job_type_name {
        font-size: 15px;
    }

    .job_type_icon {
        width: 14px;
    }

    .job_type_list {
        padding-bottom: 25px;
    }

    .job_type_tit {
        margin-bottom: 18px;
    }

    .job_section {
        padding-bottom: calc(80px);
    }

    .prodeta_info .left{
        width: 48%;
    }

    .product_section_flex .prodeta_info .right{
        width: 48%;
    }

    .prodeta_info h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .prodeta_info {
        margin-bottom: 30px;
    }

    .hc_logo, .hc_control_item {
        line-height: 68px;
    }

    .hc_container {
        margin-top: 68px;
    }

    .banner_dots_item {
        width: 28px;
        margin: 0 8px;
    }

    .banner_dots_box {
        bottom: 20px;
        
    }

    .home_adv {
        padding: 12rem 0 10rem;
    }

    .home_adv_tit {
        color: #fff;
        margin-bottom: 20px;
    }

    .home_adv_cont {
        padding: 20px 16px;
    }

    .home_adv_icon {
        font-size: 28px;
    }

    .home_adv_item {
        padding: 0px 6px;
        margin-bottom: 12px;
    }

    .home_pro_clist p {
        padding-left: 16px;
        font-size: 14px;
    }

    .home_pro_clist p::after {
        width: 6px;
        height: 6px;
        top: 9px;
    }

    .home_adv_tits {
        margin-left: 12px;
        font-size: 15px;
    }

    .home_adv_cont {
        padding: 18px 16px;
    }

    .home_sec_text {
        margin-bottom: 25px;
    }

    .home_sec_tit {
        margin-bottom: 12px;
    }

    .home_sec_flex .right {
        padding-left: 60px;
    }

    .home_news {
        padding-top: 9rem;
        padding-bottom:12rem
    }

    .home_news_prev, .home_news_next {
        padding: 7px;
        font-size: 20px;
        cursor: pointer;
        margin: 0 4px;
    }

    .home_news_item {
        padding: 0 8px;
    }

    .home_news_list {
        margin: 0 -8px;
    }

    .ft_items.ft_nav{
        display: none;
    }
    
    .home_news_time {
        margin-bottom: 4px;
    }

    .ft_items.ft_contact {
        width: 47%;
    }

    .ft_item_tit {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .ft_item_img {
        width: 260px;
    }

    .ft_form input {
        height: 44px;
        width: calc(100% - 75px);
    }

    .ft_cont {
        padding-bottom: 50px;
        padding-top: 40px;
    }

    .ft_item_key {
        margin-bottom: 4px;
    }

    .ft_item:not(:last-child) {
        margin-bottom: 16px;
    }

    nav {
        padding: 0 20px;
    }

    .c_pcbtn{
        transform: scale(0.9);
    }

    /* search 99 1 px*/
    .search_close {
        right: 90px;
        top: 100px;
        width: 24px;
    }

    .search_view_tit {
        font-size: 20px;
    }
    
    /* search-end */

    .home_product_flex .hc_cont1410{
        flex-direction: column;
    }

    .home_product_flex .left {
        width: 100%;
        margin-bottom: 60px;
    }

    .home_product_flex .right {
        width: 100%;
    }

    .home_pro_rslickbox {
        width: 80%;
    }

    .home_product_nav li {
        line-height: 58px;
        font-size: 15px;
    }

    .home_product_navbox{
        overflow-x: auto;
    }

    .home_pro_clist {
        margin-bottom: 30px;
    }

    .home_product_flex {
        padding: 10rem 0 20rem;
    }

    .home_product_nav li{
        flex-shrink: 0;
    }

    .server_solution{
        padding-bottom: 50px !important;
    }



    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {
    .page_banner img{
        max-width: initial;
        min-width: 690px;
    }

    .hc_tit48 {
        font-size: 20px;
    }

    :root {
        font-size: 4.0px;
    }

    .about_info_flex{
        flex-direction: column;
    }

    .about_info_flex .left .hc_tit48 {
        margin-bottom: 20px;
    }

    .about_info_flex .left {
        width: 100%;
    }

    .about_info .mod_more {
        margin-top: 15px;
        transform: translateY(0px);
    }

    .about_data_list{
        flex-wrap: wrap;
    }

    .about_data_item{
        width: 50%;
        margin-bottom: 25px;
    }

    .about_data_top{
        justify-content: center;
    }

    .about_data {
        padding: 30px 0 0px;
    }

    .about_server_img{
        height: 240px;
    }

    .about_server_img img{
        height: 100%;
        object-fit: cover;
    }

    .about_server_cont .play {
        margin-right: 10px;
        width: 38px;
    }

    .about_honor_flex{
        flex-direction: column;
    }

    .about_honor_flex>div{
        width: 100% !important;
    }

    .about_honor_flex .left{
        margin-bottom: 30px;
    }

    .about_honor_slickbox {
        padding: 24px 15px 25px;
    }

    .about_honor_cont{
        justify-content: space-between;
    }

    .product_link{
        flex-direction: column;
    }

    .product_img{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 12px;
    }

    .product_cont_right{
        display: none;
    }

    .product_cont_left {
        margin-right: 0px;
    }

    .invite_develop_hd{
        flex-direction: column;
        align-items: flex-start;
    }

    .invite_develop_arrow{
        width: 100%;
    }

    .invite_develop_prev, .invite_develop_next {
        width: 32px;
        height: 32px;
    }

    .invite_develop_prev svg, .invite_develop_next svg {
        width: 6px;
    }

    .invite_develop_slick {
        margin-right: 0px;
    }

    .invite_develop_pro {
        width: calc(100%);
    }

    .invite_develop_list {
        margin-bottom: 25px !important;
    }

    .invite_develop_bot {
        padding: 20px 20px 23px;
    }

    .invite_bonus_tit p {
        line-height: 1.8;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .invite_bonus_list li{
        width: 50%;
    }

    .invite_bonus {
        padding-top: 8.5rem;
        padding-bottom: 5rem;
    }

    .invite_join_text {
        margin-bottom: 40px;
        width: 100%;
    }

    .contact_info_flex{
        flex-direction: column;
    }

    .contact_info_flex .left{
        width: 100%;
    }

    .contact_info_flex .left {
        min-height: 0;
    }

    .contact_info_map {
        padding-top: 55.629139%;
    }

    .contact_info_flex .right {
        width: 100%;
        margin-left: 0;
    }

    .contact_info {
        padding-bottom: calc(90px + 0px);
    }

    .contact_form_flex{
        flex-direction: column;
    }

    .contact_form_flex .left{
        width: 100%;
    }

    .contact_form_tit {
        padding: 50px 30px 80px !important;
        font-size: 22px;
    }

    .prodeta_form_item{
        width: 100%;
    }

    .contact_form {
        padding-bottom: calc(40px);
    }

    .contact_form_flex .right {
        padding: 25px 20px;
    }

    .contact_info_flex::before{
        display: none;
    }

    .contact_info_flex{
        margin-top: 40px;
    }

    .hc_tit36, .hc_tit40 {
        font-size: 20px;
    }

    .server_item{
        width: 50%;
        margin-bottom: 20px;
    }

    .server_list{
        flex-wrap:wrap;
    }

    .server_section {
        padding-top: 9rem;
        padding-bottom: 7rem;
    }

    .server_btn {
        margin-top: 23px;
    }

    .server_item_icon {
        width: 30px;
    }

    .server_sitem{
        width: 100%;
        margin-bottom: 25px;
    }

    .server_sitem:last-child{
        margin-bottom: 0;
    }

    .server_slist{
        flex-wrap: wrap;
    }

    .server_solution {
        padding-bottom: calc(65px);
    }

    .news_cont{
        flex-direction: column;
    }

    .news_hd{
        flex-direction: column-reverse;
    }

    .news_cont>div{
        width: 100% !important;
        margin-right: 0 !important;
    }

    .news_cont .right {
        padding-top: 18px;
        padding-bottom: 0px;
    }   

    .news_tit{
        width: 100%;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .news_text {
        margin-bottom: 18px;
        padding-right: 0px;
    }

    .news_time{
        margin-bottom: 5px;
    }

    .news_list {
        margin-bottom: 30px;
    }

    .promise_eidt {
        padding: 35px 0;
    }

    .promise_video_btn {
        width: 40px;
    }

    .promise_video a{
        height: 240px;
    }

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

    .dot_item{
        width: 100%;
    }

    .dot_item {
        margin-bottom: 25px;
    }

    .dot_cont {
        padding: 25px 25px;
    }
    
    .dot_cont {
        border-radius: 0px 0px 30px 0px;
    }

    .job_type_hd{
        flex-direction: column;
    }

    .job_type_hd>div{
        width: 100%;
    }

    .job_type_icon{
        width: 14px !important;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .job_type_item.active .job_type_icon {
        transform: translateY(-50%) rotate(180deg);
    }

    .job_type_name{
        margin-bottom: 5px;
    }

    .job_type_hd{
        position: relative;
    }

    .job_type_hd {
        padding: 14px 25px 10px;
    }

    .job_type_hd::before {
        width: 4px;
    }

    .job_type_bd_tit p{
        line-height: 1.6;
    }

    .job_type_bd_tit {
        padding: 12px 20px;
        font-size: 14px;
    }

    .job_type_bd_cont {
        padding: 20px 20px 20px;
    }

    .job_section {
        padding-bottom: calc(60px);
    }

    .job_type_tit {
        font-size: 17px;
    }

    .prodeta_info{
        flex-direction: column;
    }

    .prodeta_info>div{
        width: 100% !important;
    }

    .prodeta_info .left{
        margin-bottom: 18px;
    }

    .prodeta_info {
        margin-bottom: 34px;
    }

    .prodeta_introduce_body {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .prodeta_form_item button {
        height: 40px;
        width: 100%;
    }

    .prodeta_section {
        margin-bottom: 13rem !important;
    }

    .hd_slit {
        padding: 10px 0 20px;
    }

    nav {
        padding: 0 10px;
    }

    .hc_link {
        padding: 10px 0;
        font-size: 15px;
    }

    .hd_second_link {
        font-size: 15px;
    }

    .hd_second_item:not(:last-child) {
        margin-bottom: 13px;
    }

    .child>.hd_cont::after {
        width: 12px;
        height: 2px;
        right: 16px;
    }

    .child>.hd_cont::before {
        width: 2px;
        height: 12px;
        right: 21px;
    }

    .hd_second {
        padding: 15px 10px 0px;
    }

    .c_pcbtn {
        transform: scale(0.8);
    }
    
    .hc_logo {
        width: 146px;
    }

    .hc_control_item {
        padding: 0 15px;
    }

    .c_pcbtn {
        margin-left: 3px;
    }

    .home_adv_flex{
        flex-direction: column;
        align-items: flex-start;
    }

    .home_adv {
        padding: 10rem 0 10rem;
    }

    .home_adv_flex .right {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .home_adv_tit {
        margin-bottom: 12px;
    }

    .home_sec_flex{
        flex-direction: column;
    }

    .home_sec_flex .left {
        width: 100%
    }

    .home_sec_flex .right {
        padding-left: 0px;
        width: 92%;
        align-self: flex-end;
        margin-top: 30px;
    }

    .home_sec_text {
        margin-bottom: 21px;
    }

    .home_section {
        padding: 10rem 0 16rem;
    }

    .home_news_slick {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home_news_arrow {
        transform: translateY(6px) scale(0.75);
    }

    .ft_cont_flex{
        flex-direction: column;
        flex-wrap: wrap;
    }

    .ft_cont_flex>div{
        width: 100% !important;
    }

    .ft_items.form {
        margin-top: 35px;
    }

    .ft_items.form .ft_item_tit {
        margin-bottom: 25px;
    }

    .ft_cont {
        padding-bottom: 50px;
        padding-top: 46px;
    }

    .ft_item:not(:last-child) {
        margin-bottom: 14px;
    }

    .ft_form {
        margin-bottom: 27px;
    }

    .ft_item_img {
        width: 240px;
    }

    .ft_bot_cont{
        flex-wrap: wrap;
        flex-direction: column;
        text-align: center;
    }

    .ft_bot_name, .ft_bot_name p, .ft_bot_cont a {
        font-size: 14px;
        line-height: 1.75;
    }

    .mod_z{
        padding: 5px 0;
    }

    .sitemap{
        margin-top: 5px;
    }

    .ct_aside1_link, .ct_aside1_switch {
        width: 38px;
        height: 38px;
        font-size: 24px;
    }

    .ct_aside1_switch.active {
        background-color: #031417;
        transform: rotate(-90deg);
    }

    .ct_aside1_cont a {
        padding: 10px 18px;
    }

    .ct_aside1_cont .qr {
        width: 80px;
    }

    .banner_img {
        padding-top: 57.3125%;
    }
    
    .ph_videobtn{
        display: block;
        position: absolute;
        width: 38px;
        height: 38px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 4;
        backdrop-filter: blur(10px);
        border-radius: 50%;
        overflow: hidden;
    }

    .ph_videobtn img{
        width: 100%;
    }

    .banner_video video{
        opacity: 0;
    }

    /* search 76 1 px*/
    .search_close {
        right: 40px;
        top: 80px;
        width: 20px;
    }

    .search_view_tit {
        font-size: 20px;
    }

    .search_view_cont button {
        font-size: 18px;
    }

    .search_view_cont input {
        height: 40px;
    }
    /* search-end */

    .ft{
        padding-bottom: 53px;
    }

    .ct_aside1 {
        right: 10px;
    }

    .mod_online_item.gotop .mod_online_link span{
        font-size: 16px;
    }

    .product_search_tit {
        font-size: 18px;
    }

    .product_search_text {
        padding: 10px 16px;
    }

    .sitemap_cont_link {
        font-size: 15px;
    }

    .home_product_nav li:not(:last-child){
        margin-right: 15px;
    }

    .home_product_flex {
        padding: 9rem 0 15rem;
    }

    .home_pro_tit {
        margin-bottom: 15px;
    }

    .home_pro_subtit {
        font-size: 16px;
    }

    .home_product_flex .left {
        margin-bottom: 40px;
    }

    .home_pro_arrow {
        width: calc(100% + 80px);
    }

    .home_product_datecont {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
    }

    .home_product_dateils {
        width: 86.447916%;
    }

    .hpd_hd {
        margin-right: 30px;
    }

    .hpd_bd_cont {
        padding-right: 20px;
    }

    .hpd_bd {
        padding-right: 5px;
    }

    .home_product_datecont {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
    }

    .hpd_hd {
        padding-bottom: 14px;
        margin-bottom: 20px;
    }
 
    .prodeta_introduce table{
        width: 100% !important;
        min-width: 0px !important;
        overflow-x: scroll;
        display: block;
    }
    .prodeta_introduce_body td {
        min-width: 100px !important;
    }





    /* 768end */
}

@media screen and (max-width: 480px) {
    
    /* 480end */
}