@charset "utf-8";

@media screen and (min-width: 1921px){
    .idxarttop {height: 1200px;}
    .arttop_rtop {height: 580px;}
    .idxartbot {height: 860px;}
    .idxphone_item {height: 1200px;}
    .rapiddesc_desc {padding: 240px 0px 0px 240px;}
    .why_pic,.neibanner {height: auto;}
    .pjpage_list ul li {height: 900px;}
    .pjpage_list_img {height: 730px;}
    .neimain_mid_l {width: 60%;}
    .neimain_mid_r {width: 40%;}
    .neimain_midlist_l {width: 35%;}
    .neimain_midlist_r {width: 60%;}
    .newsdetail.con1200 {width: 70%;}
    .swiper-pagination-progressbar.carbonpagination {left: 17%;}
    .prevideo {height: 1150px;}
    .bornlist {bottom: 60px;}
    .idxitem3 {height: 1180px;}
    .middesc {padding-top: 10%;}
    .swiper-pagination-progressbar.midpagination {height: 235%;bottom: -113%;}
    .bantop_r {width: 5.5%;}
    .dzr_colorlist  .dzr_color  {justify-content: flex-start;}
    .carbonico {margin: 400px 0px 30px;}
    .nav_xlpro a img {width: 60.5%;}
}

@media screen and (min-width: 1401px) and (max-width: 1800px){
    .swiper-pagination-progressbar.carbonpagination {bottom: -18%;}
    .rapiddesc_desc {padding: 3% 0px 0px 20px;}
    .dzgeo_top,.dzgeo_bot {width: 60%;}
    .prevideo {height: 680px;}
    .dzpre_r {padding: 0px 50px 0px ;}
    .pjpage_list_img {height: 390px;}
    .pjpage_list ul li {height: 560px;}
    .neimain_mid_l {width: 60%;}
    .neimain_mid_r {width: 40%;}
    .dzlook_table {background-size: 200px 100%;}
    .dzitem_l ,.swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic1bar, .swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic2bar, .swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic3bar{width: 62%;}
    .dzitem_r {width: 38%;}
    .dzitem_lpic1bar .swiper-pagination-bullet, .dzitem_lpic2bar .swiper-pagination-bullet, .dzitem_lpic3bar .swiper-pagination-bullet {width: 28%;}
    .carbonico {margin: 15% 0px 30px;}
    .dzitem_lpic .swiper-button-next {right:38.5%;}
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
    .mid {height: 640px;}
    .idxarttop {height: 555px;}
    .arttop_rtop {height: 265px;}
    .idxartbot {height: 400px;}
    .smart_desc {padding:60px  88px ;}
    .bornitem_title h3,.neibanner_desc h2,.dzneospic_top h2 {font-size: 76px;}
    .smart_desc_l h2,.idxart_name h2,.idxphone_item_rtop h3,.dzlook_top h2,.neimain_top h1,.aboutname h2,.conmess_l h3,.conmess_l h4,.contactmap_rtop h3 {font-size: 54px;}
    .carbon_slide_l h4,.neimain_mid_r h2,.neimain_midlist_r h3,.newstitle h2 {font-size: 38px;}
    .conmess_r h3 {font-size: 26px;}
    .idxitem3 {height: 900px;}
    .swiper-pagination-progressbar.carbonpagination {bottom: -18%;}
    .idxphone_item {height: 700px;}
    .idxphone_item_ldesc {padding-right: 16%;}
    .rapiddesc_desc {padding: 3% 0px 0px;}
    .why_pic {height: 790px;}
    .why_item {padding: 88px;}
    .foottop_l {width: 45%;}
    .foottop_r {width: 50%;}
    .foottop_remail {width: 100%;}
    .foottop_remail form,.dzneospic_bot,.dzneospic_top {width: 100%;}
    .foottop_remail_input {width: 80%;}
    .foottop_remail_input input {width: 100%;}
    .neibanner,.whatvideo ,.contactmap, .dztop  {height: 700px;}
    .dzitem {height: 100%;}
    .dzneospic_top p {width: 50%;}
    .dzneospic_bot ul li {margin-right: 40px;}
    .dzneospic_desc {padding: 100px 0px;}
    .dzgeo_top,.dzgeo_bot {width: 70%;}
    .whatdesc {padding-top: 15%;}
    .prevideo {height: 610px;}
    .dzpre_r {padding: 0px 50px 0px ;}
    .pjpage_list_img {height: 320px;}
    .pjpage_list ul li {height: 500px;}
    .contactmap_r {padding:  40px;}
    .contactmap_rbot {width: 90%;}
    .neimain_mid_l,.neimain_mid_r {width: 50%;}
    .neimain_miditem a {height: 400px;}
       .neimain_mid_r {padding: 30px ;}
    .neimain_mid_r h2 {padding-bottom: 30px;}
    .neimain_mid_r span {margin: 30px 0px;}
    .neimain_mid_r button {width: 150px ;height: 40px;}
    .neimain_midlist ul li a {height: auto;}
    .neimain_midlist_r p {margin: 30px 0px;}
    .middesc {padding-top: 10%;}
    .dzlook_table {background-size: 100px 100%;}
    .dzitem_l ,.swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic1bar, .swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic2bar, .swiper-pagination-bullets.swiper-pagination-horizontal.dzitem_lpic3bar{width: 62%;}
    .dzitem_r {width: 38%;}
    .dzitem_lpic1bar .swiper-pagination-bullet, .dzitem_lpic2bar .swiper-pagination-bullet, .dzitem_lpic3bar .swiper-pagination-bullet {width: 28%;}
    .dzr_colorlist .dzr_color {padding: 0px 10px;}
     .dzr_colorlist .dzr_color span {margin-left: 0px;}
    .dzitem_lpic .swiper-button-next {right:38.5%;}
}

