/*@charset "UTF-8";*/
/* CSS Document */
/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: Susie --*/
/* @company: yqtweb*/
/* @author: Susie*/
/* timer: 2024年*/
/* Tel：15989452541/
/* QQ：183261505*/



/*html5*/
/*移动端默认样式*/
@media screen and (min-width: 1400px) {
  .width-auto{
      width: 100%;
      padding: 0 10.4166667vw;
      margin: 0 auto;
  }
    
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {

  
  .public_menu_item_box {
    text-align: center;
    width: 18%;
    position: relative;
    border: 1px solid #707070;
    border-radius: 10px;
    margin: 0 2% calc(2% + 9px) 0;
    box-sizing: border-box;
  }
  .about_intro_title span{
  font-size: 1.825rem;
  }
  .about_intro_content{
    margin-top:1.125rem;
  }
  .about_company_list_name,.business_material_navlist_name {
    font-size: 1.25vw;
    line-height: 2.25vw;
  }
  .index_about_header_text{
    margin: 30px 0;
  }
  .business_case_menubox ul{
    overflow-x: auto;
  }
  .business_case_menubox li {
    padding: 9px 20px;
    min-width: 8.25rem;
    font-size: 1.125rem;
  }
  }

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .width-auto{
    width: 100%;
    padding: 0 5vw;
    margin: 0 auto;
  }
  .header_page_menu_box{
    padding-right: 0;
  }
  .header_active .header_content{
    max-height: 5.4rem;
    padding: 0.75rem 0;
}
  .header_content {
    padding-left:0.725rem;
  }
  .index_banner_title  p{
    font-size:3rem;
    line-height: 4.725rem;
    font-weight: bold;
    color: #ffffff;
}
.index_banner_cn {
  font-size: 3.825rem;
  font-family: "Pinyon Script", cursive;
  line-height: 3.5rem;
  margin-top:1.625vw;
  color: #ffffff;
}
.bannernav_img {
  padding-bottom: 35%;
}
.about_page_wrap {
  margin-top: -6.25vw;
}
.p-message__intro-pic {
    width: 24rem;
  }
  
.p-message__intro-detail {
    width: calc(100% - 25rem);
    padding-top: 0.4rem;
  }
.c-txt {
    font-weight: 500;
    line-height:1.25rem;
    text-align: justify;
}
.productView_table_wrap table td {
  font-size: 0.9375rem;
    padding:8px;
}
.read-mbx-nav {
  position: absolute;
  top: 12rem;
  left: 3.5rem;
  width: 13.25rem;
  z-index: 80000;
}
.read-mbx-nav .mbx-nav-fixed {
  position: fixed;
  top:12rem;
  left:3.5rem;
  width:13.25rem;
  z-index: 80000;
}
.business_demo_wrap {
  padding: 1.8rem 2rem 2.2rem;
}
.business_demo_content .c-link-list li:not(:last-child) {
  margin-bottom: 1rem;
}
}

