/* 封面 */
.home{
    position: relative;
}
.home img{
    width: 37.5rem
}
.home .machine_item{
    position: absolute;
    top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.home .machine_item .item{
    width: 31%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background:#d5e6fd;
    border: 0.1rem dashed #a7d3fd;
    border-radius: 0.5rem;
    padding: 0.25rem 0;
}
.home .machine_item .item .img img{
    width: 1.5rem;
    margin-right: 0.5rem;
}
.home .machine_item .item span{
    font-size: .8rem;
    font-weight: 600;
}
.home h2{
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 600;
    color: #2078d1;
    position: absolute;
    top: 4rem;
    width: 100%;
    text-align: center;
}
.home h3{
    position: absolute;
    font-size: .85rem;
    line-height: 1;
    color: #1a519c;
    font-weight: 400;
}
.home .h3_1{top:6.1rem;left:5.8rem}
.home .h3_2{top:9.4rem;left:13rem}
.home .h3_3{top:9.3rem;left:23rem}
.home .h3_4{top:14.2rem;left:1.5rem}
.home .h3_5{top:11.6rem;left:26rem}
.home .h3_6{top:18.9rem;left:10rem}
.home .h3_7{top:16rem;left:27rem}
.home .h3_8{top:21.7rem;left:15.4rem}
.home .h3_9{top:23.6rem;left:13.5rem}
.home h4{
    font-size: .9rem;
    line-height: 1.3;
    color: #fff;
    position: absolute;
    bottom: 0.8rem;
    left: 2.5rem;
    font-weight: 400;
    width: 32rem;
}






.root{
    padding: 2rem 0;
    background-color: #204f9f;
    box-sizing: border-box;
}
.root h1{
    font-size: 5.6rem;
    line-height: 1;
    color: #204f9f;
    text-transform: uppercase;
    text-align: center;
    height: 4.3rem;
    overflow: hidden;
}
.tag_s{
    background: url(../images/tags_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 1.5rem;
}
.tag_s h3{
    min-width: 18rem;
    font-size: 1.7rem;
    line-height: 2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}

.subtitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: .3rem 0 2.5rem 0;
}
.subtitle i{
    min-width: 7.5rem;
    height: .7rem;
    display: block;
    background-color: #204f9f;
}
.subtitle h2{
    font-size: 1.7rem;
    line-height: 1.5;
    color: #204f9f;
    text-transform: uppercase;
    text-align: center;
    margin: 0 1rem;
    font-style: italic;
}
.root>img{
    margin: 0 auto;
    width: 36rem;
}
.capacity{
    width: max-content;
    padding: .5rem 1rem;
    box-sizing: border-box;
    border-radius: 5rem;
    border: 1px solid #fff;
    margin: 1rem auto 3rem auto;
}
.capacity p{
    font-size: 1.1rem;
    line-height: 1.5;
    color: #fff;
}
.get_free{
    display: block;
    margin: 0 auto;
    width: max-content;
    padding: 0.2rem 1.5rem;
    background: #fe7b00;
    box-shadow: 0 0.2rem 4px #00000099;
    border-radius: 5rem;
    text-transform: capitalize;
    font-size: 1.7rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
}
.flow{
    margin: 0rem auto;
    background: #fff;
    width: 96%;
    padding: 1rem 0;
    box-sizing: border-box;
}
.flow .flow_title{
    margin-bottom: 1rem;
}
.flow .flow_title h3{
    background: url(../img/flow_bg.png) no-repeat;
    background-size: 75% 100%;
    color: white;
    padding: 0.25rem 0 0.25rem 1rem;
    font-size: 1.25rem;
    font-weight: 500;
}
.flow ul{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0 auto 1rem auto;
}
.flow ul li{
    width: 7.5rem;
    margin-top: 1rem;
}
.flow ul li h2{
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    font-weight: 400;
    text-align: center;
    margin-top: 0.5rem;
}
.flow_raw{
    padding: 1rem;
    box-sizing: border-box;
    background-color: #fff;
    width: 96%;
    margin: 0 auto;
}
.flow_raw ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -1rem;
    flex-wrap: wrap;
}
.flow_raw  ul li{
    margin-top: 1rem;
    width: 31%;
}
.flow_raw  ul li img{
    border: 2px solid #16b98f;
    box-sizing: border-box;
}
.flow_raw  ul li h2{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem 0;
    height: 3.2rem;
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    border: 2px solid #16b98f;
    box-sizing: border-box;
}