@media screen and  (max-width: 1199px){
    .nav {width: 50%;}
    .bantop_r {width: 13%;}
    .bornitem_title h3,.idxart_name h2,.neibanner_desc h2,.dzneospic_top h2{font-size: 50px;}
    .bornitem {padding-top: 6%;}
    .bornitem_a,.why_itembot_btn a ,.idxmess_rbtn button,.neimain_mid_r button{width: 100px;height: 40px;line-height: 38px;}
    .bornlist {width: 100%;left: 0px;padding: 0px 10px;}
    .bornli_l,.dzneospic_botl img {width: 24px;height: 24px;}
    .bornli_r h4 {font-size: 12px;}
    .bornli_r p,.why_itembot ul li p {font-size: 16px;}
    .carbon_slide_l h4 {font-size: 24px;}
    .idxitem3 {height: 566px;}
    .carbon_slide_l {padding: 20px;}
    .Carbonico {margin: 100px 0px 20px;}
    .carbon_slide_l h3 {font-size: 20px;}
    .carbon_slide_ldesc {margin-top: 20px;}
    .swiper-pagination-progressbar.carbonpagination {height: 40%;left: 21%;}
    .middesc {padding: 40px;}
    .mid {height: 400px;}
    .middesc_p {margin: 30px 0px;}
    .idxart {padding: 88px 40px 32px;}
    .idxart_name h2 {padding-bottom: 88px;}
    .idxarttop {height: 500px;}
    .arttop_ldesc {padding: 33px;}
    .arttop_rtop {height: 244px;}
    .idxartbot {height: 350px;}
    .idxartbot_ldesc {padding: 33px;}
    .smart_desc {padding: 40px;}
    .smart_desc_l h2 {font-size: 40px;margin-bottom: 20px;}
    .idxphone_item {height: 500px;}
    .idxphone_item_r {padding: 40px;}
    .idxphone_item_rtop h3,.rapiddesc_name h2,.dzlook_top h2,.neimain_top h1,.aboutname h2,.abwhy_l h2,.conmess_l h3,.conmess_l h4 ,.contactmap_rtop h3{font-size: 40px;}
    .idxphone_item_ldesc {padding-right: 0px;}
    .rapiddesc {padding: 40px;}
    .rapiddesc_desc {padding: 30px 0px 0px 120px;}
    .why_item {padding: 40px;}
    .why_pic {height:600px;}
    .idxmess {padding: 40px;}
    .idxmess_l {width: 28%;}
    .foot {padding: 0px 40px;}
    .foottop_r {margin-top: 30px ;}
    .footbot_llist {margin: 0px 0px;}
    .footbot_l {display: flex;width: 100%;justify-content: space-between;align-items: center;}
    .footbot_r {width: 100%;}
    .footbot_r ul {justify-content: center;width: 100%;}
    .footbot_r ul li {margin: 0px 30px;}
    .backtop {bottom: 10%;}
    .nav_xlpro a {height: 200px;}
    .neibanner {height: auto;}
    .dzneospic_desc {padding: 50px 0px;}
    .dzneospic_top h2 {margin-bottom: 30px;}
    .dzneospic_bot ul {justify-content: flex-start;}
    .dzneospic_bot ul li {width: 33%;margin-right: 0px;justify-content: flex-start;margin-top: 15px;}
    .dzgeo_top,.dzgeo_bot {width: 80%;}
    .dzgeo_mid img {padding: 0px 20px;}
    .dzlook_table table tr td.dztd2,.dzlook_table table tr td.dztd3,.dzlook_table table tr td.dztd4 {padding: 20px;}
    .dzlook_table table tr td h3 {font-size: 24px;}
    .dzlook_table table tr td h4 {margin:15px 0px 30px ;}
    .dzgeo{padding: 40px 0px;}
    .dzlook {padding: 20px 0px 60px;}
    .whatdesc {padding-top: 100px;}
    .whatvideo {height: auto;}
    .prevideo {height:350px;}
    .dzpre_r,.pjpage_list_desc {padding: 0px 20px;}
    .modular {margin: 32px 0px 60px;}
    .pjpage_list_img {height: 200px;padding: 0px 20px;}
    .pjpage_list ul li {height:350px;}
    .pjpage_list_desc h3,.contactmap_rtop h4,.contactmap_rbot ul li a {font-size: 16px;}
    .pjpage_list_desc p {font-size: 12px;line-height:16px;}
    .neimain,.contactmess {padding: 60px 0px;}
    .aboutdesc p {font-size: 20px;}
    .aboutdesc {width: 100%;}
    .aboutpic {height: 400px;}
    .aboutwhy {margin: 60px 0px;}
    .abwhy_rtext ,.contactmap_rbot{width: 93%;}
    .idxmess_rbtn p {margin: 10px 0px;}
    .contactmap {height: 600px;}
    .contactmap_r {padding: 40px;}
    .contactmap_rbot ul li {margin-bottom: 15px;}
    .contactmap_rbot ul li a {margin-top: 0px;}
    .neimain_miditem a {height: 300px;}
    .neimain_mid_l,.neimain_mid_r {width: 50%;}
    .neimain_mid_r {padding: 20px ;}
    .neimain_mid_r h2 {font-size: 24px;padding-bottom: 30px;}
    .neimain_mid_r p {font-size: 14px;line-height: 1.2;}
    .neimain_mid_r span,.neimain_midlist_r p {margin: 30px 0px;}
    .neimain_midlist ul li a {height: 200px;}
    .neimain_midlist_r h3 {font-size: 22px;}
    .neimain_midlist ul li {padding: 40px 0px;}
    .newstitle h2 {font-size: 30px;}
    
    .dzlook_table {background-size: 50px 100%;}
    .dzitem {height: auto;}
    .dzitem_l {width: 100%;padding: 50px;}
    .dzitem_r {width: 100%;}
    .dzr_color {justify-content: flex-start;}
.dzitem_lpic .swiper-button-next {right: 10px;}
    .dzitem_lpic .swiper-button-next,.dzitem_lpic .swiper-button-prev {top:15%;}
    .dztop img {object-fit:contain;height:400px;}
    .idxpart {padding: 20px;}
    .idxpartenr .swiper-button-next {right: 0px;}
    .idxpartenr .swiper-button-prev {left: 0px;}
}