@media screen and (min-width:769px) and (max-width:1199px) {
  .width-auto{
    width: 96%;
    padding: 0;
    margin: 0 auto;
  }
  .header_page_menu_box{
    padding-right: 0;
  }
  .header_content {
    padding-left:0;
  }
  .header_active .header_content{
    max-height: 5.4rem;
    padding: 0.75rem 0;
}
.header_active .header_page_menu_box .header_contact_wrap{
    display: block;
    margin-left:0;
}
.index_banner_icon .icon-recycling {
    font-size:24vw;
    color: rgba(255,255,255,.6);
}

  .bannernav_img {
    padding-bottom: 36%;
  }
  .about_page_wrap {
    margin-top:-5.68vw;
    padding-top:6.133vw;
    background-size: contain;
  }
  .index_news_title {
    font-size: 16px;
  }
  
  .index_business_box{
    width: 100%;
  }
  .index_business_item{
    width: 100%;
    margin-top: 3.6041666vw;
  }
  .index_business_header .public_nav_text_title, .index_product_head .public_nav_text_title {
    font-size:80px;
  }
  .index_business_header .public_nav_text, .index_product_head .public_nav_text {
    margin:45px 0 40px;
  }
  .index_business_header .public_nav_text_en_item, .index_product_head .public_nav_text_en_item {
    position: relative;
    margin-top: -3.75rem;
    margin-left: 0.8725rem;
    justify-content: center;
  }
  .index_about_content {
    width: 50%;
    margin-left: 5%;
  }
  .index_about_header_text{
    margin:25px 0;
  }
  .index_about_content_header .public_nav_text_en_item {
    position: absolute;
    right: -3.825vw;
    top: 30%;
}
.c-txt {
    font-weight: 500;
    line-height:1.25rem;
    text-align: justify;
}
.read-mbx-nav {
  position: absolute;
  top: 12rem;
  left: 1.825rem;
  width: 13.25rem;
  z-index: 80000;
}
.read-mbx-nav .mbx-nav-fixed {
  position: fixed;
  top:12rem;
  left:1.825rem;
  width:13.25rem;
  z-index: 80000;
}
.web-center{
  margin-left:15.5rem;
}
  .about_intro_box_left {
    padding: 0 5.1333vw 0 0;
}

.index_public_btn_box {
  width: 4.41666vw;
  height: 4.41666vw;
}

.business_demo_recycling{
  padding-bottom:4.5rem;
}
.business_demo_wrap {
  padding: 1.8rem 2rem 3.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
}
.business_demo_pic{
  width: 100%;
  padding-bottom: 30%;
}
.business_demo_content{
  width: 100%;
  margin-left: 0%;
  margin-top: 1.725rem;
}
.business_process_item_title {
  font-size: 1.125rem;
  line-height: 2.125rem;
  font-weight: bold;
  color: #222222;
  margin-top: 0.625rem;
}
.business_case_menubox ul{
  display: flex;
  align-items: center;
  overflow-x: auto;
}

.business_case_menubox li {
  padding: 9px 30px;
}
.join2_s .swiper-button-prev {
  left: -50px;
  width: 40px;
  height: 40px;
  top: 180px;
}
.join2_s .swiper-button-next {
  right: -50px;
  width: 40px;
  height: 40px;
  top: 180px;
}
  .footer_left_logo{
    width: 10.125vw;
    margin-bottom: .8725rem;

}
  .footer_right_icon{
    width: 11.25vw;
    margin-bottom:0.85rem;
}
}

@media screen and (max-width:768px) {
.width-auto{
    width:96%;
    padding: 0;
    margin: 0 auto;
}
.header_page_content,.header_button_wrap,.logo_name,.logo_ad {
  display: none;
}
.header_wrap {
  background: #ffffff;

}
.header_active .header_content {
  max-height: 5.4rem;
  padding:10px;
}
.header_content {
  padding-left:0;
}
.header_wap_menu_wrap{
  display: block;
}

.header_logo_box {
  width:8rem;
  min-width:8rem;
  padding:10px 0 0 10px;
}
.header_active .header_wap_menu_box{
  margin: 0;

}
.header_wap_menu_box {
  width: 8vw;
  height: 8vw;
  padding:0;
  margin:10px;
  outline: none;
  position: relative;
  border: none;
  background:#00479d;
  cursor: pointer;
  -webkit-appearence: none;
  -webkit-tap-highlight-color: transparent;
}

.header_wap_menu_box svg {
  width: 177.777%;
  height: 133.333%;
  top: -16.666%;
  left: -38.8888%;
  stroke: #ffffff;
  stroke-width: 0.48309vw;
  fill: none;
  display: block;
  position: absolute;
}

.header_wap_menu_box svg path {
  stroke-dasharray: 26 100;
  stroke-dashoffset: 126;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_wap_menu_box svg path:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.header_white_wrap .header_wap_menu_box svg {
  stroke: #ffffff;
}

.header_menu_active .header_page_logo_wrap {
  opacity: 0;
  pointer-events: none;
}

.header_menu_active .header_page_box:after {
  opacity: 0;
  pointer-events: none;
}

.header_menu_active .header_wap_menu_box svg path {
  stroke: #ffffff;
}

.header_menu_active .header_wap_menu_box svg path:nth-child(1) {
  stroke-dashoffset: 58;
}

.header_menu_active .header_wap_menu_box svg path:nth-child(2) {
  stroke-dashoffset: 51.5;
}

.header_menu_active .header_wap_menu_box svg path:nth-child(3) {
  stroke-dashoffset: 51.5;
}


.wap_head_wrap {
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(2vw);
  backdrop-filter: blur(2vw);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  z-index: 998;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
  padding: 19.3236vw 3.62318vw;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}


.wap_head_box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  display: block;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.wap_menu_item_box {
  margin-right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(6vw);
  transform: translateY(6vw);
  position: relative;
}

.wap_menu_item_item .wap_menu_item_link {
  pointer-events: none;
}

.wap_menu_item_item .wap_menu_item_link:after {
  content: "";
  width: 2.89855072vw;
  height: 2.89855072vw;
  background: url(../images/xiangxia.svg) no-repeat;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.wap_menu_item_box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .3);
}

.wap_menu_item_link {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
}

.wap_menu_item_text {
  font-size: 3.86473vw;
  line-height: 11.594202vw;
  width: calc(100% - 3vw);
  color: #ffffff;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.wap_menu_down_li a {
  width: 100%;
  font-size: 3.86473vw;
  line-height: 11.594202vw;
  color: #ffffff;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 3.623188vw;
  position: relative;
  pointer-events: auto;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.wap_menu_down_li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .3);
}

