@charset "utf-8";

.inside_container {
  width: 100%;
}


@media screen and (max-width:800px) {

  .top_mag_nav{ margin-top: 18vw;}
  .top_mag_nav2{ margin-top: 16vw;}
  .inside_top_mag{ margin-top: 8vw;}

}

.outside_color_content {
  background: #f5f9fd;
  padding-bottom: 3.5%;
  width: 100%;
}

.outside_color_content2 {
  padding-bottom: 0;
}
.nobanner_top{margin-top: 1.2rem;}

@media screen and (max-width:1024px) {
.nobanner_top{margin-top: 90px;}
}

@media screen and (max-width:800px) {
  .outside_color_content {
    padding-bottom: 8vw;
    overflow: hidden;
  }

  .outside_color_content2 {
    padding-bottom: 0;
  }
  .nobanner_top{margin-top: 13vw;}
}

/*banner*/
.hei5{ height: 5rem;}
.hei65{ height: 6.5rem;}
.bg72{background: rgba(23,49,100,0.72);}
.bg70{background: rgba(23,49,100,0.7);}
.bg65{background: rgba(23,49,100,0.65);}
.bg40{background: rgba(23,49,100,0.4);}

.inside_banner_container{  width: 100%;
  position: relative;
  margin-top: 1.2rem;background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%;}
.inside_banner{ margin: 0; width: 1380px;}

.inside_banner .banner_word p:nth-child(n+2){ margin-top: 0;}

.banner_word_left{ width: 100%; padding: 0 0.6rem; text-align: left; box-sizing: border-box;}

@media screen and (max-width:1450px) {
  .inside_banner {
    width: 86% !important;
  }
}

@media screen and (max-width:1024px) {
.inside_banner_container{ margin-top: 90px;}
}


@media screen and (max-width:800px) {
  .inside_banner_container {
      margin-top: 13vw;
      height: auto!important;
  }
  .inside_banner_container .banner_content{ padding: 8vw 0;}
  .inside_banner{ margin: 0 auto;width: 92% !important;}
  .banner_word_left{ padding: 0;}
}


/*secondary_nav_container*/

.secondary_nav_container{ position: absolute; left: 0; bottom: 0; width: 100%; background:transparent;}

.secondary_nav2_container{ position: relative; left: 0; top: 0; min-height: 0.7rem;}
.secondary_nav3_container{ position: absolute; left: 0; top: 0; width: 100%;}

.secondary_nav_content{ /*height: 0.56rem;*/ overflow:hidden;}

.secondary_nav_container ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}

.secondary_nav_container ul li{ background: transparent;box-sizing: border-box; line-height: 1.3em;font-size: 0.22rem; width: 16.66%; float: left; cursor: pointer;background: rgba(42,75,140,1);}