iframe {
    width: 94.8%!important;
    margin: 0 auto!important;
    height: 20rem!important;
    display: block;
    border-radius: 1rem;
box-shadow: 0 0 10px #999;
}

.working{
    margin: 2rem auto;
    background: #fff;
    width: 96%;
    padding: 1rem;
    position: relative;
    box-sizing: border-box;
} 
.working ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1.5rem;}
.working ul h5{text-align: center;margin-top: 0.5rem;font-weight: 500;font-size: 1rem;}
.working ul li{width: 18.5%;}
.working .working_title{border: 0.01rem solid #2078D1;width: 80%;margin: 0 auto;border-bottom: none;height: 1.75rem;position: relative;}
.working .working_title h4{position: absolute;top: -0.75rem;width: 100%;text-align: center;}
.working .working_title h4 span{background: white;padding: 0 0.5rem;color: #2786b9;font-size: 1.25rem;text-transform: capitalize;}
.working .work_item{display: flex;align-items: end;width: 100%;justify-content: space-between;}
.working .work_item .left{width: 67%;}
.working .work_item .right{width: 28%;display: flex;align-items: center;}
.working .work_item .left ul li{width: 30%;}
.working .work_item .right ul li{width: 100%;text-align: center;}
.working .work_item .right ul li .gas{display: flex;align-items: center;position: relative;height: 5rem;}
.working .work_item .right ul li .gas img{max-width: 65%;}
.working .work_item .right ul li .gas h4{border: 0.01rem solid #2078D1;height: 80%;width: 2rem;border-right: none;}
.working .work_item .right ul li .gas h4 span{background: white;position: absolute;top: 1.1rem;left: -1.65rem;color: #2786b9;font-size: .95rem;}



.final{
    width: 96%;
    margin: 0 auto;
}
.final ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.final ul li{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    height: 15rem;
    background-color: #ffffff;
    width: 27rem;
    position: relative;
    padding: 1rem 1rem 1rem 0;
    box-sizing: border-box;
    margin-top: 1.5rem;
}
.final ul div{
    width: 17rem;
}
.final ul div h2{
    font-size: 1.3rem;
    line-height: 1.2;
    color: #333;
    margin-bottom: 1rem;
}
.final ul div h4{
    font-size: 1.1rem;
    line-height: 1.3;
    color: #333;
    font-weight: 400;
}
.final ul li img{
    height: 16rem;
    position: absolute;
    left: -8rem;
    top: -0.5rem;
}







/*表格*/

 table,table tr td{
  border: 1px solid #333;
  text-align: center;
}

table {
  width: 100%;
  border-collapse: collapse;
  padding: 2px;
  margin: .5rem auto;
}

  
table tr td {
  line-height: 1.5;
  min-width: 1.5rem;
  padding: 0.4rem;
  font-size: .9rem;
  vertical-align: middle;
text-transform: capitalize;
}
.c_g{
    color: #ff723b;
    font-weight: bolder;
}
.c_bg{
    background-color: #f8f2db;
}
.table p{
    font-size: 1rem;
    line-height: 1.5;
    color: #ff4a0d;
    box-sizing: border-box;
    padding: 1.5rem 0 0 3rem;
    position: relative;
}
.table p img{
    position: absolute;
    left: .5rem;
    width: 1.2rem;
}
.type2_raw li{
    width: 25% !important;
}
.type2_final ul{
    padding: 0 !important;
    border-radius: none;
    box-shadow: none;
}
.type2_final li h2{
    font-size: 1rem;
}
.type2_final ul:nth-child(2){
    margin-top: 0;
}
.type2_final h4{
    margin: 1rem 0 1.5rem 0;
}
.type2_final ul>img{
    margin-top: -3rem;
}
.type3_raw ul{
    flex-wrap: nowrap;
}
.type3_raw li{
    width: 33.4% !important;
    margin: 0;
}
.type3_final ul{
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    justify-content: space-between;
}
.type3_final ul:nth-child(2) {
    margin: 2rem auto;
}
.type3_final h2{
    height: auto !important;
}
.type3_final li{
    padding: 1rem 0;
}
.type3_final ul>div{
    background-color: #ffc44c;
    background-image: linear-gradient(270deg, #ffc44c 0%, #ff703b 100%);
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 1rem;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
}
.type3_final ul>div li{
    width: 46%;
}
.type3_final ul>div li h2{
    color: #fff;
}
.type4_final ul{
    border: 2px dashed #204f9f;
    border-radius: 0 !important;
    box-shadow:none !important;
    padding: .5rem 0 !important;
    justify-content: center;
}
.type4_final ul li{
    width: 35%;
}
.type4_final ul li:nth-child(2){
    width: 18%;
}
.type4_final h2{
    height: auto !important; 
}
/* 文章 */
.type4_article {
    margin-top: 1rem;
}
.type4_article h5{
    font-size: 1.4rem;
    line-height: 1.5;
    color: #333;
}
.type4_article h6{
    font-size: 1.2rem;
    line-height: 1.5;
    color: #333;
    font-weight: 400;
}
/* fa2 */
.type4_final2{
    margin-top: 3rem;
}
.type4_final2 ul{
    border: none !important;
    border-radius: 0 !important;
    box-shadow:none !important;
    padding: .5rem 0 !important;
    justify-content: space-between;
}
.type4_final2 ul li{
    width: 48%;
    height: 16rem;
    border: 2px dashed #204f9f;
}
/* fa3 */
.type4_final3{
    margin-top: 3rem;
}
.type4_final3 ul{
    border: 2px dashed #204f9f;
    border-radius: 0 !important;
    box-shadow:none !important;
    padding: .5rem 0 !important;
    justify-content: center;
}
.type4_final3 ul li{
    width: 35%;
}
.type4_final3 ul li:nth-child(2){
    width: 18%;
}
.cpa{
    padding: .1rem 1rem 1rem 1rem;
    box-sizing: border-box;
    background-color: #fff;
    width: 96%;
    margin: 0 auto;
}
.cpa ul{
    display: flex;
    justify-content: space-between;
}
.cpa h2{
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1.5rem 0 1rem 0;
    text-align: center;
    color: #333;
    text-transform: capitalize;
}
.fac_tex h4 {
    margin:  1.5rem auto 1rem auto;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0.5rem 0;
    color: #fff;
    text-align: center;
    background-color: #2078d1;
    width: 90%;
}
/* 公司案例 */
.case {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case li{
    position: relative;
    margin-top: .5rem;
}
.case li h2{
    text-transform: capitalize;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: 0.5rem;
    background-image: linear-gradient(90deg, #20549c 0%, #1d529c 30%, rgba(255, 255, 255, 0) 100%);
}
.com_case img{
    width: 11.05rem;
}
.com_case li:nth-child(1) img{
    width: 17.05rem;
}
.com_case li:nth-child(2) img{
    width: 16.75rem;
}

.view{
    width: 100%;
    padding-bottom: 2rem;
    justify-content: space-evenly;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    margin-top: 1rem;
}
.view li{
    margin-top: .5rem;
    width: 11rem;
}

/* 国家案例 */
.fac_case{
    background: #ffffff;
    padding: 0.9rem;
    position: relative;
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box; 
}
.fac_case li div{
    position: relative;
}
.fac_case .case li h2{
    width: max-content;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: .5rem;
   background-color: #333333a6;
   padding:  .1rem 1rem;
   background-image: none !important;
}
.fac_case .case li h2 img{
    float: left;
    width: .9rem;
}
.fac_case li>img{
    width: 10.9rem;
}
.fac_case li div>img{
    width: 10.9rem;
}
.fac_case_dimg{
    width: 22.8rem !important;
}
.fac_case_d2img{
    width: 17rem !important;
}
/* 服务 */
.services{
    background: #ffffff;
    padding: 0.9rem;
    position: relative;
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}
.services ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}
.services ul li {
    position: relative;
}
.services ul li:nth-child(1){
    width: 42%;
}
.services ul li:nth-child(2){
    width: 52%;
}
.services ul li h2{
    font-size: 1.1rem;
    line-height: 1.5;
    color: #204f9f;
    text-transform: capitalize;
    position: absolute;
    top: -3.5rem;
    margin-left: -1.4rem;
}
.services ul li h2 b{
    font-size: 2.3rem;
}
.services ul li div{
    border-left: 2px dashed #2078d1;
    padding-left: 1rem;
}
.services ul li div h5{
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    position: relative;
}
.services ul li div h5 img{
    width: .7rem;
    position: absolute;
    left: -1.4rem;
    top: 0.5rem;
}
.root_tx{
    background: #204f9f;
    padding: 0.9rem;
    box-sizing: border-box;
}
/* 背景 */




.ore_pr{
    padding:  0;
    max-width: 100%;
    background-color: #f8f6f5;
  }
  
  .ore_pr h2{
    background-color: #fe6f30;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    text-transform: capitalize;
  }
    .ore_if{
      width: 100% !important;
      margin: 1rem auto !important;
      height: 100% !important;
      min-height:35rem;;
      border-radius: 0;
      box-shadow: none;
    }


/*2023-11-22*/

  .header_nav svg{
    width: 1.2rem;
    margin: 0 1%;
  }
  .header_nav b{
    margin: 0 1%;
  }
  .header_nav span{
    margin: 0 1%;
  }
  .on_c,.on_n {
    display: block;
    background: #fff;
    z-index: 99;
    width: max-content;
    padding: 0;
    font-size: .9rem;
    border-radius: 0.5rem;
    font-weight: 500;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    color: #333;
    box-shadow: 0 0 10px #999;
  }

  .in_c:hover span {
    padding: 2% !important;
    height: auto !important;
  }

  .in_n:hover span {
    padding: 2% !important;
    height: auto !important;
  }

  .fac_tex p {
    font-size: 1.05rem;
    text-align: justify;
}


/* 新增表格 */
table,table tr th, table tr td { 
    border:1px solid #999; 
}
table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}
table tr td{
    line-height: 1.5;
    min-width: 5rem;
    padding: 0.2rem;
    font-size: 1rem;
    text-align: center;
    box-sizing: border-box;
}
.t_p_table{
    box-sizing: border-box;
    padding: 0 1rem;
}
.tr_tag{
    font-weight: 600;
}
.tr_tag_b_k{
    font-weight: 600;
    background-color: #f8f2dc;
}
.f_p_table_tag{
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 1.5;
    padding: 0.5rem 0;
    color: #fff;
    text-align: center;
    background-color: #ffc44c;
    background-image: linear-gradient(270deg, #ffc44c 0%, #ff703b 100%);
}
.f_z{
    font-size: 1.5rem;
    font-weight: bolder;
    min-width: 10rem;
}





.root_wp{width:36rem;margin:0 auto;box-sizing:border-box;padding:1.5rem 0;position:relative;background:#fff}
.w_p{
    width: 36rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1.5rem 0;
    position: relative;
    background: #fff;
}
.w_p img{
    margin: 4rem auto 2rem auto;
    width: 31.8rem;
}
.w_p h4{
    font-size: 1rem;
    color: #333;
    text-align: left;
    line-height: 1.2;
    position: absolute;
    font-weight: 500;
    text-transform: capitalize;
}
.w_p h5{
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    line-height: 2;
    text-transform: uppercase;
    background-color: #2078d1;
    width: 90%;
    margin: 0 auto;
}
/* Working Process */
.process_item .process_root .video{width: 96%;margin: 0 auto;margin-top: 1rem;margin-bottom: 1rem;}
.process_item .process_root .video iframe{width: 100%;height: 20rem;border-radius: 1rem;box-shadow: 0 0 10px #999;}
.process_item .process_root .process_text{text-align: center;color: #2078D1;font-size: 1.25rem;}
.process_item .process_root .process_img{width: 80%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1rem;}
.process_item .process_root .process_img .img img{width: 5rem;}
.process_item .process_root .throw img{margin: 0 auto;max-width: 30%;}
.process_item .process_root .work_img{background: url(../img/working_background_01.jpg) no-repeat;background-size: contain;width: 100%;background-position: center;margin-top: 1.5rem;}
.process_item .process_root .work_img .work_item{height: 60rem;display: flex;flex-wrap:wrap;flex-direction: column;justify-content: space-around;}
.process_item .process_root .work_img .work_item .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 94%;margin: 0 auto;margin-top: 1.75rem;}
.process_item .process_root .work_img .work_item .item .text{width: 40%;}
.process_item .process_root .work_img .work_item .item .text h3{margin-bottom: 0.25rem;color: #2078D1;}
.process_item .process_root .work_img .work_item .item .img{width: 20%;}
.process_item .process_root .work_img .work_item .item .img img{max-width: 80%;margin: 0 auto;}
.process_item .process_root .work_img .work_item .item .title{width: 40%;text-align: center;}
.process_item .process_root .work_img .work_item .item .title h2{font-size: 1.75rem;}
.process_item .process_root .work_img .work_item .item p{display: flex;align-items: start;font-size: 0.85rem;}
.process_item .process_root .work_img .work_item .item p img{margin-right: 0.25rem;width: 1rem;}
.process_item .process_root .work_img .work_item .item:nth-child(odd) .title h2{color: #2078D1;text-align: right;}
.process_item .process_root .work_img .work_item .item:nth-child(even) .title h2{color: #91C6FB;text-align: left;}
.process_item .process_root .work_img .work_item .item:nth-child(odd) .img img{border: 0.1rem solid #2078D1;border-radius: 50%;}
.process_item .process_root .work_img .work_item .item:nth-child(even) .img img{border: 0.1rem solid #91C6FB;border-radius: 50%;}
.process_item .process_root .work_img .work_item .item:last-child{margin-top: 0;margin-bottom: 0.75rem;}


.advantages_item .advantages_list{width: 94%;margin: 0 auto;}
.advantages_item .advantages_list .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}
.advantages_item .advantages_list .item .img{width: 39%;}
.advantages_item .advantages_list .item .text{width: 59%;}
.advantages_item .advantages_list .item .text h3{margin-bottom: 0.5rem;}







/* 一 */
.w_p h4:nth-of-type(1){
    top: 7.5rem;
    left: 4rem;
}
.w_p h4:nth-of-type(2){
    top: 7.5rem;
    left: 14.5rem;
}
.w_p h4:nth-of-type(3){
    top: 6.5rem;
    left: 26rem;
}
/* 二 */
.w_p h4:nth-of-type(4){
    top: 26.5rem;
    left: 4.25rem;
}
.w_p h4:nth-of-type(5){
    top: 26.5rem;
    left: 27rem;
}


.home_2{
    display: flex;
    justify-content: space-evenly;
    margin: 1rem 0;
}
.home_2 img{
    width: 17.5rem;
}

.project{
    margin: 0rem auto;
    background: #fff;
    width: 96%;
    padding: 1rem 0;
    box-sizing: border-box;
}
.project ul{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0 auto 1rem auto;
}
.project ul li{
    width: 16rem;
    margin-top: 1rem;
}
.project ul li h2{
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    font-weight: 400;
    text-align: center;
    margin-top: 0.5rem;
}
.facebook{
    margin: 2rem auto;
    background: #fff;
    width: 96%;
    padding: 1rem 0 0 0;
    box-sizing: border-box;
}
.other_products{
    background: #ffffff;
    padding: 1.5rem 0.9rem;
    position: relative;
    width: 96%;
    margin: 2rem auto 0 auto;
    box-sizing: border-box;
}
.our_services{
    background: #ffffff;
    padding: 1.5rem 0.9rem;
    position: relative;
    width: 96%;
    margin: 2rem auto 0 auto;
    box-sizing: border-box;
}

.view li h4 {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333;
    text-align: center;
    margin-top: 0.5rem;
}