.wap_menu_down_li {
  padding: 0;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transform: translateY(6vw);
  transform: translateY(6vw);
  opacity: 0;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.wap_menu_down_show .wap_menu_down_li {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  transform: none;
}

.wap_menu_down_show .wap_menu_item_link:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.wap_menu_down_wrap {
  position: relative;
  left: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  min-width: max-content;
  overflow: hidden;
  height: 0;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.wap_click {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  pointer-events: auto;
}

.wap_click .wap_head_box {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  pointer-events: auto;
}

.wap_click .wap_menu_item_box {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.public_menu_wrap{
  display: none;
}
.read-mbx-nav{
  display: none;
}
.web-center{
  width: 100%;
  margin-left:0;
}
/*--首页--*/
.index_page_pagination_li {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  margin: 0 0 0.7291666vw 0;
  cursor: pointer;
  display: none;
}

.index_banner_title p {
  font-size: 48px;
  line-height:68px;
}
.index_business_box{
  width: 100%;
}
.index_business_item{
  width: 100%;
  margin-top: 3.6041666vw;
}

.index_banner_cn {
  font-size: 36px;
  line-height:48px;
}
.index_banner_icon{
  position: relative;
  width:100%;
}
.index_banner_icon img{
  width:11.25rem;
  display: block;
  margin: 2.5rem 0 2rem 15px;
}
.about_page_wrap {
  margin-top:-8.68vw;
  padding-top:6.133vw;
  background-size: contain;
}
.index_news_wrap{
  bottom: 10%;
}
.index_news_item{
  flex-wrap: wrap;
}

.index_news_title,.index_news_title1{
    min-width: 8rem;
    font-size: 1rem;
    line-height:1.8rem;
    padding: 0;
    text-align: center;
  }
  .mynewsswiper .swiper-slide a,.mynewsswiper2 .swiper-slide a{
    font-size: 0.875rem;
    line-height: 36px;
  }
.l-mv__scroll-line {
  width: 0.125rem;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
}

.index_business_header .public_nav_text_title, .index_product_head .public_nav_text_title {
  font-size:72px;
}
.index_business_header .public_nav_text, .index_product_head .public_nav_text {
  margin:45px 0;
}
.index_business_header .public_nav_text_en_item, .index_product_head .public_nav_text_en_item {
  margin-top:-50px;
}
.index_business_memo {
  width: 100%;
}

.index_service_box{
  padding: 0;
}
.index_service_content{
  width:100%;
}
.index_service_box a {
  -webkit-border-radius:2.415458vw;
  border-radius:2.415458vw;
}

.index_about_header_smalltitle,.index_business_smallname{
  font-size: 24px;
}
.index_about_photo{
  width: 100%;
  margin-bottom: 3.6041666vw;
}
.index_about_photo_item{
  width: 60%;
  margin: 0 auto;
}

.index_about_content{
  width:100%;
  margin:3.62318vw 0;
}
.index_public_button {
  width:20vw;
  height:6.8666vw;
  padding: 0.966183vw;
  -webkit-border-radius: 3.4333vw;
  border-radius: 3.4333vw;
}

.index_public_btn_icon {
  width: 4.5vw;
  height: 4.5vw;
}

.index_public_btn_read {
  width: calc(100% - 4.5vw);
}

.index_business_button .index_public_btn_text {
  color: #ffffff;
  line-height: 5.25vw;
  font-size: 16px;
}

.index_product_tab {
  width: 100%;
}

.index_product_content {
  width: 100%;
  margin-bottom: 3.246376vw;
}

.index_product_text {
  margin-top: 2.415458vw;
}

.index_product_button {
  margin: 2.415458vw 0 7.246376vw 0;
}
.index_pro_button_wrap{
  display: none;
}
.index_product_item_number {
  font-size: 6.763285vw;
  line-height: 9.178743vw;
  -webkit-text-stroke: 0.241545vw #fff;
  margin-bottom: 2.415458vw;
}

.index_about_header_text{
  font-size: 48px;
  line-height: 60px;
  margin: 25px 0;
}

.index_about_text,.index_product_item_text {
  font-size:18px;
  line-height:35px;
}

.index_product_head {
  width: 100%;
}
.index_product_item_read {
  bottom: 2.415458vw;
  padding: 0 3.623188vw;
}
.index_product_item_title {
  font-size:24px;
  line-height:40px;
}
.index_public_swiper_button {
  display: none;
}

.index_public_pagination_read {
  display: none;
}

.index_public_pagination_line {
  width: 100%;
  height: 0.483091vw;
}
/*--关于我们--*/
.pc_media{
  display:none;
}
.wap_media{
  display: block;
}
.bannernav_img {
  padding-bottom: 75%;
}

.public_nav_text_title {
  font-size: 42px;
}
.about_profile_content {
  width: 100%;
  padding:1.5rem 0;
}
.about_public_head_title {
   font-size: 1.875rem;
   line-height: 2.5rem;
   margin-bottom: 1.125rem;
}
.about_profile_box,.about_honor_box,.about_environment_box,.about_company_box{
  margin-top:1.25rem;
}
.about_intro_ad{
  text-align: center;
  color: rgb(0, 153, 0);
  font-size: 36px;
  line-height: 48px;
  letter-spacing:1px;
  font-weight: bold;
  margin:15px 0 10px;
}
.about_intro_ad1{
  font-size: 14px;
  text-align: center;
  color: rgb(0, 51, 102);
}
.about_intro_content {
margin: 1.125rem 0;
padding-bottom: 1.825rem;
}
.about_intro_target {
  display: block;
  margin-top: 20px;
}
.about_intro_target_pic {
  width: 100%;
  margin-right: 0;
  margin-bottom: 2%;
}
.about_intro_target_text{
  width:100%;
}
.about_intro_box_left {
  width: 100%;
  padding: 0 0 15px 0;
  position: relative;
}
.about_intro_box_right {
  width: 100%;
  justify-content: flex-start;
}
.about_intro_title span {
  padding: 0 10px;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: 0.05em;
}
.about_intro_content h2 {
  font-size: 20px;
  margin: 24px 0 16px;
}
.about_culture_item_title {
  font-size: 20px;
  margin-bottom: 10px;
}
.about_environment_back{
  padding-bottom: 150%;
}

.about_environment_item_content {
  padding: 5.25vw 0;
}
.about_environment_content{
  padding:4.65vw 0 22.85vw;
}
.about_environment_item_content .name_right{
  line-height: 2.75rem; 
}

.about_profile_row {
  width:100%;
  margin-right: 0%;
 
}
.about_profile_pic {
  width:100%;
  text-align: center;
  position: relative;
}
.about_profile_down {
  position: relative;
  bottom: 0;
  margin: 1.25rem 0;
}
.about_profile_down_icon span {
  font-size: 36px;
}
.about_profile_down_text {
  font-size: 24px;
  line-height: 80px;
}
.about_profile_row .about_profile_item {
  padding:10px 15px;
  font-size:14px;
}
.about_honor_item {
  width: 100%;
  margin-right: 0;
  margin-bottom:2.25rem ;
}
.about_honor_list_name {
  font-size: 18px;
  line-height:36px;
  font-weight: 700;
}
.about_honor_list_name span {
  font-size: 20px;
  margin-right: 0.756666vw;
}
.about_company_item {
  width: 48%;
  margin: 0 2% 0 0;
}
.about_company_item:nth-child(2n){
  margin-right: 0;
}
.about_company_list_name {
  font-size: 20px;
  line-height: 35px;
  font-weight: 600;
  margin-top: 10px;
}
.about_company_list_pic{
  width: 100%;
  padding-bottom: 68%;
}
.about_company_list_text{
  width: 100%;
  margin: 1rem 0 2rem 0;
}
.about_map{
  position: relative;
  margin-top: 1.25rem;
}
/*--新闻--*/
.newsview_header_box {
  padding:22.5vw 2.5vw;
}
.news_menu_item_box {
  width: 100% !important;
  margin: 0 0 1.62318vw 0 !important;
}

.news_list_item_content {
  padding: 3.62318vw;
}

.news_list_item_big {
  width: 100% !important;
}

.news_list_item_title {
  font-size: 3.86473vw;
  line-height: 5.797101vw;
  -webkit-line-clamp: 2;
}
.news_list_item_text {
  font-size: 3.381642vw;
  line-height: 5.314009vw;
  height: 15.942027vw;
  margin-top: 1.25vw;
  opacity: 1;
}
.news_list_item_read {
  margin-top: 3.246376vw;
}

.news_list_item_read {
  width: 100%;
}
.news_list_item_year {
  display: none;
}

.news_list_item_day {
  display: none;
  font-size: 3.86473vw;
  line-height: 5.797101vw;
}
.news_list_item_day_wap {
  display:block;
  font-size: 3.86473vw;
  line-height: 5.797101vw;
}
.news_menu_item_box .arrow{
  display: none;
}

.news_list_wrap {
  padding: 12.0772946vw 0;
}

.news_list_pagination_wrap {
  margin-top: 7.246376vw;
}

.news_list_item_tag {
  width: 35%;
}
.newsview_content {
  padding: 0 1.125rem;
}
.news_details_btn_box{
  width:100%;
  padding:0.68rem;
}

.news_details_btn_box:last-child {
  border-top:#ececec 1px solid;
  border-left:0;
  text-align: right;
}

/*--事业案内--*/

.business_material_title_box {
  width: 100%;
  padding-right:0;
}


.business_case_menubox ul{
  display: flex;
  align-items: center;
  overflow-x: auto;
}

.business_case_menubox li {
  font-size: 2.89855vw;
  line-height: 3rem;
  min-width: 110px;
  padding: 0 0.65rem;
  margin: 0 0.65rem 1.125rem 0;
}
.business_case_box > p {
  margin-bottom: 2.1333vw;
}
.business_case_memo{
  font-size: 1.25rem;
  line-height: 2.25rem;
}
.business_demo_recycling {
  padding-bottom:3.125rem;
}
.business_demo_wrap {
  padding:1.5rem;
}
.business_demo_pic {
  width:100%;
  padding-bottom:68%;
}
.business_demo_content {
  width: 100%;
  margin:2% 0 0 0;
}
.business_demo_content .c-link-list {
  margin-top:1.125rem;
}
.business_demo_content .c-link-list li:not(:last-child) {
  margin-bottom: 0.65rem;
}
.business_material_navlist {
  width: 100%;
  margin-right: 0;
  margin-top: 1rem;
}
.business_material_navlist li {
  position: relative;
  line-height: 24px;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.business_material_navlist li::after {
   top: 0.65rem;
}
.products_memo {
  width: 100%;
  margin: 4.81333vw 0 0;
  text-align: left;
}
.productView_table_wrap_wrap {
  width: 100%;
  overflow: auto;
}
.productView_table_wrap{
  overflow: auto;
}
.pro_order {
  font-size: 12px;
  padding: 0 0.68rem;
}
.productView_table_wrap_wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.productView_table_wrap_wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.productView_table_wrap_wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}

.productView01 .productView_table_wrap, .productView03 .productView_table_wrap {
  width: 150vw;
}
.productView_table_wrap table tr:first-child td {
  font-size: 16px;
  line-height: 30px;
  height:30px;
  padding: .75rem 3px;
}
.productView_table_wrap table td,.productView_table_wrap tr.red_text td {
  font-size:14px;
  line-height: 30px;
  padding: .75rem 3px;
}
.business_process_tab:nth-child(2n) {
  -webkit-flex-direction: initial;
  flex-direction: initial;
}

.business_process_item_box {
  width: 100% !important;
  margin: 0 0 3.62318vw 0 !important;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(4vw);
  transform: translateY(4vw);
}

.AddBusinessProcessItem {
  opacity: 1 !important;
  pointer-events: auto !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.business_process_item_content {
  padding: 3.62318vw;
}

.business_process_tab {
  margin-bottom: 0;
}

.business_process_item_content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.business_process_item_icon {
  width: 8vw;
  height: 8vw;
}

.business_process_item_title {
  font-size: 3.86473vw;
  line-height: 5.797101vw;
  margin-top: 2vw;
}

.business_process_item_text,.products_view_content_price {
  font-size: 2.89855vw;
  line-height: 4.830917vw;
}

.business_process_item_read {
  margin-top: 2.4154589vw;
}

.business_process_content {
  margin-top: 7.246376vw;
  padding: 0 3.62318vw;
}
.business_process_item_arrow {
  width: 6.291666vw;
  height: 6.291666vw;
  right: 50%;
  top: calc(100% + 3.125vw);
  transform: translateX(50%) translateY(-50%);
}
.business_material_title_label1 {
  font-size: 2.125rem;
  line-height: 3.25rem;
}
.business_process_item_label svg {
  transform: rotate(90deg);
}
.business_process_tab:nth-child(2n) .business_process_item_arrow {
  right: 50%;
}
.business_process_tab:nth-child(2n) .business_process_item_arrow svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.business_collection_down {
  width: calc(100% - 1.125vw);
  margin: 0.5vw 1.25vw 0.5vw 0;
}
.business_collection_down .business_collection_down_name {
  line-height: 2.25rem;
  margin-left: 0.68666vw;
}
.business_collection_down .icon-xiazai {
  width: 2.25rem;
  height:2.25rem;
}
/*--产品products--*/

.pro_child_item_box {
  width: 48%;
  margin: 0 4% 4% 0;
}

.pro_child_item_box:nth-child(2n) {
  margin: 0 0 4% 0;
}
.pro_eco .products_list_item {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5%;
}
.pro_eco .products_view_content {
  margin: 0;
  width: 100%;
}
#products2 .products_list .pro_child_item_box:nth-child(2n) {
  margin: 0 4% 4% 0;
}
#products2 .products_list .pro_child_item_box:nth-child(2n+3) {
  margin: 0 0 4% 0;
}
/*--网络系统--*/

.web_service_photo {
  width: 100%;
  padding-bottom:65%;
}
/*--招聘--*/
.career_left_header {
  width: 100%;
}


.career_right_content {
  width: 100%;
  margin: 5.125vw 0;
}
.career_right_ad {
  font-size: 3.86473vw;
  line-height: 5.797101vw;
  margin-bottom: 0.856666vw;
}
.career_intro_box {
  width: 100%;
}
.career_intro_header {
  position: absolute;
  left: 0;
  bottom: -8.2666vw;
  width: 45%;
  background: rgba(0,71,157,0.8);
}
.career_intro_item {
  width: 100%;
  padding:8.2666vw 0 5.125vw;
}
.career_intro_list_header {
    width: 100%;
    justify-content: space-between;
}
.career_intro_logo {
  width: 36%;
}
.career_intro_headerinfo {
  width: 64%;
  color: #666666;
  position: relative;
}
.career_intro_header_zhiw {
  margin-left: -1.65rem;
}
.career_intro_content {
  margin-left:8px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.career_intro_header_time {
  width: 100%;
  text-align: left;
  margin:0.65rem 0 0;
}
.career_intro_headerinfo .career_intro_logo{
  width:8.25vw;
  height:8.25vw;
  padding:1.25vw;
  margin:-0.5vw 0 0 -8.25vw;
}

.career_intro_header_text .career_intro_header_name {
  font-size: 2.89855vw;
  color:#ffffff;
  line-height: 4.830917vw;
  margin-left: -2.25vw;
}
.career_intro_list li .box .career_intro_list_icon {
  width: 6.0208333vw;
  height: 6.0208333vw;
  display: none;
}
.career_jobs_item .top div:first-child {
  width: 15%;
  justify-content: left;
}
.career_intro_list li .box2 dt {
  font-size: 2.89855vw;
  font-weight: 500;
}
.career_jobs_text dd {
  line-height: 4.830917vw;
}
.contact_form_wrap .contact-form{
  display: block;
}
.contact_form_wrap .contact-form-field{
  border-bottom: none;
}
.contact_form_wrap .contact-form-field .form-label{ /*項目*/
  padding: 10px 10px;
display: block;
width: 100%;
vertical-align: middle;
background:#ffffff;
border-right: none;
min-height: 3em;
box-sizing: border-box;
}
.contact_form_wrap .contact-form-field .form-element{ /*入力*/
padding: 10px 10px;
display: block;
vertical-align: middle;
min-width: 100%;
max-width: 100%;
}
.contact_form_wrap .form-element .contact-form-text-auto{
	width: auto;
  min-width: 80%;
}
.contact_form_wrap .form-element .contact-form-text-harf{
	min-width: 80%;
}
.contact_form_wrap .form-element .contact-form-text-full{
	min-width: 80%;
}
.contact_form_wrap .form-element .contact-form-textarea{
	min-width: 80%;
	min-height: 10em;
}
.active .contact_nav_name{
  width: 100%;
  font-size: 1.825rem;
  text-align: left;
  margin-bottom: 1.25rem;
}
.contact_top{
  width:96%;
}

  .contact_form_wrap .contact_btn{
    font-size: 12px;
}
.contact_top_text{
  height: 80px;
  line-height: 24px;
  padding: 10px 20px;
}
.contact_top_text::after {
  bottom: 50%;
}
/*--底部footer--*/
.index_page_slide:last-child {
  height: 100%;
}

.footer_left{
  width: 100%;
  justify-content: flex-start;
}
.footer_left_logo {
  width: 14.125vw;
}
.footer_right{
  width: 100%;
  text-align: left;
  justify-content: flex-start;
}
.footer_right_icon {
width: 22.25vw;
justify-content: flex-start;
margin: 8px 0;
}
.footer_quick_menu a{
  display: inline-block;
  width: 45%;
  margin-left: 0;
  margin-right: 2%;
  padding-left:10px;
  }
  .footer_quick_menu a::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  left: 0;
  top: 10px;
  }
.return_top_wrap {
  display: none;
}
.bottom_contact_text h1 {
text-align: center;
font-size: 4.830917vw;
line-height: 8.28019vw;
margin-bottom: 1.9661835vw;
}
.btn_a {
padding: 0 3rem;
}
.bottom_contact_text_en{
margin-right: 0;
font-family: 'Rage Italic';
font-size: 36px;
}
.bottom_contact_img {
  padding-bottom: 68%;
}

}

@media screen and (max-width:560px) {
  .header_wap_menu_box {
  width: 12vw;
  height: 12vw;
  padding:0;
  margin:10px 10px 0 0;
}
  .about_culture_content, .about_honor_content,.about_company_content, .business_material_wrap,.business_page_box {
    padding: 2.75rem 0;
    position: relative;
  }
  .index_business_list ul li {
    width:100%;
    padding-top: 8px;
}
.index_about_header_text {
  font-size: 36px;
  line-height: 45px;
  margin: 15px 0;
}
.index_banner_title p {
    font-size: 30px;
    line-height: 48px;
  }
  
.index_banner_cn {
    font-size: 30px;
    line-height:48px;
  }
.public_nav_text_en_item{
  display: none;
}
.index_public_button {
  width: 150px;
  height: 60px;
  padding: 10px;
  -webkit-border-radius:30px;
  border-radius: 30px;
}
.index_business_header .public_nav_text_title, .index_product_head .public_nav_text_title {
  font-size:56px;
}
.index_business_wrap, .index_product_wrap {
  padding: 12.077294vw 0;
}
.business_material_title_label1 {
  font-size: 1.875rem;
  line-height: 2.526rem;
}
.business_material2_text {
  margin: 0.625rem 0 0;
}
.index_service_item {
  padding:15px;
}
  .index_about_photo_item{
    display: none;
  }
  .index_product_content {
    width: 100%;
    margin-bottom: 1.246376vw;
  }
  
  .index_product_text {
    line-height: 1.825rem;
    margin-top: 1.2rem;
  }
  
  .index_product_button {
    margin: 1.415458vw 0 7.246376vw 0;
  }
  .join2_s {
    margin-top: 20px;
  }
  .join2_s .swiper-slide .art {
    padding: 15px;
  }

    .public_nav_text_title {
      font-size: 30px;
    }
    
    .about_intro_title span {
      padding:10px;
      font-size: 20px;
      line-height:30px;
      letter-spacing: 0.05em;
    }
    
  .about_profile_row .about_profile_item {
    padding: 10px 15px 10px 0;
    font-size: 14px;
}
  .about_company_item {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .about_culture_item_list {
    width:100%;
    margin-bottom: 20px;
}
  .about_culture_item_icon {
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
    margin: 0 auto 20px;
}
.about_culture_item_icon span {
  font-size: 40px;
}
.about_cutlre_item_con {
  margin-top: 8px;
  line-height: 30px;
}
.about_honor_list_li li {
  display: inline-block;
  width: 100%;
  margin: 0.5vw 0 1.125vw;
}

.about_environment_item_content > p {
  margin-bottom: 15px;
}
.about_environment_item_content .name_right{
  line-height:32px; 
}
.business_case_menubox li {
  font-size: 16px;
  line-height: 6.8309178vw;
}
.career_intro_list {
  margin: 20px auto;
}

.career_intro_list li .box span {
  width: 30px;
}
.career_intro_list li .box i.img {
  width: 30px;
}
.career_intro_list li .box i.img img {
  max-width: 40%;
}
.career_intro_list li .box .info {
  width: calc(100% - 60px);
}
.career_intro_list li .top {
  height: auto;
  padding: 15px 0;
}
.career_intro_list li .box2 {
  padding: 15px 0 25px;
}
.career_intro_list li .box2 span {
  margin-top: 2px;
}
.bottom_contact_content {
  top:15%;
}
.bottom_contact_text {
  width: 100%;
  margin-left: 0;
}
.bottom_contact_text h1 {
  text-align: center;
  font-size:36px;
  font-weight: 500;
  line-height:40px;
  margin-bottom: 10px;
}
.bottom_conact_ad {
  font-size: 0.875rem;
  margin:20px 0;
}
.footer_left_logo {
  width: 27.125vw;
  margin-bottom: .8725rem;
}
.footer_right_icon {
  width: 40vw;
}
.footer_left_text{
font-size: 14px;
line-height: 22px;
padding: 8px 0;
}

.copyright{
  font-size: 12px;
}

}

@media screen and (max-width:420px) {
  .video-wrapper .video_bg {
    height: 100vh;
  }
  .video-wrapper .video_bg img{
    height: 100%;
  }
  .index_banner_title p {
    font-size: 26px;
    line-height: 35px;
  }
  .index_banner_icon img {
    width: 8.65rem;
    display: block;
    margin: 2.5rem 0 2rem 15px;
  }
  
  .index_about_header_smalltitle,.index_business_smallname{
    font-size: 22px;
  }
  .index_business_header .public_nav_text, .index_product_head .public_nav_text {
    margin:30px 0;
}
  .index_business_header .public_nav_text_title, .index_product_head .public_nav_text_title {
    font-size:42px;
  }
  .index_business_memo {
    width:100%;
    font-size: 16px;
    line-height:28px;
  }
  .index_about_header_text {
    font-size: 28px;
    line-height: 40px;
    margin: 15px 0;
  }
  .index_about_text, .index_product_item_text {
    font-size: 16px;
    line-height:28px;
  }
  .about_public_head_title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.c-txt-ad {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #363158;
    text-align: center;
    margin-bottom: 0.725rem;
}
.public_nav_text_title {
    font-size: 26px;
}
  .bottom_conact_ad {
    font-size: 0.675rem;
    margin:0.875rem 0;
  }
  .footer_quick_menu a {
    margin-left: 0.875rem;
  }
  .footer_quick_menu a {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
    padding-left: 10px;
  }
  .about_message .p-message__intro-detail--infor .c-txt {
    display: inline-block;
    color: #363158;
    line-height: 1.68rem;
    text-align: right;
    vertical-align: middle;
  }
  .about_intro_ad{
    text-align: center;
    color: rgb(0, 153, 0);
    font-size: 32px;
    line-height: 48px;
    letter-spacing:1px;
    font-weight: bold;
    margin:15px 0 10px;
}
.about_intro_ad1{
    font-size: 13px;
    text-align: center;
    color: rgb(0, 51, 102);
}
.about_intro_content {
  margin: 1.125rem 0;
  padding-bottom: 1.825rem;
}
.index_public_btn_icon {
  width: 5.825vw;
  height: 5.825vw;
}

.index_public_btn_read {
  width: calc(100% - 5.825vw);
}
}