@media screen and (min-width: 990px) and (max-width: 1024px) {
    .prevideo {height: 460px;}
    .aboutpic {height: 500px;}
    .idxmess_rbtn p {margin-left: 10px;}
}


@media screen and (max-width: 767px){
    .banner {margin-top: 45px;}
    .waptop_item {position: fixed;left: 0px;top: 0px;width: 100%;height: 45px;background-color: #ffffff;padding: 0px 15px;z-index: 999;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
    .wapmenuimg {width: 23px;}
    .bannername {top: 58%;}
    .bornitem_title h3, .idxart_name h2, .neibanner_desc h2, .dzneospic_top h2 {font-size: 30px;}
    .bornitem {padding-top: 32%;}
    .bornlist {padding: 0px 15px;width: 100%;display: none;}
    .bornlist ul {justify-content: flex-start;}
    .bornlist ul li {width: 33%;justify-content: flex-start;}
    .bornitem_a {margin-top: 20px;width: 180px;height: 64px;line-height: 64px;}
    .idxphone_item_ldesc h4,.rapiddesc_desc h3 {font-size: 16px;}
    .Carbonico {margin: 20px 0px;}
    .swiper-pagination-progressbar.carbonpagination {left: 23%;height: 25%;bottom: -2%;}
    .middesc_p {width: 100%;}
    .middesc_p p {line-height: 1.4;font-size: 16px;}
    .middesc {padding: 20px;background-color: rgba(0, 0, 0, .6);}
    .middesc ul li {margin-right: 40px;}
    .idxart {padding: 60px 15px 32px;}
    .carbon_slide {padding: 15px;}
    .idxart_name h2 {padding-bottom: 30px;}
    .arttop_l {width: 100%;height: auto;margin-bottom: 10px;}
    .idxarttop ,.arttop_rtop,.idxphone_item,.idxphone_item_r{height: auto;}
    .arttop_lpic {position: unset;}
    .arttop_ldesc {padding: 15px;}
    .arttop_ldesc h3,.idxartbot_ldesc h3,.idxphone_item_rtop h3, .rapiddesc_name h2, .dzlook_top h2, .neimain_top h1, .aboutname h2, .abwhy_l h2, .conmess_l h3, .conmess_l h4, .contactmap_rtop h3 {font-size: 20px;}
    .arttop_ldesc p,.idxartbot_ldesc p,.idxphone_item_ldesc span,.idxphone_item_ldesc p,.rapiddesc_desc p {font-size: 14px;line-height: 1.2;}
  .smart_desc {padding: 15px;}
  .idxphone {padding: 15px 0px;}
    .arttop_r,.idxmess_l,.idxmess_r,.idxmess_r ul li.wban,.foottop_remail_input input, .why_itembot {width: 100%;}
    .arttop_rtop {margin-bottom: 10px;}
    .idxartbot {height: auto;margin-top: 0px;}
    .idxartbot_l {width: 100%;margin-bottom: 10px;}
    .idxartbot_lpic {position: unset;}
    .smart_desc {position: unset;}
    .smart_desc_r ul li,.idxphone_item_l,.idxphone_item_r {width: 100%;}
    .rapiddesc_desc {padding:10px 0px 0px 40px;}
    .idxphone_item_r ,.foot,.idxmess,.why_item,.idxartbot_ldesc{padding: 20px;}
    .foottop_remail_input {width: 80%;}
    .footbot_r ul li {margin: 0px 5px;}
    .footbot_r ul li a {font-size: 12px;}
    .footbot {padding: 20px 0px;}
    .footcopy {padding: 20px 0px 0px;}
    .idxitem3 {height: 460px;}
    .langico, .wapsearchico  {margin-right: 20px;}
    .wapsearchitem {position: absolute;width: 100vw;height: 45px;background-color: #ffffff;top: 0px;left: 0px;z-index: 9;display: none;}
    .wapsearch_item {width: 100%;height: 100%;}
    .wapsearchitem form {width: 90%;height: 100%;padding: 0px 0px 0px 15px;}
    .wapsearchitem form input {width: 88%;height: 80%;padding: 0px 15px;border: 1px solid #cccccc;}
      .wapsearchitem form  button {width: 10%;background: unset;border: 0px;text-align: right;}
      .wapsearchclose{width: 10%;text-align: center;}
      .wapsearchclose img {margin: 0 auto;}
      .neitop {margin-top: 0px;height: 45px;}
      .waplangxl {position: absolute;background-color: #ffffff;width: 200px;height: auto;padding: 10px;left: -100px;display: none;}
        .waplangxl a  {padding: 10px 0px;}
      .waplangxl a p{font-size: 18px;}
      .wapmenu_xl {position: absolute;width: 100%;height: auto;background-color:#ffffff;padding: 15px;right: 0px;top: 0px;display: none;}
      .waplogo2 {height: 26px;}
      .wapmenu_xltop {margin-bottom: 20px;}
        .wapmenu_xl ol {padding-bottom: 20px;}
      .wapmenu_xl ol li  { padding: 10px 0px;border-bottom: 1px solid #cccccc;}
         .wapmenu_xl ol li a {font-size: 18px;text-transform: uppercase;}
         .wapernav {padding:0px 15px;width: 100%;display: none;}
        .wapmenu_xl ol li .wapernav>a {font-size: 16px;padding-top: 10px ;display: block;}
        .wapnavico {height: 20px;transform: rotate(180deg);}
        .wapnavico_active {transform: rotate(0deg);}
        .dzneospic img {height: 500px;}
        .dzneospic_botr h4 {font-size: 12px;}
        .dzneospic_bot ul li {width: 50%;}
        .dzgeo_top, .dzgeo_bot {width: 90%;}
        .dzgeo_bot table tr td {font-size: 14px;}
        .dzlook_top h2 {margin-bottom:30px;}
        .dzlook_table {background-size: 100%;}
        .dzlook_table table tr td.dztd1 {padding-left: 15px;}
        .dzlook_table .con90 {overflow-x: scroll;width: 100%;}
        .dzlook_table table {table-layout: fixed;width: 700px;}
        .whatdesc {padding-top: 50px;}
        .whatdesc p {width: 100%;font-size: 14px;line-height: 1.4;}
        .whatdesc h3,.dzpre_r h3 {font-size: 20px;line-height: 1.2;}
        .prevideo {height: 200px;}
        .dzpre_r p {font-size: 13px;line-height: 1.4;}
        .backtop {width: 30px;height: 30px;line-height: 30px;}
        .pjpage_list ul li,.abwhy_l,.abwhy_r,.conmess_l ,.conmess_r,.contactmap_l,.contactmap_r,.neimain_mid_l, .neimain_mid_r,.neimain_midlist_l,.neimain_midlist_r {width: 100%;}
        .pjlist_hover {background-color: #ffffff;}
        .pjlist_hover img {object-fit: contain;}
        .aboutdesc {padding: 55px 0px;}
        .aboutpic {height: 300px;margin: 60px 0px;}
        .abwhy_r {margin-top: 30px;}
        .foottop {padding-top: 10px;}
        .conmess_l h3 {line-height: 1.4;}
        .conmess_r h3 {font-size: 20px;line-height: 1.4;margin: 30px 0px;}
        .contactmap,.neimain_miditem a ,.neimain_midlist ul li a{height: auto;}
        .neimain_miditem {padding: 60px 0px;}
        .neimain_midlist_r {margin-top: 30px;}
        .rapiddesc {padding: 20px 40px;}
        .idxmess_r ul li p {font-size: 18px;}
        
    .dzitem_l {padding: 30px;}
    .dzr_color {width: 100%;}
    .dzitem_r {padding: 20px;}
    
    .dztop img {object-fit:contain;height:300px;} 
    .dzitem_lpic .swiper-button-next:after, .dzitem_lpic .swiper-rtl .swiper-button-prev:after,.dzitem_lpic .swiper-button-prev:after, .dzitem_lpic .swiper-rtl .swiper-button-next:after {font-size:30px;}
    .dzitem_lpic .swiper-button-next, .dzitem_lpic .swiper-button-prev {top:10%;}
    .wapbannerimg img {width: 100%;}
    .bannertext img {width: 86.5vw;}
    .bannertext {top: 10%;}
    .bannername h2 {font-size: 26px;background-size:  auto 23px;padding-left: 17px;}
    .bornitem_title h3 {margin: 20px 0px 70px;}
    .swiper-horizontal>.swiper-pagination-progressbar.wapbornpagination {
        top: 131%;
        width: 90%;
        left: 5%;
        height: 1px;
        z-index: 2;
        background-color: rgba(255, 255, 255, .2);
    }

.swiper-pagination-progressbar.wapbornpagination .swiper-pagination-progressbar-fill {
        background-color: #ffffff;
    }
    .carbon_slide_l {width: 100%;margin-bottom:10px;padding: 40px 20px;}
    .carbon_slide_r {width: 100%;}
     .carbon_slide_l h4 {font-size: 34px;line-height: 1.3;}
     .carbonico {margin: 60px 0px 5px;font-size: 60px;}
     .carbon_slide_l h3 {font-size: 30px;}
     .wapmidSwiper {width: 100%;height: 100%;}
     .middesc h3 {text-align: left;}
     
     .swiper-pagination-progressbar.wapmidpagination {
        top: 95%;
        height: 2px;
        background-color: rgba(255, 255, 255, .2);
    }

.swiper-pagination-progressbar.wapmidpagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, .6);
    }
    .dzneospic_top ,.dzneospic_top p{width: 100%;}
    .neimain_miditem {display: none;}
    .foottop_linfo_l {margin-bottom: 20px;}
    .idxpartenr .swiper-button-next:after, .idxpartenr .swiper-button-prev:after {font-size: 26px;font-weight: bold;}
}