.secondary_nav_container4 ul li{width: 25%;}
.secondary_nav_container3 ul li{width: 33.33%;}
.secondary_nav_container ul li a{ color: #fff; width: 100%;height:0.7rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; text-align: center; box-sizing: border-box; padding: 0 0.1rem;}
.secondary_nav_container ul li.cur,.secondary_nav_container ul li:hover{background: rgba(14,165,233,1);}

.nav_fold {
  display: none;
}



/* product nav */
.product_list_nav{ position: static; width: 3.23rem; float: left;}
.product_list_nav .secondary_nav3_container{ position: static;}
.product_list_nav ul{justify-content: flex-start;flex-wrap: wrap;}

.product_list_nav ul li {
    line-height: 1.3em;
    font-size: 0.24rem;
    width: 100%;
    float: none;
    cursor: pointer;
    background: #dae3ef;
    border-radius: 0.05rem;
}

.product_list_nav ul li a {
    color: #1e293b;
    width: 100%;
    border-radius: 0.05rem;
    height: 0.7rem;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content:flex-start;
    box-sizing: border-box;
    padding: 0 0.2rem;
    text-align: left;
}

.product_list_nav ul li.cur, .product_list_nav ul li:hover {
    background: #2a4b8c;
}
.product_list_nav ul li.cur a, .product_list_nav ul li:hover a {
    color: #fff;
}

.product_list_nav ul li:nth-child(n+2){ margin-top: 0.1rem;}

.product_list_nav ul li p{ width: 100%; box-sizing: border-box; background: url(../images/nav_circle1.webp) no-repeat left center; box-sizing:border-box; padding-left: 0.25rem; background-size: 0.14rem;}

.product_list_nav ul li.cur p, .product_list_nav ul li:hover p {
    background: url(../images/nav_circle2.webp) no-repeat left center; box-sizing:border-box;background-size: 0.14rem;
}

/* product nav end*/



/* freeze */
.two_nav_productfixed{ background: rgba(42,75,140,1); z-index: 2;  left: 0;top: 1rem; position: fixed;}
.two_nav_productfixed .secondary_nav_content{border-radius: 0;}

.two_nav_productfixed ul li{background: rgba(42,75,140,1); font-size: 0.18rem;}
.two_nav_productfixed ul li.cur,.two_nav_productfixed ul li:hover{background: rgba(14,165,233,1);}

.two_nav_productfixed ul li a{height: 0.5rem;}

.two_nav_productfixed .secondary_nav_content{height: 0.5rem;}



@media screen and (max-width:1024px) {
.two_nav_productfixed{ top: 90px;}

}

@media screen and (max-width:800px) {

.secondary_nav_container{ position: static; margin-top: 0;}
.secondary_nav_content{ height: auto; overflow: inherit; width: 100%!important;}
.secondary_nav2_container{min-height:11.3vw;}
.secondary_nav3_container{z-index: 2;}


.secondary_nav_container ul {display: none;}

.secondary_nav_container ul li,.secondary_nav_container4 ul li,.secondary_nav_container3 ul li{border-bottom: 1vw solid #fff; width: 100%;font-size:4vw;background: #edf4fe; }

.secondary_nav_container ul li:last-child,.secondary_nav_container4 ul li:last-child,.secondary_nav_container3 ul li:last-child{ border-bottom: none;}


.secondary_nav_container ul li a{ color: #333;height: 11vw; padding: 0 4%;}

.secondary_nav_container ul li:hover{background: #edf4fe;}
.secondary_nav_container ul li.cur{background: rgba(42,75,140,1);}
.secondary_nav_container ul li.cur a{color: #fff;}

  .nav_fold {
    display: block;
    width: 100%;
    background: #e4eefd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 3vw 4vw;
  }

  .nav_fold h3 {
    font-size: 4.4vw;
    line-height: 1.3em;
    color: #333;
    font-weight: normal;
  }

  .nav_fold h3 i {
    display: block;
    position: absolute;
    right: 4%;
    top: 0;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    height: 100%;
  }

  .nav_fold h3 i span {
    font-style: normal;
    text-align: center;
    display: block;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    background: url(../images/m_icon1.webp) no-repeat center center;
    background-size: 100%;
    width: 4.8vw;
    height: 100%;
  }

  .nav_fold h3 i span.daohang2 {
    display: none;
    background: url(../images/m_icon2.webp) no-repeat center center;
    background-size: 100%;
  }

  .nav_fold h3 i.nav_close {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
  }

  .nav_fold h3 i.nav_close span.daohang1 {
    display: none;
  }

  .nav_fold h3 i.nav_close span.daohang2 {
    display: block;
  }

  .two_nav_productfixed{top: 13vw; background: none;}

  /* product nav start*/
  .product_list_nav {
    width: 108%;
    float: none;
    margin: -8vw 0 0 -4%;
}

.product_list_nav ul li:nth-child(n+2) {
    margin-top: 0;
}

.product_list_nav ul li {
    border-radius: 0;
}

.product_list_nav ul li p {
    background: none;
    padding-left: 0;
}

.product_list_nav ul li.cur p, .product_list_nav ul li:hover p {
    background: none;
}

.product_list_nav ul li a {

    border-radius: 0;
    text-align: center;
}

.product_list_nav ul li.cur a,.product_list_nav ul li.cur:hover a{
    color: #fff;
}

.product_list_nav ul li:hover a {
    color: #333;
}

  /* product nav end*/

}



/* page +*/
.page_container{ margin-top: 5.5%;}
.page_content {
  display: table;
  margin: 0 auto;
}

.page_content h6 {
  font-weight: normal;
  font-family:"Arial";
}

.page_content a {
  font-size: 0.2rem;
  line-height: 1em;
  width: 0.48rem;
  height: 0.48rem;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0.02rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.page_content a.num{border-radius: 50%;}

.page_content a.page_fir {
  width: auto;
  margin: 0 0.3rem;
}

.page_content a.num:hover, .page_content a.num.cur {
  color: #fff;
  background: #2a4b8c;
}

@media screen and (max-width:800px) {
  .page_container {
    margin-top: 8vw;
  }

  .page_content a {
    font-size: 3.5vw;
    width: 7.6vw;
    height: 7.6vw;
    margin: 0 0.5vw;
  }

  .page_content a.page_fir {
    margin: 0 2vw;
  }

}




/* navigation +*/
.navigation_container {
  width: 100%;
  padding: 0.35rem 0 2%;
  text-transform: capitalize;
}

.navigation_container p {
  font-family:"Arial";
  font-size: 0.14rem;
  line-height: 1em;
  color: #1e293b;
}

.navigation_container p a {
  color: #1e293b;
}

.navigation_container p a:hover {
  color: #1a71bd;
}

.navigation_container p i {
  display: block;
  float: left;
  width: 0.22rem;
  margin: -0.04rem 0.09rem 0 0;
}

.navigation_container p i img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width:800px) {
  .navigation_container {
    display: none;
  }
}

/* news +*/
/* news list+*/

/* left */
.news_list_container_left{ width: 61.5%; float: left;}
.news_list_content ul li{ width: 100%; background: #ffffff; border-radius: 0.3rem; transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
.news_list_content ul li a{display: block; width: 100%; height: 100%;box-sizing: border-box; padding: 0.4rem;}

.news_list_content ul li h5{ font-weight:normal; font-size: 0.24rem; color: #2a4b8c; line-height: 1.3em;transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
.news_list_content ul li h5 i{ font-style: normal; font-size: 0.16rem; line-height: 1.3em; margin-left: 0.05rem;}
.news_list_content ul li h3{ font-size: 0.24rem; line-height: 1.3em; color: #1e293b; margin: 0.12rem 0 0.18rem;    transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
/*.news_list_content ul li h3:hover{color: #1a71bd;}*/

.news_list_content ul li p{ font-size: 0.16rem; color: #666666;font-family:"Arial"; line-height: 1.5em; margin-top: 0.2rem;transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden;}
.news_list_content ul li h6{ font-weight: normal; color: #333333; font-size: 0.18rem; line-height: 1.3em;    transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; margin-top: 0.22rem;}
/*.news_list_content ul li h6:hover{ color: #1a71bd;}*/

.news_list_img{ width: 100%; height: 0; padding-bottom:53.24%; overflow:hidden;position: relative; border-radius: 0.3rem;}

.news_list_img img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;auto;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s;}

.news_list_content ul li:hover .news_list_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s;-moz-transition: all 1.2s
ease-out 0s;-mo-transition: all 1.2s ease-out 0s;}

.news_list_content ul li:hover{ background: #2a4b8c;}
.news_list_content ul li:hover h6,.news_list_content ul li:hover p,.news_list_content ul li:hover h3,.news_list_content ul li:hover h5{ color: #fff;}


.news_list_content ul li:nth-child(n+2){ margin-top: 6%;}

@media screen and (max-width:1024px) {
.news_list_content ul li a{padding: 0.3rem;}
}
@media screen and (max-width:800px) {
.news_list_content ul li a{ padding: 4vw;}
.news_list_content ul li{ border-radius: 3vw;}
.news_list_container_left{ width: 100%; float: none;}
.news_list_content ul li h3{    font-size: 4.4vw;margin: 2vw 0; line-height: 1.4em;}
.news_list_content ul li h6{ font-size: 3.6vw;margin-top: 3vw;}
.news_list_content ul li p{-webkit-line-clamp: 3; font-size: 3.5vw; margin-top: 3vw;}
.news_list_img{ border-radius: 3vw;}
.news_list_content ul li:nth-child(n+2){ margin-top: 4vw;}
}

/* right */
.news_list_container_right{ width: 32.5%; float: right;}
.news_list_container_right h3{ font-size: 0.4rem; line-height: 1.2em; color: #1e293b; text-align: right; text-transform: capitalize; margin-bottom: 0.25rem;}
.news_list_container_right ul li{ padding-bottom: 7%; border-bottom: 1px solid rgba(26,113,189,0.3); margin-top: 7%;}
.news_list_container_right ul li h4{ color: #000000; font-size: 0.2rem; line-height: 1.4em; font-weight: normal;}
.news_list_container_right ul li h4:hover{ color: #1a71bd;}
.news_list_container_right ul li p{font-family: "Arial"; font-size: 0.16rem; color: #666666; line-height: 1.5em;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden; margin-top: 0.15rem;}
.news_list_container_right ul li h5{ font-weight: normal;font-family: "Arial"; color: #3d3d3d; font-size: 0.15rem; line-height: 1.2em; text-align: right; margin-top: 0.2rem; text-transform: uppercase;}
@media screen and (max-width:800px) {
.news_list_container_right{ width: 100%; float:none; margin-top: 8vw;}
.news_list_container_right h3{ font-size: 5.8vw; text-align: left; margin-bottom: 4vw;}
.news_list_container_right ul li h4{ font-size: 4.4vw;}
.news_list_container_right ul li{ padding-bottom: 4vw; margin-top: 4vw;}
.news_list_container_right ul li p{ font-size: 3.5vw; margin-top: 2vw;}
.news_list_container_right ul li h5{ font-size: 3.4vw; margin-top: 3vw; text-align: left;}
}

/* news detail */
.news_word_detail_container{background:#fff; border-radius: 0.3rem; box-sizing: border-box; padding: 0.6rem 0.8rem;}

.news_detail_top h1 {
  font-size: 0.3rem;
  color: #1e293b;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 0.3rem;
}

.news_detail_top h6 {
  font-weight: normal;
  font-size: 0.15rem;
  line-height: 1.5em;
  color: #2a4b8c;
  font-family:"Arial";
  background: url(../images/date_icon_blue.webp) no-repeat left center;
  background-size: 0.22rem; box-sizing: border-box; padding-left: 0.34rem;
}

.news_source_content h6:first-child{ margin-left: 0;}
.news_source_content h6 i{ width: auto; display: block; height: 0.21rem; float: left; margin-right: 0.1rem;}
.news_source_content h6 i img{ display: block; width: auto; height: 100%;}



.news_detail_bottom_content{ margin-top: 0.5rem;}
.news_detail_bottom_content p {
  font-size: 0.16rem;
  color: #444444;
  line-height: 1.625em;
  margin-top: 0.17rem;
  font-family:"Arial";
}

.news_detail_bottom_content img {
  max-width: 100%!important;
  height: auto!important;
}



.news_detail_page_container {
  width: 100%;
  margin-top: 0.5rem;

}

.news_detail_page ul li {
  width: 49%;
  float: left;
}

.news_detail_page ul li:first-child {
  margin-right: 2%;
}

.news_detail_page ul li{
  display: block;
  box-sizing: border-box;
  padding: 0.2rem;
  background: #ffffff;
  color: #666666;
  font-size: 0.16rem;
  line-height: 1.3em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0.1rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.news_detail_page ul li a{color: #666666;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.news_detail_page ul li:hover {
  background: #2a4b8c;
  color: #fff;
}
.news_detail_page ul li:hover a {
  color: #fff;
}


@media screen and (max-width:800px) {

.news_word_detail_container{border-radius: 3vw; padding: 6vw 6vw 6vw;}
.news_detail_top h1 {
    font-size: 4.6vw;
    line-height: 1.4em;
    margin: 0 0 4vw;
  }
  .news_detail_top h5{ font-size: 3.6vw;border-left: 1vw solid #fff;padding-left: 1.5vw;}

  .news_share_container {
    display: none;
  }

.news_detail_top h6 {
    font-size: 3.2vw;
    background-size: 4vw;
    line-height: 1.4em;
    background-position: left 0.11vw;
    padding-left: 5.6vw;
}

.news_detail_bottom_content{ margin-top: 6vw;}


  .news_detail_bottom_content p {
    font-size: 3.5vw;
    line-height: 1.5em;
    margin-top: 2.2vw;
  }


 .news_detail_page_container{ margin-top: 6vw;}
  .news_detail_page ul li {
    width: 100%;
    float: none;
    margin: 3vw auto 0;
    font-size: 3.5vw;
    padding: 3vw;
    border-radius: 3vw;
  }
  .news_detail_page ul li:first-child {
    margin: 0;
  }

}


/* Recent Installs */
.recent_list_container ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
}
.recent_list_container ul li {
    width: 31%;
    border-radius: 0.3rem;
    margin: 0 3.5% 0 0;
    box-sizing: border-box;
    transition-duration: .8s;
    -ms-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.recent_list_container ul li:nth-child(3n) {
    margin-right: 0;
}
.recent_list_container ul li:nth-child(n+4) {
    margin-top: 3.5%;
}

.recent_list_img {
    width: 100%;
    height: 0;
    padding-bottom: 69.76%;
    overflow: hidden;
    position: relative;
}

.recent_list_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    -mo-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 1.8s ease-out 0s;
    -webkit-transition: all 1.8s ease-out 0s;
    -moz-transition: all 1.8s ease-out 0s;
    -mo-transition: all 1.8s ease-out 0s;
}

.recent_list_container ul li:hover .recent_list_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 1.2s ease-out 0s;
    -webkit-transition: all 1.2s ease-out 0s;
    -moz-transition: all 1.2s ease-out 0s;
    -mo-transition: all 1.2s ease-out 0s;
}

.recent_word_content {
    box-sizing: border-box;
    padding: 0.25rem 0.2rem 0.4rem;
}
.recent_word_content h4{ font-weight: normal; text-align: center; font-size: 0.26rem; line-height: 1.4em; color: #2a4b8c; margin-bottom: 0.12rem;}

@media screen and (max-width:800px) {
  .recent_list_container ul li {
      width: 100%;
      border-radius: 3vw;
      margin: 0;
  }

  .recent_list_container ul li:nth-child(n+2) {
    margin-top: 4vw;
}

.recent_word_content {
    padding: 5vw 4vw;
}

.recent_word_content h4{ font-size: 4.6vw;    margin-bottom: 1.5vw;}

}

/* recent contact */

.recent_contact_container {
    box-sizing: border-box;
    background: #1a71bd;
    padding: 3% 0;
}

.recent_contact_content {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
}

.recent_contact_word {
    box-sizing: border-box;
    padding: 0 10%;
    text-align: center;
}

.recent_contact_word p {
    font-size: 0.36rem;
    line-height: 1.44em;
    color: #fff;
}
.recent_contact_word .blue_more2{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center; margin-top: 0.35rem;}

@media screen and (max-width:1024px) {
  .recent_contact_word {
      padding: 0;
  }
}

@media screen and (max-width:800px) {
  .recent_contact_container {
      padding: 8vw 0;
  }

  .recent_contact_word p {
    font-size: 6vw;
    line-height: 1.375em;
}
.recent_contact_word p br{display: none;}

.recent_contact_word .blue_more2{ margin-top: 4vw;}

}

/*planning*/
.planning_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction:row-reverse;
}

.planning_left_content{width: calc(100% - 3.2rem);}
.planning_left_content h3,.planning_left_content h2{ font-weight: normal; color: #1e293b; font-size: 0.3rem; line-height: 1.4em; margin-bottom: 0.23rem;}

.planning_right_img{ width: 1.8rem;}
.planning_right_img img{display: block; width: 100%; height: auto;}

@media screen and (max-width:800px) {
.planning_content{flex-wrap: wrap;
   justify-content: flex-start;align-items: stretch;flex-direction:row;}


.planning_left_content{ width: 100%;}
.planning_right_img {
    width: 10vw;
}

.planning_left_content h3,.planning_left_content h2 {
    font-size: 6.3vw;
    line-height: 1.2em;
    margin:3vw 0 2vw;
}

}

/* step */

.step_container ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction:row-reverse;}

.step_word_left{ width: 50%; box-sizing:border-box; padding-left: 0.5rem;}
.step_word_left h3,.step_word_left h2{ font-weight: normal; color: #1e293b; font-size: 0.3rem; line-height: 1.4em; margin-bottom: 0.23rem;}

.step_word_right_img{ width: 50%; border-radius: 0.3rem; position:relative; overflow: hidden; height: 5rem;}
.step_word_right_img img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s;}
.step_word_right_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s;-moz-transition: all 1.2s
  ease-out 0s;-mo-transition: all 1.2s ease-out 0s;}

.step_container ul li:nth-child(even){flex-direction:row;}
.step_container ul li:nth-child(even) .step_word_left{ padding: 0 0.5rem 0 0;}
.step_container ul li:nth-child(n+2){ margin-top: 3.5%;}

@media screen and (max-width:800px) {
.step_container ul li{flex-wrap: wrap;
     justify-content: flex-start;align-items: stretch;flex-direction:row;}

.step_word_left{ width: 100%; padding: 0;}
.step_word_left h3,.step_word_left h2 {
    font-size: 6.3vw;
    line-height: 1.2em;
    margin-bottom:2vw;
}
.step_word_right_img{ width: 100%; border-radius: 3vw; margin-top: 3vw; height: auto;}
.step_word_right_img img{ position: static; height: auto; display:block;}

.step_container ul li:nth-child(even) .step_word_left{ padding: 0;}
.step_container ul li:nth-child(n+2){ margin-top: 6vw;}
}

/* installation */
.installation_bottom_container ul li{ width: 100%; border-radius: 0.3rem; background: #fff; padding: 0.4rem 0.6rem; box-sizing: border-box;}
.installation_bottom_container ul li p{ font-size: 0.2rem; color: #1e293b; line-height: 1.7em;font-family:"Arial";}
.installation_bottom_container ul li:nth-child(n+2){ margin-top: 2.3%;}

@media screen and (max-width:1024px) {
.installation_bottom_container ul li{    padding: 0.4rem 0.4rem;}

}

@media screen and (max-width:800px) {
.installation_bottom_container ul li:nth-child(n+2){ margin-top: 6vw;}
.installation_bottom_container ul li {
    padding: 5vw; border-radius: 3vw;
}
.installation_bottom_container ul li p {
    font-size: 3.8vw;
    line-height: 1.4em;
}

}


/* install */

.index_factory_view_img{ height: 0; overflow: hidden; padding-bottom: 39.85%;position: relative;border-radius:0.3rem;}
.index_factory_view_img img{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;}

.factory_circle .swiper-pagination-bullet{ width:0.22rem; height:0.22rem; margin:0 0.07rem!important;background:#fff; opacity: 0.5;}

.factory_circle .swiper-pagination-bullet-active{ background:#fff;opacity: 1;}

.swiper-container-horizontal>.factory_circle {
        bottom: 0.3rem!important;
        width: max-content!important;
        left: 50%!important;
        transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%); background:rgba(42,75,140,0.9); box-sizing: border-box; padding: 0.16rem 0.2rem 0.14rem; border-radius: 0.5rem;

      }


@media screen and (max-width:800px) {


.index_factory_view_img{ border-radius: 3vw;}

.factory_circle .swiper-pagination-bullet{ width:2.5vw; height:2.5vw; margin:0 1vw!important;}

.swiper-container-horizontal>.factory_circle {
        bottom: 3vw!important;
 padding: 1.6vw 2vw 1.2vw;border-radius: 10vw;

      }

}

/* inside faq */


.inside_question_content .join_list_icon {
    background: url(../images/question_open2.webp) no-repeat center center;
    background-size: 100%;
}

.inside_question_content .join_list_content ul li.cur .join_list_icon {
    background: url(../images/question_close2.webp) no-repeat center center;
    background-size: 100%;
}

/* manufacturer */
.manufacturer_word_container{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction:row-reverse;}


.manufacturer_right_word{ width: 43.5%; box-sizing:border-box; padding-left: 0.7rem;}

.manufacturer_left_img{ width: 56.5%; border-radius: 0.3rem; position:relative; overflow: hidden; /*height: 5rem;*/}
.manufacturer_left_img img{ display: block; width: 100%; height: auto;}

@media screen and (max-width:1150px) {
.manufacturer_left_img{  height: 5rem;}

.manufacturer_left_img img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;}

}
@media screen and (max-width:800px) {
.manufacturer_word_container{flex-wrap: wrap;
       justify-content: flex-start;align-items: stretch;flex-direction:row;}


.manufacturer_right_word{ width: 100%; padding: 0;}

.manufacturer_left_img{ width: 100%; border-radius: 3vw; margin-top: 3vw; height: auto;}
.manufacturer_left_img img{ position: static; height: auto;}

  }



/* factory priced */

.factory_priced_list_content ul li {
    padding: 0.3rem 0.3rem 0.4rem;
}

.factory_priced_list_content ul li .index_advantage_icon {
    width: 100%;
    height: 0.86rem;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
}

.factory_priced_list_content ul li h4 {
    font-weight: normal;
    font-size: 0.22rem;
    line-height: 1.36em;
    text-align: center;
    color: #2a4b8c;
    margin: 0.15rem 0 0;
}

.factory_priced_bottom_word{ margin: 3% auto 0; text-align: center; width: 7.5rem;}
.factory_priced_bottom_word p{ font-weight: bold;font-family:"Arial"; color: #2a4b8c; font-size: 0.18rem; line-height: 1.4em;}


@media screen and (max-width:1450px) {
  .factory_priced_list_content ul li:first-child .index_advantage_icon img{ max-height: 62%;}
  .factory_priced_list_content ul li:nth-child(2) .index_advantage_icon img{ max-height: 72%;}
}
@media screen and (max-width:800px) {
.factory_priced_list_content ul li h4{ font-size: 4.4vw;margin: 2.5vw 0 0; line-height: 1.33em;}
.factory_priced_list_content ul li {
    padding: 5vw 4vw;
}

.factory_priced_list_content ul li .index_advantage_icon {
    height: 13vw;
}
.factory_priced_bottom_word{ margin-top: 6vw; width: 100%;}
.factory_priced_bottom_word p{ font-size: 3.6vw;}

}

/* inside 1170 */
.inside_1170_container{ margin-top: 5%;}
.inside_1170_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between;}

.inside_1170_img{ width: 3.91rem;}
.inside_1170_img img{display: block; width: 100%; height: auto;}

.inside_1170_word_content{ width: calc(100% - 4.8rem);}

.inside_1170_word_content .index_word_18content{ width: 100%; text-align: left;}



@media screen and (max-width:1200px) {
.inside_1170_title h2 br{display: none;}
}

@media screen and (max-width:800px) {
.inside_1170_container{ margin-top: 8vw;}
.inside_1170_content{flex-wrap: wrap;justify-content: flex-start; align-items: stretch;}
.inside_1170_img { width: 32vw; margin: 0 auto;}
.inside_1170_word_content{ width: 100%;}
.inside_1170_title{ margin-top: 4vw;}
.inside_1170_title h2{text-align: center;}

}

/* melboure */
.melboure_container{ margin-top: 5%;}
.melboure_img_content{ border-radius: 0.3rem; overflow: hidden;}

.melboure_img_content img{ display: block; width: 100%; height: auto;}

.meboure_bottom_word{ margin-top: 2.5%;}

@media screen and (max-width:800px) {
.melboure_container{ margin-top: 8vw;}
.melboure_img_content{ border-radius: 3vw;}
.meboure_bottom_word {
    margin-top: 4vw;
}

}


/* use */
.index_use_list_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex; flex-wrap: wrap;}
.index_use_list_content ul li {
    width: 31%;
    border-radius: 0.3rem;
    margin: 0 3.5% 0 0;
    box-sizing: border-box;
    transition-duration: .8s;
    -ms-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.index_use_list_content ul li:nth-child(3n){ margin-right: 0;}
.index_use_list_content ul li:nth-child(n+4){ margin-top: 3.5%;}

.index_use_img{ width: 100%; height: 0; padding-bottom: 69.76%; overflow: hidden; position: relative;}
.index_use_img img{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;object-fit: cover;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s;}

  .index_use_list_content ul li:hover .index_use_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s;-moz-transition: all 1.2s
    ease-out 0s;-mo-transition: all 1.2s ease-out 0s;}

.index_use_word{ padding: 0.25rem 0.25rem; box-sizing: border-box; text-align: center;}
.index_use_word h4{ font-weight: normal; font-size: 0.24rem; color: #2a4b8c; line-height: 1.45em;transition-duration: .8s;
-ms-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;}

.index_use_list_content ul li:hover{ background: #2a4b8c;}
.index_use_list_content ul li:hover .index_use_word h4{ color: #fff;}

@media screen and (max-width:800px) {
.index_use_list_content ul li{ width: 100%; border-radius: 3vw; margin: 0;}
.index_use_list_content ul li:nth-child(n+2){ margin-top: 4vw;}
.index_use_word {
    padding: 4vw 5vw;
}
.index_use_word h4{ font-size: 4.4vw; line-height: 1.3em;}

}

/* bottom link */
.bottom_link_list ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center; }
.bottom_link_list ul li{ width: 4rem; height: 1rem; background: #2a4b8c;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s; border-radius: 0.1rem; margin-left: 2.3%;}

.bottom_link_list ul li:first-child{ margin-left: 0;}

.bottom_link_list ul li a{ display: block; width: 100%; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; box-sizing: border-box; padding: 0 0.1rem; color: #fff;}

.bottom_link_list ul li p{ font-size:0.24rem; line-height: 1.25em; margin-left: 0.18rem;}

.bottom_link_list ul li:hover{background: #1a71bd;}

.bottom_link_list ul li img{ width: 0.26rem; display: block; height: auto;flex-shrink:0;}

@media screen and (max-width:800px) {
  .bottom_link_list ul li p {
      font-size: 4.2vw;
      margin-left: 1.5vw;
  }

    .bottom_link_list ul li p br{display: none;}

  .bottom_link_list ul li img {
    width: 3.5vw;
}
.bottom_link_list ul{justify-content: space-between;}
.bottom_link_list ul li{ width: 48%; height: auto;}

.bottom_link_list ul li a {
    padding: 2.5vw 2vw;
}

}

/* structural */
.structural_word_content{ width: 9rem; margin: 0 auto;}
.structural_word h3,.structural_word h2{ color: #1e293b; font-size: 0.4rem; line-height: 1.4em;margin-bottom: 0.2rem;}

/*.structural_word .index_word_content p strong{ color: #1e293b;}*/
.structural_word:nth-child(n+2){ margin-top: 4.5%;}

.structural_word .index_word_content p a{ color: #64748b;}

.structural_word .index_word_content img{ max-width: 100%!important; height: auto!important;}


.structural_word table{ width: 100%;border-collapse:collapse;}
.structural_word table th,.structural_word table td{border: 1px solid #949494; box-sizing:border-box; padding: 0.14rem 0.1rem; text-align: center;vertical-align: middle;font-family:"Arial";font-size: 0.18rem; color: #1e293b;}

.structural_word table th{ line-height: 1.3em; font-weight:bold;}
.structural_word table td{ line-height: 1.3em;}

@media screen and (max-width:1024px) {
.structural_word_content{ width: 100%;}

}

@media screen and (max-width:800px) {
.structural_word h3,.structural_word h2 {
  font-size: 6.3vw;
  line-height: 1.2em;
  margin-bottom: 3vw;
  }
  .structural_word:nth-child(n+2) {
    margin-top: 6vw;
}

.structural_word table td{ font-size: 3.2vw;}
.structural_word table th{ font-size: 3.4vw;}
.structural_word table th, .structural_word table td{ padding: 1.5vw;}

}

/* structural bottom_link */

.inside_structural_link_bg{ background:url(../images/bottom_link_bg.webp) no-repeat center center; background-size: cover; box-sizing: border-box; padding: 5% 0; border-radius: 0.3rem;}

.inside_structural_link_bg .index_title_content h2{ color: #fff;}
.inside_structural_link_bg .index_word_18content p{ color: #fff;}
.inside_structural_link_bg .bottom_link_list ul li{ background: #0ea5e9;}
.inside_structural_link_bg .bottom_link_list ul li:hover{ background: #60a5fa;}

@media screen and (max-width:800px) {
.inside_structural_link_bg{ width: 100%!important; border-radius: 0; padding: 8vw 4%; box-sizing: border-box; margin-bottom: -8vw;}

}

/* built */
.built_top_container .step_word_right_img{ width: 56.5%;}
.built_top_container .step_word_left{ width: 43.5%;padding-left: 0.65rem;}
.built_top_container ul li:nth-child(even) .step_word_left {
    padding: 0 0.65rem 0 0;
}


@media screen and (max-width:800px) {
  .built_top_container .step_word_left {
      width: 100%;
      padding-left: 0;
  }
  .built_top_container .step_word_right_img {
    width: 100%;
    border-radius: 3vw;
    margin-top: 3vw;
    height: auto;
}
.built_top_container ul li:nth-child(even) .step_word_left  {
    padding: 0;
}



}

/* engineering */
.engineering_list_content ul li{width: 31%;margin: 0 3.5% 0 0;padding: 0.5rem 0.5rem 0.5rem;}
.engineering_list_content ul li:nth-child(3n){ margin: 0;}

.engineering_list_content ul li .index_advantage_icon {
    height: 0.69rem;
}

.engineering_list_content ul li h4 {
    font-size: 0.24rem;
    line-height: 1.25em;
    margin: 0.25rem 0 0;
}

.engineering_bottom_word p{ font-weight: normal;color: #64748b;}

@media screen and (max-width:1450px) {
  .engineering_list_content ul li:first-child .index_advantage_icon img {
      max-height: 100%;
  }
  .engineering_list_content ul li:nth-child(2) .index_advantage_icon img {
    max-height: 100%;
}
}

@media screen and (max-width:800px) {
  .engineering_list_content ul li {
      width: 48%;
      margin-right: 4%;
      padding: 4.5vw 3vw;
  }
  .engineering_list_content ul li:nth-child(3n){ margin-right: 4%;}
  .engineering_list_content ul li:nth-child(n+3) {
    margin-top: 4%;
}
.engineering_list_content ul li:last-child{ margin-right: 0;}

.engineering_list_content ul{justify-content: center;}

.engineering_list_content ul li h4 {
    font-size: 4.4vw;
    margin: 2.5vw 0 0;

}

.engineering_list_content ul li .index_advantage_icon {
    height: 9vw;
}

}

/* contact */
.inside_contact_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex; border-radius: 0.3rem; overflow: hidden; background: #fff;}
.left_contact_content{ height: 9rem; width: 42%; background: url(../images/contact_left_img.webp) no-repeat center center; background-size: cover; box-sizing: border-box; padding: 0.9rem 0.5rem 0;color: #fff;}
.left_contact_content a{color: #fff;}
.left_contact_content h3{ font-weight: normal; font-size: 0.34rem;line-height: 1.4em;}

.contact_information{ margin-top: 0.28rem;}
.contact_information p{ font-size: 0.22rem; line-height: 1.5em;box-sizing: border-box;}
.contact_information p:nth-child(n+2){ margin-top: 0.15rem;padding-left: 0.45rem;}
.contact_information p:nth-child(2){ background: url(../images/contact_message_icon1.webp) no-repeat left center; background-size: 0.3rem; }
.contact_information p:nth-child(3){ background: url(../images/contact_message_icon2.webp) no-repeat left center;background-size: 0.3rem;}
.contact_information p:nth-child(4){ background: url(../images/contact_message_icon3.webp) no-repeat left center;background-size: 0.3rem;}

.contact_word_content{ margin-top: 0.3rem;}
.contact_word_content p{ font-size: 0.22rem; line-height: 1.54em;}

.contact_detail_word{ border-top: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; padding-top: 0.28rem; margin-top: 0.28rem;}
.contact_detail_word p{ font-size: 0.16rem; line-height: 1.625em;font-family:"Arial";}





/* form */
.right_contact_content{ width: 58%; box-sizing: border-box; padding: 0 0.8rem 0;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}


.base_form{ width:100%;position: relative;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between; }
.base_form:nth-child(n+2){ margin-top: 0.25rem;}

.form_word_content label{ width: 1.8rem; text-align: right; font-size: 0.22rem; line-height: 1.3em; color: #2a5c9f; margin-right: 0.25rem;}



  .base_form input{
    border: none;
    background: none;
    outline: none;
    font-size: 0.14rem;
    color: #454545;
    font-weight: normal;
    width: calc(100% - 2.05rem);
    height: 0.45rem;
    box-sizing: border-box;
    border-radius: 0.05rem;
    border: 1px solid #2a4b8c;
    padding: 0 0.2rem;

  }


.form_word_content .small, .form_word_content small{
        font-size: 0.14rem;
        position: absolute;
        right: 0.2rem;
        line-height: 1.3em;font-family:"Arial";
      }

.text-danger{color: #dc3545!important;}


.base_form:nth-child(6){align-items: stretch;}
.base_form:nth-child(6) textarea
{
width: calc(100% - 2.05rem);
border: none;
background: none;
outline: none;
box-sizing: border-box;
height: 1.2rem;
font-family: "Arial";
color: #454545;
font-size: 0.14rem;
line-height: 1.4em;
border-radius: 0.05rem;
border: 1px solid #2a4b8c;
padding: 0.1rem 0.2rem;
}




.form_word_content button
{
border: none;
background: none;
outline: none;
width: 1.8rem;
height: 0.5rem;
line-height: 0.5rem;
text-align:center;
background: #2a4b8c;
border-radius: 0.08rem;
overflow: hidden;
font-size: 0.22rem;
color: #fff;
display: block;margin-top: 0.34rem; float: right;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
cursor: pointer;
font-weight: normal;
font-family: "akroba";
}
.form_word_content button:hover{background: #1a71bd;}

.sucess_content{ width: 100%; background: #f5f9fd; border-radius: 10px;box-sizing: border-box;
    padding: 0.4rem 0.1rem;}
p.text-primary{ font-size: 0.2rem;
    text-align: center;
    color: #333;font-family:"Arial";}


.contact_form_bottom_word{ margin-top: 0.35rem;}
.contact_form_bottom_word p{ font-size: 0.22rem; line-height: 1.54em; color: #1e293b;}

.contact_form_bottom_notice{ margin-top: 0.2rem;}
.contact_form_bottom_notice p{ color: #717171; font-size: 0.16rem;font-family:"Arial"; line-height: 1.625em;}


@media screen and (max-width:800px) {
.inside_contact_content{flex-wrap: wrap;
   justify-content: flex-start; border-radius: 3vw;}


.left_contact_content{ width: 100%; height: auto; padding: 8vw 6vw;}

.left_contact_content h3{ font-size: 6.3vw;}
.contact_information { margin-top: 4vw;}
.contact_information p{ font-size: 4.2vw;}

.contact_information p:nth-child(2),.contact_information p:nth-child(3),.contact_information p:nth-child(4) {
    background-size: 5vw;
}

.contact_information p:nth-child(n+2) {
    margin-top: 2vw;
    padding-left: 7vw;
}
.contact_word_content {
    margin-top: 4vw;
}
.contact_word_content p {
    font-size: 4.2vw;
    line-height: 1.5em;
}
.contact_detail_word {
    padding-top: 4vw;
    margin-top: 4vw;
}

.contact_detail_word p {
    font-size: 3.4vw;
    line-height: 1.5em;
}

/* form */
.right_contact_content{ width: 100%; padding: 8vw 6vw;}

.form_word_content label {
    width: 20vw;
    font-size: 4vw;
    margin-right: 6vw;
    line-height: 1.2em;
}

.base_form input {
    font-size: 3.5vw;
    width: calc(100% - 26vw);
    height: 9vw;
    padding: 0 2vw;
}

.base_form:nth-child(6) textarea {
    width: calc(100% - 26vw);
    height: 1.2rem;
    font-size: 3.5vw;
    padding: 2vw;
    height: 22vw;
}

.base_form:nth-child(n+2) {
    margin-top: 4vw;
}


.form_word_content button {

    width: 28vw;
    height: 9.4vw;
    line-height: 9.4vw;
    font-size: 4vw;
    margin-top: 4vw;

}

.contact_form_bottom_word p{ font-size: 4.2vw; line-height: 1.5em;}
.contact_form_bottom_word{ margin-top: 6vw;}
.contact_form_bottom_notice p { font-size: 3.5vw; line-height: 1.5em;}
.contact_form_bottom_notice {
    margin-top: 3vw;
}

}


/* contact help */

.contact_help_list_container ul li {
    padding: 0.43rem 0.4rem;
}

.contact_help_list_container ul li .index_advantage_icon {
    height: 0.6rem;
}

.contact_help_list_container ul li h4 {
    font-size: 0.24rem;
    line-height: 1.33em;
    margin: 0.23rem 0 0;
}

@media screen and (max-width:800px) {
  .contact_help_list_container ul li {
      padding: 6vw 4vw;
  }
  .contact_help_list_container ul li .index_advantage_icon {
    height: 9vw;
}

.contact_help_list_container ul li h4 {
    font-size: 4.4vw;
    margin: 2.5vw 0 0;
    line-height: 1.33em;
}

.contact_help_list_container ul li .index_advantage_icon img {
    max-height: 100%!important;
}

}

/* product list */
.inside_product_list_right_content{width: calc(100% - 4rem); float:right;}
.inside_product_list_top h3{ font-weight: normal; text-align: center; font-size: 0.5rem; color: #1e293b; line-height: 1.3em;}

.inside_product_list_top ul{ margin-top: 0.3rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;flex-wrap: wrap;}
.inside_product_list_top ul li{ width: 11%; margin-right: 1.71%; text-align: center; height: 0.45rem; background: #0ea5e9; border-radius: 0.5rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.inside_product_list_top ul li:nth-child(8n){ margin-right: 0;}
.inside_product_list_top ul li:last-child{ margin-right: 0;}
.inside_product_list_top ul li:nth-child(n+9){ margin-top: 0.2rem;}
.inside_product_list_top ul li a{ display:block;width: 100%; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; font-size: 0.16rem; line-height: 1.2em; color: #fff;font-family:"Arial"; padding: 0 0.05rem; box-sizing: border-box;}

.inside_product_list_top ul li:hover,.inside_product_list_top ul li.cur{ background: #2a4b8c;}

          /* product list */
.inside_product_list ul li{ padding: 0.2rem;}
.inside_product_list ul li h4 {
    font-size: 0.22rem;
    line-height: 1.4em;
}


.inside_product_list ul li dl dd h6 {
    font-size: 0.14rem;
    line-height: 1.3em;
    color: #2a4b8c;
    margin-left: 0.05rem;
}

.inside_product_list ul li dl dd img {
    display: block;
    width: auto;
    height: 0.3rem;
}


.inside_product_list ul li .index_product_word {
    margin-top: 0.15rem;
    -webkit-line-clamp: 3;
}

.inside_product_list ul li .index_word_content p {
    font-size: 0.14rem;
    line-height: 1.57em;
}

.inside_product_list ul li .product_parameter_container p {
    font-size: 0.16rem;
    line-height: 1.3em;
    padding-left: 0.2rem;
    margin-top: 0.05rem;
}

.inside_product_list ul li .product_button {
    height: 0.48rem;
    margin-top: 0.2rem;
}

@media screen and (max-width:1220px) {
  .inside_product_list ul li dl {
    flex-wrap: wrap;
  }

  .inside_product_list ul li dl dd {
    width: 55%;
}
.inside_product_list ul li dl dd:nth-child(even) {
  width: 45%;
}

.inside_product_list ul li dl dd img {
    height: 0.35rem;
}

.inside_product_list ul li dl dd h6 {
    font-size: 0.15rem;
    margin-left: 0.08rem;
}
.inside_product_list ul li dl dd:nth-child(n+3){ margin-top: 0.05rem;}

}

@media screen and (max-width:1024px) {
  .inside_product_list_top ul li {
      width: 18.4%;
      margin-right: 2%;
  }

  .inside_product_list_top ul li:nth-child(8n) {
  margin-right: 2%;
   }

   .inside_product_list_top ul li:nth-child(5n) {
   margin-right: 0;
    }

    .inside_product_list_top ul li:last-child{ margin-right: 0;}

    .inside_product_list_top ul li:nth-child(n+6){ margin-top: 2%;}
  .inside_product_list_top h3{ font-size: 0.46rem;}

}


@media screen and (max-width:900px) {
  .inside_product_list ul li {
      width: 100%;
      margin-right: 0;

  }

  .inside_product_list ul li:nth-child(n+2) {
    margin-top: 3.5%;
}

.inside_product_list ul li dl dd {
    width: auto;
}
.inside_product_list ul li dl dd:nth-child(even) {
    width: auto;
}

}

@media screen and (max-width:800px) {
.inside_product_list_right_content{ width: 100%; float: none; margin-top: 8vw;}
.inside_product_list_top h3{font-size: 6.3vw; line-height: 1.2em;}
.inside_product_list_top ul li {
    width: 23.5%;
    margin-right: 2%;height: 8vw;
}

 .inside_product_list_top ul li:nth-child(5n) {
 margin-right: 2%;
  }

  .inside_product_list_top ul li:nth-child(4n) {
  margin-right: 0;
   }

  .inside_product_list_top ul li:last-child{ margin-right: 0;}

  .inside_product_list_top ul li:nth-child(n+5){ margin-top: 2%;}
  .inside_product_list_top ul li a{ font-size: 3vw; padding: 0 1vw;}
  .inside_product_list_top ul{ margin-top: 4vw;}

  .inside_product_list ul li {
    padding: 3.5vw;
}
.inside_product_list ul li h4 {
    font-size: 4.4vw;
    line-height: 1.4em;
    margin-top: 4vw;
}

.inside_product_list ul li dl dd img {
    height: 5.6vw;
}

.inside_product_list ul li dl dd h6 {
    font-size: 2.6vw;    margin-left: 0.07rem;
}

.inside_product_list ul li .index_product_word {
    -webkit-line-clamp: 20;
    margin-top: 3vw;
}

.inside_product_list ul li .index_word_content p {
  font-size: 3.5vw;
  line-height: 1.5em;
}

.inside_product_list ul li .product_parameter_container p {
    font-size: 3.8vw;
padding-left: 3.5vw;
}
.inside_product_list ul li .product_button {
  height: 10vw;
margin-top: 3vw;
}


}

/* product_detail */
.inside_product_detail_content h1{ font-weight:normal; color: #1e293b; font-size: 0.34rem; line-height: 1.3em; text-align: center; width: 100%; margin-bottom: 4%;}

.inside_product_detail_left{ width: 32%; float: left;}
.inside_product_detail_left ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
	}

.inside_product_detail_left ul li{ border-radius: 0.1rem; height: 0; overflow: hidden; padding-bottom: 28.8%; width: 48%; margin-right: 4%; position: relative; cursor: pointer;}
.inside_product_detail_left ul li:nth-child(2n){margin-right:0;}
.inside_product_detail_left ul li:nth-child(n+3){ margin-top: 4%;}

.inside_product_detail_left ul li img{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.2s ease-out 0s;-webkit-transition: all 1.2s ease-out 0s; -moz-transition: all 1.2s ease-out 0s; -mo-transition: all 1.2s ease-out 0s;}

.inside_product_detail_left ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s
  ease-out 0s;-mo-transition: all 1s ease-out 0s;}

  /* 模态框样式 */
.modal {
           display: none;
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-color: rgba(0, 0, 0, 0.9);
           z-index: 10;
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .modal.active {
           opacity: 1;
       }

       .modal-content {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           max-width: 90%;
           max-height: 90%;
           text-align: center;
       }

       .modal-image {
           max-width: 100%;
           max-height: 80vh;
           border-radius: 4px;
           display: block;
       }

       .modal-caption {
           color: white;
           margin-top: 15px;
           font-size: 18px;
       }

       .modal .close {
           position: absolute;
           top: 20px;
           right: 30px;
           color: white;
           font-size: 40px;
           font-weight: bold;
           cursor: pointer;
           transition: color 0.3s;
       }

       .modal .close:hover {
           color: #0051a4;
       }

       .modal .nav-btn {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           color: white;
           font-size: 30px;
           font-weight: bold;
           padding: 15px;
           cursor: pointer;
           user-select: none;
           transition: background-color 0.3s;
       }

       .modal .nav-btn:hover {
           background-color: rgba(255, 255, 255, 0.2);
       }

       .modal .prev {
           left: 0;
           border-radius: 0 5px 5px 0;
       }

      .modal .next {
           right: 0;
           border-radius: 5px 0 0 5px;
       }

@media screen and (max-width:800px) {

         .modal .close {     font-size: 30px;
                         top: 10px;
                         right: 15px;}
         .nav-btn {
                       font-size: 24px;
                       padding: 10px;
                   }

         .modal-content{ width: 65%;}

}


/* product detail right */

/* product_top */
.inside_product_detail_right{ width: 64.5%; float:right;}
.inside_product_detail_top{ width: 100%; border-radius: 0.3rem; background: #fff; box-sizing: border-box; padding: 0.5rem;}

.inside_product_detail_size dl{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;gap: 0.4rem;}

.inside_product_detail_size dl dd{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}

.inside_product_detail_size dl dd img{ display: block; width: auto; height: 0.4rem;}
.inside_product_detail_size dl dd h6{font-family:"Arial"; font-size: 0.16rem; line-height: 1.3em; color: #2a4b8c; margin-left: 0.07rem;}

.product_detail_top_word1{ margin-top: 0.25rem;}
.product_detail_top_word1 h3,.product_detail_top_word1 h2{ font-weight: normal; color: #1e293b; font-size: 0.22rem; line-height: 1.59em;}

.product_detail_top_price{ width: 100%; border-radius: 0.3rem; background:#eff6ff; box-sizing: border-box; padding: 0.25rem 0.25rem; margin-top: 0.22rem;}
.product_detail_top_price p{ font-family:"Arial";font-size: 0.18rem; line-height: 1.83em; color: #475569;}
.product_detail_top_price p strong{ color: #2a4b8c;}
.product_detail_top_price h6{ font-weight: normal; color: #8996a9; font-size: 0.14rem; line-height: 1.83em;font-family:"Arial";}

.product_detail_top_button{ width: 2.5rem; height: 0.56rem;  border-radius: 0.5rem; margin-top: 0.28rem;background: #0ea5e9; overflow: hidden;transition-duration: .8s;
-ms-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;}

.product_detail_top_button a{display: block; width: 100%; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; color: #fff; font-size: 0.2rem; line-height: 1.3em;    }

.product_detail_top_button:hover{ background: #2a4b8c;}

.detail_parameter_container{ margin-top: 0.27rem;}

.product_detail_top_word2{ margin-top: 0.23rem;}
.product_detail_top_word2 p{ color: #717171; font-size: 0.18rem; line-height: 1.4em;}

@media screen and (max-width:1200px) {
  .inside_product_detail_size dl{gap:inherit;justify-content: space-between;}
}

@media screen and (max-width:800px) {
.inside_product_detail_size dl dd h6 {
    font-size: 2.6vw;
}
.inside_product_detail_size dl dd img {
    height: 6vw;
}

.inside_product_detail_content h1{ font-size: 6.3vw; margin-bottom: 6vw; line-height: 1.2em;}

.inside_product_detail_left{ width: 100%; float: none;}

.inside_product_detail_right {
    width: 100%;
    float: none;
}

.inside_product_detail_top {
    border-radius: 3vw;
    padding: 5vw;
    margin-top: 6vw;
}

.product_detail_top_word1 h3,.product_detail_top_word1 h2 {
    font-size: 4.2vw;
    line-height: 1.5em;
}
.product_detail_top_word1 {
    margin-top: 4vw;
}
.product_detail_top_price {
    border-radius: 3vw;
    padding: 3vw;
    margin-top: 4vw;
}

.product_detail_top_price p {
    font-size: 3.5vw;
    line-height: 1.8em;
}

.product_detail_top_price h6 {
    font-size: 3.3vw;
    line-height: 1.8em;
}

.product_detail_top_button {
  width: 46vw;
height: 10vw;
margin-top: 4vw;
}

.product_detail_top_button a{ font-size: 4vw;}

.detail_parameter_container {
    margin-top: 4vw;
}
.product_detail_top_word2 {
    margin-top: 4vw;
}
.product_detail_top_word2 p {
    font-size: 3.4vw;
    line-height: 1.5em;
}


}

/* product_bottom */

.inside_product_bottom_container{ width: 100%; border-radius: 0.3rem; background: #fff; box-sizing: border-box; padding: 0.5rem; margin-top: 5%;}
.detail_bottom_title h3{ font-weight: normal; color: #1e293b; font-size: 0.26rem;line-height: 1.3em; margin-bottom: 0.2rem;}

.detail_bottom_word_content{font-family:"Arial";}
.detail_bottom_word_content p{ color: #475569; font-size: 0.16rem; line-height: 1.625em;}

.detail_bottom_word_content table{ width: 100%;border-collapse:collapse;}
.detail_bottom_word_content table th,.detail_bottom_word_content table td{border: 1px solid #949494; box-sizing:border-box; padding: 0.14rem 0.1rem; text-align: center;vertical-align: middle;font-family:"Arial";font-size: 0.18rem; color: #1e293b;line-height: 1.3em;}

.product_detail_page{ margin-top: 0.85rem;}
.product_detail_page p{ color: #1e293b; font-size: 0.18rem; line-height: 1.4em;}
.product_detail_page p a{ color: #1e293b;}
.product_detail_page p a:hover{ color: #2a4b8c;}
.product_detail_page p:nth-child(2){ margin-top: 0.13rem;}


@media screen and (max-width:800px) {

.detail_bottom_word_content table td{ font-size: 3.2vw;}
.detail_bottom_word_content table th, .detail_bottom_word_content table td{ padding: 1.5vw;}

.inside_product_bottom_container{ border-radius: 3vw; margin-top: 6vw; padding: 5vw;}

.detail_bottom_title h3 {
    font-size: 5vw;
    line-height: 1.3em;
    margin-bottom: 3vw;
}

.detail_bottom_word_content p {
    font-size: 3.5vw;
    line-height: 1.5em;
}

.product_detail_page p{ font-size: 3.5vw;}
.product_detail_page p:nth-child(2) {
    margin-top: 3vw;
}

.product_detail_page {
    margin-top: 10vw;
}



}



/* open form */
.eject_form_container {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.open_contact_button {
  opacity: 1;
  z-index: 4;
}

.eject_form_content{ width: 1000px; background: #1b5633; box-sizing: border-box; padding: 0.6rem 0 0.3rem; border-radius: 10px; position: relative;}

.form_container_product{ width: 90%;}

.form_container_product .small, .form_container_product small {
    right: 0.3rem;
    line-height: 0.5rem;
}

.form_container_product .base_form{height: 0.5rem; margin-top: 2%;}
.form_container_product .base_form p{font-size: 0.18rem; line-height: 0.5rem;}
.form_container_product .base_form input{ font-size: 0.18rem; line-height: 0.5rem;}

.form_container_product .base_form:nth-child(5){ height: 1.4rem;}

.form_container_product .base_form:nth-child(5) textarea::-webkit-input-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea::-moz-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea:-moz-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea:-ms-input-placeholder{
  font-size: 0.18rem;
      }

.form_container_product .base_form h4{ font-size: 0.18rem;margin-bottom: 0.2rem;}
.form_container_product .base_form:nth-child(6){ height: auto;}
.form_container_product .base_form:nth-child(6) input{ line-height: 0.4rem;}

.form_container_product button{
  width: 2rem;
 height: 0.6rem;
 line-height: 0.6rem;
 font-size: 0.26rem;
margin: 0.3rem auto 0;
}

.eject_form_content h6{ width: 0.35rem; position: absolute; right: 5%; top: 0.2rem; display: block; cursor: pointer;}
.eject_form_content h6 img{display: block; width: 100%; height: auto;}

@media screen and (max-width:1150px) {
.eject_form_content{ width: 80%;}
}

@media screen and (max-width:800px) {
.eject_form_content{ width: 94%;padding: 0.6rem 0 0.3rem;}
.form_container_product .base_form p{    font-size: 3.8vw;
    line-height: 8vw;
    margin-right: 2vw;}
.form_container_product .base_form{    margin: 3vw 0 0;
    height: 8vw;}
  .form_container_product .base_form input{    font-size: 3.4vw; line-height: 8vw;}

  .form_container_product .base_form:nth-child(5) textarea::-webkit-input-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea::-moz-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea:-moz-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea:-ms-input-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5){ height: 25vw;}
  .form_container_product .base_form h4{    font-size: 4vw;
    margin-bottom: 3vw;}
  .form_container_product .small, .form_container_product small{ line-height: 8vw;}
  .form_container_product button {
    margin-top: 5vw;
    font-size: 4.4vw;
    width: 30vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 10vw;
}
.eject_form_content h6{ width: 6vw;}
}


/* Search Result */
.search_result_content{ background: #fff;box-shadow: 0.05rem 0.05rem 0.2rem rgba(27,86,51,0.4); border-radius: 10px; padding: 0.5rem; box-sizing: border-box;}
.search_result_content ul li{ width: 100%;border-top: 2px solid #e8e8e8; margin-top: 3%; padding-top: 3%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.search_result_content ul li h3{
  font-size: 0.24rem;
    line-height: 1.33em;
    margin-bottom:0.15rem;
    color: #000000;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;
  }
.search_result_content ul li h4{ font-size: 0.2rem; line-height: 1.3em; color: #666666;}

.search_result_content ul li:first-child{border-top: none; margin-top: 0; padding-top: 0;}

.search_result_content ul li:hover h3{ color: #1b5633;}

@media screen and (max-width:800px) {
.search_result_content{box-shadow: 0.5vw 0.5vw 2vw rgba(27,86,51,0.4); border-radius: 1vw; padding: 5vw;}
.search_result_content ul li h3{    font-size: 4.2vw;line-height: 1.4em; margin-bottom: 3vw;}
.search_result_content ul li h4{ font-size: 3.8vw;}
.search_result_content ul li{ margin-top: 4vw; padding-top: 4vw;}

}

/* sitemap */
.content_sitemap{ overflow:hidden;border: 1px solid #ccc;
padding: 0.4rem 0.3rem 0 0.3rem;box-sizing:border-box;-webkit-box-sizing: border-box; }

.sitemap_link{margin-bottom:0.4rem;}
.content_sitemap ul{ width:100%; overflow:hidden;}
.content_sitemap h3{ font-size:0.24rem; line-height:1.1em; border-bottom:1px dotted #ccc;padding-bottom:0.15rem; color:#313131; }
.content_sitemap h3 a{color:#313131; }

.content_sitemap ul li{ float:left; padding-right:0.25rem; font-size:0.18rem; line-height:1.2em; margin-top:0.15rem;}

.content_sitemap ul li a{ color:#636363;}

.content_sitemap a:hover{ color: #1b5633;}

.content_sitemap ul.xxww li{ padding-right:0; width:100%;}


@media screen and (max-width:800px) {
.content_sitemap{ padding: 4vw;}
.content_sitemap h3{font-size: 4.4vw; padding-bottom: 2vw;}
.content_sitemap ul li{ font-size: 3.8vw; margin-top: 2vw; float: none; width: 100%; padding-right: 0;}
.sitemap_link { margin-bottom: 6vw;}
}