@charset "utf-8";

@media screen and (max-width: 1399px) { 
    .wrap_header .t_text strong {font-size:2.5rem;}
    .wrap_header .t_text2 {font-size:2rem;}
    .wrap_header .h_nav .linav_ul .sub_list.d_about {width:178px;}
    .wrap_header .pc_nav.fixed .h_nav .linav_ul .sub_list.d_about {width:135px;}
	.partners-grid {grid-template-columns: repeat(6, 1fr);}
}

@media screen and (max-width: 1199px) { 
    .wrap_header .t_text h1 img {max-width:120px;}
    .wrap_header .h_nav .linav_ul .sub_list.d_about {width:152px;}
    .pro .pro_le .seac {height:35px;line-height:35px;}
    .pro .pro_le .seac_txt {height:35px;}
    .pro .pro_le .seac_btn {height:35px;}
    .proList {grid-template-columns:repeat(3, 1fr);}
    .proRight_con li .div2 a:after {display:none;}
	.partners-grid {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 992px) {
    html {font-size:15px;}
	.pc {display:none;} 
    .ipad {display:block;} 
    .mobile {display:none;}
    .scroll_wrap::-webkit-scrollbar {width:0px;height:1px;}
    .scroll_wrap::-webkit-scrollbar-thumb {border-radius:5px;background:#E7F3FC;}
    .scroll_wrap::-webkit-scrollbar-track {background:#ffffff;}
    .pc_top {display:none;}
    .pc_nav {display:none;}
    .ny_Banner {position:relative;margin-top:5rem;}
    .wap_top {width:100%;left:0;top:0;display:block;height:6rem;position:fixed;background:#ffffff;z-index:100;box-shadow:0 0 5px #dddddd;}
    .wap_top_c {display:flex;justify-content:space-between;}
    .wap_top_c .wap_left {position:relative;width:85%;display:flex;align-items:center;}
    .wap_top_c .wap_left a {display:flex;justify-content:flex-start;}
    .wap_top_c .wap_left .logo1 {margin-right:1rem;}
    .wap_top_c .wap_left .logo1 img {max-height:5.5rem;}
    .wap_top_c .wap_left .wap_text {font-size:1.5rem;font-weight:bold;line-height:1.5;transition:0.8s;margin-top:10px;}
    .wap_top_c .wap_left .wap_text span {display:block;font-size:1.4rem;color:#707070;font-weight:normal;}
    .wap_top_c .Header_wapmenu .menu_btn {height:6rem;display: flex;align-items:center;}
    .wap_top_c .Header_wapmenu .menu_btn p {position:relative;width:28px;height:20px;}
    .wap_top_c .Header_wapmenu .menu_btn p span {position:absolute;right:0;width:100%;height:2px;background:var(--color333);transition:all 0.6s ease;}
    .wap_top_c .Header_wapmenu .menu_btn p span:nth-child(1) {}
    .wap_top_c .Header_wapmenu .menu_btn p span:nth-child(2) {width:22px;top:50%;transform:translateY(-50%);background:var(--colormain1);}
    .wap_top_c .Header_wapmenu .menu_btn p span:nth-child(3) {bottom:0;top:auto;}
    .wap_top_c .Header_wapmenu .menu_btn.active p span:nth-child(2) {transform:translate(100px,-50%);}
    .wap_top_c .Header_wapmenu .menu_btn.active p span:nth-child(1) {transform:rotate(45deg);top:8px;}
    .wap_top_c .Header_wapmenu .menu_btn.active p span:nth-child(3) {transform:rotate(-45deg);top:8px;}

    .MobileNavigation {position:fixed;top:6rem;background:#fafafa;left:0;width:100%;z-index:60;height:calc(100vh - 10px);display:none;}
    .MobileNavigation .box_scroll {max-height:90%;padding:0.5rem 0rem;box-sizing:border-box;overflow:scroll;-ms-scroll-chaining:none;overscroll-behavior:contain;}
    .MobileNavigation .box_scroll::-webkit-scrollbar {display:none}
    .MobileNavigation .box_scroll .item {border-bottom:1px solid rgba(0,0,0,0.1);padding:0 2rem;}
    .MobileNavigation .box_scroll .item a {line-height:50px;font-size:1.125rem;color:#000000;}
    .MobileNavigation .box_scroll .item a strong{font-weight:normal;}
    .MobileNavigation .box_scroll .item a i {color:#666666;font-size:0.875rem;}
    .MobileNavigation .box_scroll .item .items1{display:flex;justify-content:space-between;align-items:center;}
    .MobileNavigation .box_scroll .item .items1 p {width:30px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content: center;}
    .MobileNavigation .box_scroll .item .items1 p span {display:block;width:12px;height:1px;background:#666666;position:relative;}
    .MobileNavigation .box_scroll .item .items1 p span::after {position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:#666;transform:rotate(90deg);transition:0.4s;}
    .MobileNavigation .box_scroll .item .active p span::after {transform:rotate(180deg);}
    .MobileNavigation .box_scroll .item .twoSelect {padding-left:10px;display:none;}
    .MobileNavigation .box_scroll .item .twoSelect .twoSelectItem a {line-height:35px;font-size:0.9375rem;text-transform:capitalize;}
    .MobileNavigation .box_scroll .item .threeSelect {padding-left:16px;display:none;}
    .MobileNavigation .box_scroll .item .threeSelect .threeSelectItem a {font-size:0.9375rem;}
    .MobileNavigation .box_scroll .item .fourSelect {padding-left:16px;display:none;}
    .MobileNavigation .box_scroll .item .fourSelect .fourSelectItem a {font-size:0.9375rem;}

    .topCon100 { }
    .nyBanner img {min-height:18rem;}
    .contactB_l dt {margin:50px 20px 30px 20px;font-size:1.625rem;line-height:30px;}
    .contactB_l dd {margin:0 20px;}
    .contactA_T_l>span {font-size:1.875rem;}
    .lx_map {margin:3rem auto;}
    #allmap {height:450px;}
    .proLeft  {display:none;}
    .proRight {width:100%;}
    .indexLeft {display:none;}
    .modelLeft {display:none;}
    .nyaboutcul ul li {width:30.75506%;margin-left:2.5565%;}
	.hud-grid, .process-grid, .why-list { grid-template-columns: 1fr 1fr; }
	.process-grid { gap: 30px; }
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .timeline::before { left: 30px; }
    .timeline-item { flex-direction: row !important; justify-content: flex-start; }
    .timeline-content { width: calc(100% - 80px); margin-left: 80px; }
    .timeline-dot { left: 30px; }
    .timeline-year { left: 80px; transform: none; top: -30px; }
	.pain-points {grid-template-columns:repeat(2, 1fr);}
    .features-grid {grid-template-columns:repeat(2, 1fr);}
	.process-grid  {grid-template-columns:repeat(3, 1fr);}
    .value-tags-about {grid-template-columns: repeat(2, 1fr);}


}

@media screen and (max-width: 768px)  {
    .pc {display:none;}
    .ipad {display:block;}
    .mobile {display:none;}
    .wap_top_c .wap_left .wap_text {display:none;}
    .wap {display:black;}
    .container {width:92%;}
	.navoverflow {display:none;}

    .nyBanner img {min-height:15rem;}
    .contactB_l {width:100%;}
    .contactB_l dt {margin:50px 30px 30px 30px;font-size:1.625rem;line-height:30px;}
    .contactB_l dd {margin:0 30px;}
    .contactB_R {float:none;width:100%;margin:20px 0;background:#f5f5f5;} 
    .contactB_R form {padding:10px 10px;}
    .divBot_01 {width:45.33%;margin:0 10px 0px 0;}
    .divBot_01 .det1 {width:85px;}
    .divBot_01 .det3 {width:85px;}
    .divBot_02 {margin:0 0 0 0;}
    .divBot_03 {display:none;}

    .botcopyleft {float:none;}
    .divBottom_2 {text-align: center;padding:15px 15px;}
    .divBottom_2 .fl,.divBottom_2 .fr {float:none;}
    .proList {grid-template-columns:repeat(2, 1fr);}
    .proList li .div2 a:after {display:none;}
    .proRight_con ul {grid-template-columns:repeat(2, 1fr);}
    .contactA_T_l {width:35%}
    .contactA_T_m {width:45%;}
    .infoBoxContent .list {width:300px;}
    .infoBoxContent .eright {font-size:1rem;}
    .infoBoxContent .eright p {font-size:0.875rem;}
    .nyabout {flex-wrap:wrap;}
    .nyabout .nyabout_txt {width:98%;}
    .nyabout .nyabout_img {width:96%;padding:0 0 0 1%}
    .nyaboutcul {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
    .nyaboutcul ul li {width:30.75506%;margin-left:2.5565%;}
    .reasonUl li {width:99%;}
    .indexNews .News1 {width:100%;margin:0 0 20px 0;}
    .indexNews .News1:first-child {margin:0 0 20px 0;}
    .news_con dl {width:96%;height:175px;}
    .news_con dt {width:150px;height:100px;}
    .news_con dd {width:calc(100% - 190px);height:175px;}
    .news_con dl:hover dd {width:calc(100% - 180px);}
    .divHonorShow {width: 47.33%;}
	.divHonorCase {}
    .sr_lists .c li a.small_pic {width:160px;}
    .sr_lists .c li a.small_pic img {width:150px;height:150px;}
    .sr_lists .c li div.adds {float:right;}
    .imgbig {max-width:100%;height:auto !important;}	
    .message .form-group {width:80%;}
    .download_list .content .Dleft_1 {width:98%;}
    .download_list .content .Dleft_2 {width:98%;}
    .download_list .content .Dright {float:none;padding:0 10px 0 20px;}
    .footer-grid {grid-template-columns:1.5fr 1.5fr;}
	.core-grid { grid-template-columns: 1fr; margin-top: 40px; }
	.stat-grid { grid-template-columns: 1fr; }
	.node-viz {width:30%;padding: 30px 10px;}
	.node-viz2 {width:100%;padding: 30px 20px;}
	.section-shishi .itemlist {grid-template-columns:repeat(2, 1fr);}
	.pain-grid-erp2 {grid-template-columns: repeat(2, 1fr);}
	.feature-item-tracking {grid-template-columns: 1fr;}
	.lg\:w-2\/5{width:100%}
	.lg\:w-3\/5{width:100%}
	.flex-col2 {flex-direction: column;}
	
	
} 

@media screen and (max-width: 576px)  {
    .pc {display:none;} 
    .ipad {display:none;} 
    .mobile {display:block;}
    .toTop {width:30px;height:30px;background-size:30px auto;}

    .wap_top {height:5rem;}
    .wap_top_c .wap_left .wap_text {display:none;}
    .wap_top_c .wap_left .logo1 img {max-height:4.5rem;}
    .wap_top_c .Header_wapmenu .menu_btn {height:5rem;}
    .MobileNavigation {top:5rem;}

    .nyBanner img {min-height:12rem;}
    .index_banner .swiper-slide img {min-height:18rem;}
    .index_banner .info a {display:none;margin-top:10px;}
    .index_banner .info p {font-size:1rem;}
    .proList {grid-template-columns:repeat(2, 1fr);}
    .contactA_T_l {display:none;}
    .contactA_T_m {width:100%;}
    .contactA_T_R {display:none;}
    .divBot_01 {display:none;}
    .divBot_02 {width:100%;}
    .wraptop_4_2_1 .searchinput {width:100px;}
    .nyaboutcul {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
    .nyaboutcul ul {margin-left:0;}
    .nyaboutcul ul li {width:100%;margin:10px 0;text-align:center}
    .news_con dl {width:98%;margin:10px 5px;}
    .news_con dt {width:100px;}
    .news_con dd {width:calc(100% - 120px);height:125px;}
    .news_con dl:hover dd {width:calc(100% - 110px);}
    .divHonorShow {width:47.33%;}
	.divHonorCase {}
    .divHonorShow_1 {height:auto;}
    .divHonorShow_1 img {width:100%;height:100%;}
	.divHonorCase_1 {min-height:100px;}
	.divHonorCase_2 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
    .div  {width:98%;}
    .div img {width:100%;height:100%;}
    .sr_lists .c li p {overflow:hidden;}
    .sr_lists .c li div.adds {float:right;}
	.footer-grid {grid-template-columns:1.5fr;}
	.process2-grid {grid-template-columns: repeat(2, 1fr);}
	.partners-grid {grid-template-columns: repeat(2, 1fr);}
	.hud-grid { grid-template-columns: 1fr; }
	.viz-row {gap: 0px;}
	.spotlight3 {gap: 20px;}
	.pain-card-tracking { padding: 40px 20px;}
	.module-list li {padding: 6px 8px}
	.section-header p {line-height:1.5 }
	.hero-about h1 { font-size:2rem;}
	.hero-ruodian h2 {font-size:2.25rem;}
	.section-header h2 {font-size: 1.5rem;}
	.feature-text h3 { font-size: 1.5rem;}
	.hero-finance h2 { font-size: 1.625rem;}
	.section-header-finance h2 { font-size: 1.5rem;}
	.category-header-finance h3 { font-size: 1.5rem;}
	.section-shishi h2 {font-size:1.5rem;}
	.section-header-hr h2 {font-size: 1.5rem;}
	.banner-text h1 {font-size: 2rem;}
	.hero-trade h2 { font-size: 2rem;}
	.hero-sole h1 { font-size: 2rem;}
	.section-header-sole h2 { font-size: 2rem;}
	.section-header-erp h2 { font-size: 1.75rem;}
	.value-statement { font-size: 2rem;}
	.hero-erp h2 { font-size: 1.75rem;}
	.hero-erp .btn { padding: 16px 20px;}
	.product-banner h2 { font-size: 1.75rem; }
	.section-header-trade h2 { font-size: 1.75rem;line-height:1.2}
	.service-text h3 {font-size: 1.5rem;}
	.team-card h4 { font-size: 1rem;}
	.kpi-card .value { font-size: 1rem;}
	.btn-demo {padding: 12px 10px;}
	.hud-card {padding: 25px 15px;}
	.banner-hr .btn { padding: 16px 20px;}
	.faq-card {display: grid;grid-template-columns:1fr;}
	.pain-grid-erp {grid-template-columns: repeat(1, 1fr);}
	.process-grid  {grid-template-columns:repeat(2, 1fr);}
	.footer-grid {grid-template-columns:1fr 1fr;gap:50px 20px;}
	
	
} 
