@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

img {
  border: none;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
}

html, body {
  font-family: "akroba", "Arial", "Microsoft YaHei", "微软雅黑";
  color: #272727;
  font-size: 12px;
  background-color: #ffffff;
}

html {
  overflow-x: hidden;
  font-size: 625%;
}

/*10*/
body a {
  outline: none;
  blr: expression(this.onFocus=this.blur());
}

@font-face {
  font-family: "akroba";
  src: url("../font/Akrobat-Bold.woff") format("woff"),

       url("../font/Akrobat-Bold.eot") format("embedded-opentype"),
       url("../font/Akrobat-Bold.otf") format("opentype");
}


@media screen and (max-width:1450px) {
  html {
    font-size: 562.5%;
  }

  /*9*/
}

@media screen and (max-width:1290px) {
  html {
    font-size: 500%;
  }

  /*8*/
}

@media screen and (max-width:1024px) {
  html {
    font-size: 468.75%;
  }

  /*7.5*/
}

/*gundong*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #dddddd;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #2a4b8c;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background: #2a4b8c;
}

@keyframes animate {
  0% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1.00);
  }
}

/* public */
.index_container {
  width: 1380px;
  margin: 0 auto;
}

.index_container_1000{
  width: 1000px;
  margin: 0 auto;
}

.top_mag_bottom{
  margin-top: 3.5%;
}

.top_mag, .top_mag_w {
  margin-top: 3.5%;
}

.top_mag_m {
  margin-top: 3%;
}

img.pc_img{display: block;}
img.mobile_img{ display:none;}

.index_title_content_mag{ margin-bottom: 0.4rem;}
.title_position{ position: relative;}


.index_title_content h3,.index_title_content h2{ font-size: 0.6rem; color: #1e293b;line-height: 1.3em;}
.inside_title_content h3,.inside_title_content h2{ font-size: 0.5rem;}


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

.index_word_content h5{color: #1e293b; font-size: 0.16rem;
    line-height: 1.625em;
    font-family: "Arial";}
.white_word_content p{ color: #fff;}
.inside_18word_content p{ font-size: 0.18rem; line-height: 1.44em;}

.index_word_18content{ width: 7.5rem; text-align:center;margin: 0 auto;  }
.index_word_18content_all{ width: 100%; text-align: left;}
.index_word_18content p{font-size: 0.18rem; line-height: 1.66em; color: #64748b;font-family:"Arial";}
.index_word_18content p:first-child{ margin-top: 0.2rem;}

.center_word_content p{ text-align: center;}
.word_content_mag{margin-top: 0.3rem;}

.index_word_content_nomag p{ margin-top: 0;}

.white_title h3{ color: #fff;}
.center_title{ text-align:center;}

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

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

@media screen and (max-width:800px) {
  .index_container_1000{
  width: 92% !important;
  }

  .index_container {
    width: 92% !important;
  }
  .top_mag_bottom {
    margin-top: 8vw;
  }

  .top_mag {
 margin-top: 0;
}

.top_mag_w {
 margin-top: 8vw;
}

.top_mag_m {
 margin-top: 6vw;
}

  img.pc_img{display: none;}
  img.mobile_img{ display:block;}
  .index_title_content h3,.index_title_content h2{ font-size: 6.3vw; line-height: 1.2em;}
  .inside_title_content h3,.inside_title_content h2{ font-size: 6.3vw;}
  .inside_title_content h3 br,.inside_title_content h2 br{display: none;}

  .index_title_content_mag{ margin-bottom: 4vw;}
  .left_title{text-align: left;}
  .index_word_18content{ width: 100%;}
  .index_word_content p{ font-size: 3.5vw; line-height: 1.5em;}
  .index_word_content h5{     font-size: 3.5vw;
      line-height: 1.5em;}
  .inside_18word_content p{font-size: 3.5vw; line-height: 1.5em;}
  .index_word_18content p{ font-size: 3.6vw;line-height: 1.4em;}
  .word_content_mag{ margin-top: 4vw;}

  .index_word_18content p:first-child{ margin-top: 2vw;}

}


/* top */
.top_container {
  width: 100%;
  height: 1.2rem;
  background:transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  background: #fff;
}

.top_content{ height: 100%;}


/* nav */

.nav_container {
  width: 100%;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  box-sizing: border-box;
  position:relative;
  height: 100%;

  display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}

.nav_container img.logo {
  height: 0.77rem;
  width: auto;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  display: block;
}

.nav {
 margin: 0.1rem 0.6rem 0 auto;
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;


}

.nav ul{
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

.nav ul li {
  font-size: 0.22rem;
  line-height: 1.5em;
  position:relative;
}

.nav ul li a {
  color: #222222;
  display: block;
  box-sizing: border-box;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  background: transparen;
  padding-bottom: 0.1rem;
  overflow: hidden;
}

.nav ul li span{width: max-content; float: left;}
.nav ul li i{ background: url(../images/nav_two.webp) no-repeat center center; width: 0.11rem; height: 0.06rem; background-size: 100%; float: left;margin: 0.14rem 0 0 0.08rem; display: none;}
.nav ul li a:hover, .nav ul li a.cur {
  color: #1a71bd;
}

.nav ul li dl{display: none;position: absolute; left: 50%; width: 2.5rem; background: rgba(26,113,189,1); box-sizing: border-box; padding: 0 0.2rem;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}

.nav ul li dl dd{ text-align: center; font-size: 0.18rem; line-height: 1.4em;}
.nav ul li dl dd a{ margin: 0; border-top: 1px solid rgba(255,255,255,0.5);padding: 0.1rem 0; box-sizing: border-box; color: #fff; text-transform: none;}
.nav ul li dl dd a:hover{color: #fff;}
.nav ul li dl dd:first-child a{ border-top: none; }

/* top_tool */
.top_tool {
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.top_tool p{ font-size: 0.22rem; line-height: 1.5em; background: url(../images/top_tel.webp) no-repeat left center; color: #1a71bd; background-size: 0.26rem; box-sizing: border-box; padding-left: 0.38rem;}


@media screen and (max-width:1450px) {
/*.nav ul li dl{ width: 2.2rem;}*/
.nav ul{
  gap: 3vw;
}

.nav{ margin-right: 3vw;}
}

@media screen and (max-width:1100px) {
  .nav ul{
    gap: 2vw;
  }
}


.fix_nav_bg {
  height: 1rem;
}
.fix_nav_bg img.logo{ height: 0.7rem;}


.header2 {
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  background: #fff;
  color: #dcdcdc;
  position: fixed;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 3;
  display: none;
  padding: 0 4vw;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.header2 img {
  display: block;
  margin: 0 auto;
}

.header2 .top_dh {
  position: relative;
  float: right;
  top: 50%;
  transform: translateY(-50%);
}

.header2 .top_dh img {
  width: 40px;
  height: auto;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.top_dh img.nav_close {
  display: none;
}

.moguanbi img.nav_close {
  display: block;
}

.moguanbi img.nav_open {
  display: none;
}

.header2 .mobile_logo {
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  font-weight: normal;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.header2 .mobile_logo img {
  height: 55px;
  width: auto;
}

.m_top_tool{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.m_top_tool p{ font-size:0.3rem; }

.nav_bg_m {
  position: fixed;
  right: -100%;
  width: 100%;
  height: calc(100vh - 90px);
  overflow-x: hidden;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  background-size: cover;
  margin-top: 90px;
  background-image: linear-gradient(to right,#173164, #1a71bd);
}

.nav_bg_m2 {
  right: 0;
}

.nav_mobile {
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.nav_mobile li {
  width: 90%;
  position: relative;
  font-size: 0.4rem;
  overflow: hidden;
  margin: 0.7vh auto;
/*  text-transform:uppercase;*/
}

.nav_mobile li a {
  color: #fff;
  width: 100%;
  display: block;
  padding: 0.7vh 0;
  cursor: pointer;
}

.nav_mobile h6 {
  font-size: 4vw;
  color: #fff;
  width: 30vw;
  height: 8vw;
  border-radius: 1vw;
  border: 2px solid #fff;
  text-align: center;
  line-height: 8vw;
  margin: 2vh auto 0;
  font-weight: normal;
}

.nav_mobile li dl{ border: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; padding: 0 2vw; display: none; border-radius: 1vw;}
.nav_mobile li dl dd{ font-size: 0.34rem;    margin: 0.7vh 0;}
.nav_mobile li dl dd a{padding: 0.8vh 0;}


.nav_mobile li a.mobile_nav_one{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}
.nav_mobile li span{float:left;}
.nav_mobile li i{ background: url(../images/nav_two_white.webp) no-repeat center center; width: 0.18rem; height: 0.1rem; background-size: 100%; float: left; margin: 0.22rem 0 0 0.15rem;display: none;}


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

  .header2 {
    display: block;
  }
}

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

  .header2 {
    height: 13vw;
  }

  .header2 .top_dh img {
    width: 5.3vw;
  }

  .header2 .mobile_logo img {
    height: 8vw;
  }

  .nav_bg_m {

    height: calc(100vh - 13vw);
    margin-top: 13vw;
  }


 .nav_mobile li {
    margin: 1.2vh auto;
    font-size: 4.2vw;
  }

  .nav_mobile h6 {
    margin: 3vh auto 0;
  }

  .nav_mobile li dl dd{font-size: 3.8vw;}

  .m_top_tool p{ font-size: 4vw;background-size: 4vw;    padding-left: 6vw;}

  .nav_mobile li i{
    width: 2vw;
    height: 1vw;
    margin: 2.3vw 0 0 2vw;
}
}

/*banner*/
.banner_container {
  width: 100%;
  position: relative;
  margin-top: 1.2rem;background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 7.3rem;
}

.banner_content{ width: 100%; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; background: rgba(23,49,100,0.62);}

.banner_word_content{ width: 70%; text-align: center; color: #fff; margin:0 0.2rem;}

.banner_word{ width:9.6rem; text-align: center; margin: 0 auto;}

.banner_word_content h1{ font-weight: normal; font-size: 0.46rem; line-height: 1.3em; margin-bottom: 0.2rem;}
.banner_word h2{ color: #ffffff; font-size: 0.3rem; font-weight: normal; line-height: 1.4em; margin-bottom: 0.15rem;}
.banner_word p{ font-family:"Arial"; font-size: 0.18rem; line-height: 1.55em;}
.banner_word p:nth-child(n+2){ margin-top: 0.07rem;}

.banner_more{ width: 1.9rem; height: 0.5rem; margin: 0.15rem auto;}
.banner_more a{ display: block; width: 100%; height: 100%; border-radius: 0.3rem; background: #0ea5e9;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.banner_more a:hover{ background: #1a71bd;}
.banner_more a img{ display: block; width: 0.22rem; height: auto;}
.banner_more a h6{ font-weight: normal; font-size: 0.2rem; line-height: 1.3em; color: #fff; margin-left: 0.16rem;}

.banner_word h5{ font-size: 0.43rem; line-height: 1.2em; color: #fff; margin-top: 0.3rem;}
.banner_word h5 a{ color: #fff;}
.banner_word h5 img{ width: 0.21rem; height: auto;}
.banner_word h5 i{ margin-right: 0.12rem;}

@media screen and (max-width:1550px) {
.banner_logo img{ width: auto; height:0.9rem; }
}

@media screen and (max-width:1200px) {
.banner_word{ width: 100%; box-sizing: border-box; padding: 0 5%;}
}

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

@media screen and (max-width:800px) {
.banner_container{ margin-top: 13vw; height: auto;}
.banner_content{ box-sizing: border-box; padding: 8vw 0 26vw; display: block; position: relative;}
.banner_word_content{ width: 92%; margin: 0 auto;}
.banner_word{ padding: 0;}
.banner_logo{ position:absolute; bottom: 8vw; left: 15vw;}
.banner_logo2{ left: auto; right: 15vw;}
.banner_logo img{ height: 12vw;}
.banner_word_content h1{ font-size: 6.3vw;line-height: 1.2em; margin-bottom: 4vw;}

.banner_word_content h1 br{display: none;}
.banner_word p{ font-size: 3.6vw; line-height: 1.4em;}
.banner_word p:nth-child(n+2) {
    margin-top: 1vw;
}
.banner_word h2{ font-size: 4.5vw; margin-bottom: 2vw;}
.banner_more {
    width: 32vw;
    height: 9vw;
    margin: 3vw auto;
}
.banner_more a img { width: 3.8vw;}
.banner_more a h6{ font-size: 3.8vw; line-height: 1.2em;margin-left: 2vw;}
.banner_more a{border-radius: 10vw;}

.banner_word h5 {
    font-size: 6vw;
    margin-top: 4vw;
}
.banner_word h5 img { width: 3vw;}
.banner_word h5 i {
    margin-right: 1.6vw;
}

}

/* first word part */
.first_word_part_container{ width: 100%; padding: 0.5rem 0; box-sizing: border-box; background: #1a71bd;}

.first_word_part_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between;}

.first_word_container_left{ width: calc(100% - 4.3rem);}
.first_word_container_left h3{ font-weight: normal; font-size: 0.3rem; line-height: 1.3em; color: #fff; margin-bottom: 0.13rem;}
.first_word_container_left p{ color: #fff; font-size: 0.16rem; line-height: 1.75em;font-family:"Arial";}

.blue_more_circle{ width: 0.5rem; height: 0.5rem; display: block;border-radius: 50%; background:url(../images/more1.webp) no-repeat center center #0ea5e9; background-size: 0.19rem;box-sizing: border-box; border: 1px solid #fff;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.blue_more a{display: block;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}

.blue_more_circle:hover{background:url(../images/more1.webp) no-repeat center center #60a5fa;}
.blue_more h6{ font-weight: normal; color: #fff; font-size: 0.2rem; line-height: 1.2em; margin-left: 0.14rem;transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.blue_more h6:hover{ color: #b1d4fe;}

@media screen and (max-width:1200px) {
.first_word_container_left{ width: calc(100% - 3.3rem);}

}

@media screen and (max-width:800px) {
.first_word_part_container{ padding: 8vw 0;}
.first_word_part_content{   flex-wrap: wrap;
   justify-content: flex-start;align-items: stretch;}
.first_word_container_left{ width: 100%;}
.first_word_container_left h3{ font-size: 6.3vw; line-height: 1.2em; margin-bottom: 2vw;}
.first_word_container_left p{ font-size: 3.5vw; line-height: 1.5em;}
.blue_more h6 {
    font-size: 3.8vw;
    margin-left: 2vw;
  }
.blue_more_circle{    width: 8vw;
    height: 8vw; background-size: 2.8vw;}

.blue_more_circle:hover{background-size: 2.8vw;}

.blue_more{ margin-top: 6vw;}

}

/* product */
.index_product_container{ padding: 3.5% 0; background: #eff6ff;}

.index_product_list_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;   flex-wrap: wrap;
   justify-content: flex-start;}
.index_product_list_content ul li {
    width: 47.8%;
    margin-right: 4.4%;
    border-radius: 0.3rem;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box; padding: 0.3rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

/*.index_product_list_content ul li:hover{ background: #fafcfe;}*/

.index_product_list_content ul li:nth-child(2n) {
    margin-right: 0;
}
.index_product_list_content ul li:nth-child(n+3){ margin-top: 3.5%;}
.index_product_img{ width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative;border-radius: 0.3rem;}
.index_product_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_product_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;}


.index_product_list_content ul li h4{ font-weight: normal; font-size: 0.28rem; color: #1e293b; line-height: 1.3em; margin-top: 0.2rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.index_product_list_content ul li h4:hover{ color: #2a4b8c;}

.index_product_word_content{ box-sizing: border-box; padding: 0 0.05rem;}

.index_product_list_content ul li dl{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between; margin-top: 0.15rem;}

.index_product_list_content ul li dl dd{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}

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

.index_product_word{ margin-top: 0.12rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
.index_product_word p{ color: #8491a4;}

.product_parameter_container{ margin-top: 0.13rem;}
.product_parameter_container p{ font-style: italic; font-size: 0.18rem; line-height: 1.3em; color: #1e293b;box-sizing: border-box; padding-left: 0.2rem;margin-top: 0.05rem;}

.product_parameter_container p.green_parameter{ background: url(../images/circle_green.webp) no-repeat left 0.06rem; background-size: 0.08rem; }

.product_parameter_container p.orange_parameter{ background: url(../images/circle_orange.webp) no-repeat left 0.06rem; background-size: 0.08rem; }

.product_button{ width: 100%; border-radius: 0.05rem; height: 0.54rem; background: #1a71bd;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; margin-top: 0.18rem;
    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.product_button p{ font-size: 0.2rem; line-height: 1.3em; color: #fff;}

.product_button:hover{ background: #0ea5e9;}


.lazy-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.5rem;  /* loading 图标大小 */
}

.lazy-img:not(.loaded) {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjBmMGYwIiBzdHJva2Utd2lkdGg9IjQiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQ5OGRiIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iODAsMjAwIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAyMCAyMCIgdG89IjM2MCAyMCAyMCIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNoYXJyYXkiIHZhbHVlcz0iMzAsMTUwOzEwMCwzMDszMCwxNTAiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48L3N2Zz4=');
}

.index_product_button{ width: 3.1rem; height: 0.65rem; border-radius: 0.6rem; background: #0ea5e9; margin:  0.5rem auto 0;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

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

.index_product_button:hover{ background: #1a71bd;}


@media screen and (max-width:1200px) {
.index_product_list_content ul li dl dd img{ height: 0.35rem;}

}
@media screen and (max-width:1024px) {
.index_product_list_content ul li dl dd img{ height: 0.28rem;}
.index_product_list_content ul li dl dd h6{ font-size: 0.14rem;}
}

@media screen and (max-width:800px) {
.index_product_container{ padding: 8vw 0;}
.index_product_list_content ul li{ width: 100%; margin: 0;border-radius: 3vw; padding: 3.5vw;}
.index_product_list_content ul li:nth-child(n+2) {
    margin-top: 4vw;
}
.index_product_img{ border-radius: 3vw;}

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

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

.index_product_list_content ul li dl{ margin-top: 3vw;}
.index_product_list_content ul li dl dd h6 {
    font-size: 2.6vw;
}
.index_product_list_content ul li dl dd img {
    height: 5.6vw;
}
.product_parameter_container {
    margin-top: 3vw;
}
.product_parameter_container p{ font-size: 3.8vw; padding-left: 3.5vw;}
.product_parameter_container p.green_parameter {
    background: url(../images/circle_green.webp) no-repeat left 1.4vw;
    background-size: 1.8vw;
}
.product_parameter_container p.orange_parameter {
    background: url(../images/circle_orange.webp) no-repeat left 1.4vw;
    background-size: 1.8vw;
}
.product_button {
    height: 10vw;
    margin-top: 3vw;
}
.product_button p{ font-size: 3.8vw;}

.index_product_button{width: 46vw;
    height: 10vw;margin-top: 6vw;}
.index_product_button a{ font-size: 4vw;}

}


/* standards */
.index_standards_container{padding: 4.8% 0; background:url(../images/1170bg.webp) no-repeat center center; background-size: cover;}

.index_standards_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.index_standards_img{ width: 3.8rem;}
.index_standards_img img{display: block; width: 100%; height: auto;}

.index_standards_word_content{ width: 4.9rem; margin-left: 0.65rem;}
.index_standards_word_content p{ font-size: 0.24rem; line-height: 1.7em; color: #fff;}
.index_standards_word_content .blue_more{ margin-top: 0.35rem;}
.blue_more2 .blue_more_circle{background: url(../images/more2.webp) no-repeat center center #57d5fd;
    background-size: 0.19rem;border: 1px solid #2a4b8c;}
.blue_more2 .blue_more_circle:hover{background:url(../images/more2.webp) no-repeat center center #60a5fa;background-size: 0.19rem;}

@media screen and (max-width:900px) {
.index_standards_word_content{width: calc(100% - 4.45rem);}

}

@media screen and (max-width:800px) {
.index_standards_container{ padding: 8vw 0;}
.index_standards_content{flex-wrap: wrap;
   justify-content: flex-start; align-items: stretch;}
.index_standards_word_content{ width: 100%; margin: 4vw 0 0 0;}

.index_standards_img { width: 26vw; margin: 0 auto;}
.index_standards_word_content .blue_more{ margin-top: 5vw;}

.index_standards_word_content p {
    font-size: 4.4vw;
    line-height: 1.5em;
}
}

/* system */

.index_system_container{padding: 5% 0; background:url(../images/clamp_bg.webp) no-repeat center center; background-size: cover;}
.index_system_word_content{ width:8rem;}
.index_system_word_content h3{ color: #fff; font-size: 0.28rem; line-height: 1.3em; font-weight: normal; margin-bottom:0.25rem }

.index_system_word_content .index_word_content p{ line-height: 1.75em;}
.index_system_word_content .blue_more{ margin-top: 0.6rem;}

@media screen and (max-width:800px) {
.index_system_container{ padding: 8vw 0;}
.index_system_word_content{ width:100%;}
.index_system_word_content .index_word_content p{ line-height: 1.5em;}
.index_system_word_content .blue_more {
    margin-top: 6vw;
}
.index_system_word_content h3{ font-size: 6.3vw; margin-bottom: 3vw; line-height: 1.2em;}
}

/* advantage */
.index_advantage_container{padding: 3.5% 0; background: #eff6ff;}

.index_advantage_list_content ul{display: flex;
display: -webkit-flex;
display: -ms-flex;   flex-wrap: wrap;
justify-content: flex-start;}
.index_advantage_list_content ul li{width: 23%;
    box-sizing: border-box;
    background: #e2eefe;
    border-radius: 0.3rem;
    padding: 0.3rem 0.4rem 0.4rem;
    box-shadow: inset 0px 3px 15px rgba(42,75,140,0.38); margin-right: 2.66%;

  }

.index_advantage_list_content ul li:nth-child(4n){ margin-right: 0;}
.index_advantage_list_content ul li:nth-child(n+5){ margin-top: 2.5%;}

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

.index_advantage_icon img{display: block; max-height: 100%; width: auto;}

.index_advantage_list_content ul li h3{ font-weight: normal; font-size: 0.24rem; line-height: 1.33em; text-align: center; color: #2a4b8c; margin: 0.15rem 0 0.1rem; min-height: 2.66em;}

.index_advantage_list_content ul li .index_word_content p{ line-height: 1.25em;}

.index_adnvantage_bottom_word{ width: 10rem; margin: 0.4rem auto 0;}
.index_adnvantage_bottom_word h4{ font-weight: normal; font-size: 0.3rem; line-height: 1.3em; color: #1e293b; text-align: center; margin-bottom: 0.2rem;}

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


@media screen and (max-width:800px) {
.index_advantage_container{padding: 8vw 0;}
.index_advantage_list_content ul li{ width: 48%; border-radius: 3vw; margin-right: 4%; padding: 5vw 4vw;}
.index_advantage_list_content ul li:nth-child(4n) {
    margin-right: 4%;
}
.index_advantage_list_content ul li:nth-child(2n) {
    margin-right: 0;
}

.index_advantage_list_content ul li:nth-child(n+3) {
    margin-top: 4%;
}
.index_advantage_icon { height: 8vw;}

.index_advantage_list_content ul li h3{ font-size: 4.4vw;margin: 2.5vw 0 1.5vw;}

.index_adnvantage_bottom_word h4{ font-size: 5vw; margin-bottom: 2vw;}
.index_adnvantage_bottom_word{ margin-top: 6vw;}

}

/* recent installs */
.recent_installs_list_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex;flex-wrap: wrap;}
.recent_installs_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;
}
.recent_installs_list_content ul li:nth-child(3n){ margin-right: 0;}
.recent_installs_list_content ul li:last-child{ margin-right: 0;}

.recent_installs_img{ width: 100%; height: 0; padding-bottom: 76.74%; overflow: hidden; position: relative;}
.recent_installs_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;}

.recent_installs_list_content ul li:hover .recent_installs_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_installs_word{ width: 100%; height: 0.7rem; position: absolute; left: 0; bottom: 0; background: rgba(42,75,140,0.8); box-sizing: border-box; padding: 0 0.1rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.recent_installs_word h4{ font-weight: normal; font-size: 0.22rem; color: #fff; line-height: 1.2em; text-align:center;}

.recent_installs_list_content ul li:hover .recent_installs_word{background: rgba(14,165,233,0.8); }

@media screen and (max-width:800px) {
.recent_installs_list_content ul li{ width: 100%; margin: 0; border-radius: 3vw;}
.recent_installs_list_content ul li:nth-child(n+2){ margin-top: 4vw;}
.recent_installs_word h4{ font-size: 4.4vw;}
.recent_installs_word{ height: 15vw;}
}

/* shelter */
.index_shelter_list_content ul{display: flex;
    display: -webkit-flex;
    display: -ms-flex; flex-wrap: wrap;}
.index_shelter_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;
}
.index_shelter_list_content ul li:nth-child(3n){ margin-right: 0;}
.index_shelter_list_content ul li:nth-child(n+4){ margin-top: 3.5%;}
.index_shelter_list_content ul li a{display: block; width: 100%; height: 100%; background: #eff6ff;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.index_shelter_img{ width: 100%; height: 0; padding-bottom: 69.76%; overflow: hidden; position: relative;}
.index_shelter_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_shelter_list_content ul li:hover .index_shelter_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;}

.shelter_word_content{ box-sizing:border-box; padding: 0.25rem 0.25rem 0.3rem;}
.shelter_word_content h4{ font-weight: normal; color: #2a4b8c; font-size: 0.22rem; line-height: 1.36em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.shelter_date_bottom{display: flex;
    display: -webkit-flex;
    display: -ms-flex; align-items: center;justify-content: space-between; margin-top: 0.25rem;}

.shelter_date_bottom h6{ font-weight: normal; font-size: 0.16rem; color: #797979; line-height: 1.3em; background: url(../images/date_icon.webp) no-repeat left center; background-size: 0.19rem; box-sizing: border-box; padding-left: 0.3rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.shelter_date_bottom p{ font-size: 0.18rem; line-height: 1.3em; color: #797979;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.index_shelter_list_content ul li:hover a{ background: #2a4b8c;}
.index_shelter_list_content ul li:hover h4{ color: #fff;}
.index_shelter_list_content ul li:hover .shelter_date_bottom h6{ color: #fff;background: url(../images/date_icon_white.webp) no-repeat left center; background-size: 0.19rem;}

.index_shelter_list_content ul li:hover .shelter_date_bottom p{ color: #fff;}

@media screen and (max-width:800px) {
.index_shelter_list_content ul li{ width: 100%; border-radius: 3vw; margin: 0;}
.index_shelter_list_content ul li:nth-child(n+2){ margin-top: 4vw;}
.shelter_word_content {
    padding: 4vw 5vw;
}
.shelter_word_content h4{ font-size: 4.4vw;-webkit-line-clamp: 20;}
.shelter_date_bottom h6 {
    font-size: 3.4vw;
    line-height: 1.5em;
    background-size: 3.8vw;padding-left: 5.2vw;
}
.index_shelter_list_content ul li:hover .shelter_date_bottom h6{ background-size: 3.8vw;}
.shelter_date_bottom p{ font-size: 3.4vw;}
.shelter_date_bottom { margin-top: 4vw;}
}

/* question */
.index_question_container{ background: #eff6ff;padding: 3.5% 0;}

.join_list_top_content{ padding: 0 0.6rem; height: 1rem;box-sizing: border-box; position: relative; background: transparent; overflow: hidden;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; cursor: pointer;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between;}

.join_list_top_content h4{ font-weight: normal; color: #2a4b8c; font-size: 0.28rem; line-height: 1.3em; box-sizing: border-box; background: url(../images/fq_icon1.webp) no-repeat left center; background-size: 0.36rem;padding-left: 0.55rem;transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; width: calc(100% - 1.2rem);}
.join_list_icon{ width: 0.36rem; height: 0.36rem; background: url(../images/question_open.webp) no-repeat center center;  background-size: 100%; transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.join_list_bottom_content{ box-sizing: border-box; padding: 0.45rem 0.6rem; overflow: hidden;display: none;}
.join_list_bottom_content p{font-family:"Arial"; font-size: 0.2rem; color: #64748b; line-height: 1.6em;}
.join_list_word{ width: 100%;background: url(../images/fq_icon2.webp) no-repeat left top; background-size: 0.36rem;padding-left: 0.55rem; box-sizing: border-box; min-height: 0.36rem;}

.join_list_content ul li{ background: #fff; border-radius: 0.3rem; overflow: hidden;}
.join_list_content ul li:nth-child(n+2){ margin-top: 2%;}
.join_list_content ul li.cur .join_list_top_content{ background:#2a4b8c;}
.join_list_content ul li.cur .join_list_top_content h4{ color: #fff;}
.join_list_content ul li.cur .join_list_icon{background: url(../images/question_close.webp) no-repeat center center;background-size: 100%;}

.borderqu{ border: none;}

@media screen and (max-width:1024px) {
.join_list_top_content{padding: 0 0.4rem;}
.join_list_bottom_content{padding: 0.45rem 0.4rem;}
}

@media screen and (max-width:800px) {
.index_question_container{ padding: 8vw 0;}
.join_list_content ul li{ border-radius: 3vw;}
.join_list_top_content h4{ font-size: 4.4vw;background-size: 5vw;
    padding-left: 8vw;    width: 74vw; line-height: 1.2em;}
.join_list_top_content {
    padding: 0 4vw;height: 18vw;
}
.join_list_icon{ width: 5vw; height: 5vw;}

.join_list_bottom_content {
    padding: 4vw;
}
.join_list_bottom_content p {
    font-size: 3.5vw;
    line-height: 1.5em;
}
.join_list_word{    background-size: 5vw;
    padding-left: 8vw;    min-height: 5vw;}

}

/* index contact */
.index_contact_container{box-sizing: border-box; background: url(../images/contact_bg.webp) no-repeat center center; background-size:cover; padding: 4.5% 0;}

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

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

.index_contact_word p{ font-size: 0.4rem; line-height: 1.375em; color: #fff;}
.index_contact_button { margin: 0.4rem auto 0;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}
.index_contact_button a{display: block;

  display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
}

.index_contact_button img{display:block; width:0.44rem; height: auto;}
.index_contact_button h6{ font-weight: normal; font-size: 0.28rem; line-height: 1.3em; color: #fff; margin-left: 0.15rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}
.index_contact_button a:hover h6 {
    color: #b1d4fe;
}

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

@media screen and (max-width:800px) {
.index_contact_container{ padding: 8vw 0;}
.index_contact_word p{ font-size: 6vw;}
.index_contact_button h6 {
    font-size: 4vw;
    margin-left: 2.5vw;

}
.index_contact_button img{width: 7.2vw;}
.index_contact_button{ margin:4vw auto 0;}

}



/* footer */
.footer_container{ background: #eff6ff; padding-top: 4%;}
.footer_container a:hover{ color: #1a71bd;}

.footer_top_left{ float: left; width: 38%;}

.footer_top_left img.footer_logo{display:block; width: 2.03rem; height: auto;}
.footer_word_content{margin-top: 0.2rem;}
.footer_word_content p{ line-height: 1.75em; }


.footer_nav_content { float: right;display: -webkit-flex;
  display: flex;
  justify-content: space-between; min-width: 51%;}
.footer_nav_content ul{flex-shrink:0}
.footer_nav_content ul li{ font-size: 0.18rem; color: #475569; line-height: 1.4em; margin-top: 0.08rem;}
.footer_nav_content ul li a{color: #475569;}
.footer_nav_content ul li:first-child{ font-size: 0.22rem; color: #1e293b; margin-bottom: 0.2rem;}
.footer_nav_content ul li:first-child a{color: #1e293b;}

.link_container{ width: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;justify-content: space-between; margin-top: 0.3rem; border-bottom: 1px solid rgba(96,165,250,0.4); padding-bottom: 0.16rem;}

.link_word{ width: calc(100% - 5.5rem);}
.link_word p{font-family:"Arial"; font-size: 0.16rem; line-height: 1.4em; color: #1e293b;}
.link_word p a{ color: #1e293b; margin-left: 0.2rem;}
.link_word p a:first-child{ margin-left: 0;}

.link_right_content p{ color: #64748b; font-size: 0.16rem; line-height: 1.4em; text-align: right;}
.link_right_content p a{color: #64748b;}
.link_right_content p:nth-child(n+2){ margin-top: 0.08rem;}
.link_right_content p span{ margin-left: 0.3rem;}
.link_right_content p span:first-child{ margin-left: 0;}


.footer_bottom{ padding: 3% 0; box-sizing: border-box;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: space-between; }
.footer_bottom p{font-family:"Arial"; font-size: 0.14rem; color: #64748b; line-height: 1.5em;width: calc(100% - 3rem);}

.footer_link_content ul li{ float: left; margin-left: 0.24rem; height: 0.25rem;}
.footer_link_content ul li:first-child{ margin-left: 0;}
.footer_link_content ul li img{display: block; width: auto; height: 100%;}


@media screen and (max-width:800px) {
.footer_container{ padding-top: 8vw;}
.footer_top_left img.footer_logo {
    width: 34vw; margin: 0 auto;
}
.footer_top_left{ width: 100%;}
.footer_word_content p{ line-height: 1.5em;}

.footer_nav_content{ width: 100%;flex-wrap: wrap;
   justify-content: flex-start;}
.footer_nav_content ul{ width: 100%; margin-top: 3vw;}
.footer_nav_content ul li{ float: left; font-size: 3.5vw; margin-top: 1.5vw}
.footer_nav_content ul li:first-child{font-size: 4vw; margin:0 0 0 0; float: none;}
.footer_nav_content ul li:nth-child(n+2){ margin-right: 4vw;}

.link_container{ margin-top: 4vw;justify-content: space-between;flex-wrap: wrap;
   justify-content: flex-start;padding-bottom: 4vw;}

.link_word{ width: 100%;}
.link_word p {
    font-size: 3.4vw;
}
.link_right_content{ width: 100%;margin-top: 2vw;}
.link_right_content p{ text-align: left;font-size: 3.5vw;}
.link_right_content p span {
    margin-left: 4vw;
}
.link_right_content p:nth-child(n+2) {
    margin-top: 2vw;
}

.footer_bottom{ padding: 4vw 0;flex-wrap: wrap;
   justify-content: center;}
.footer_bottom p{ width: auto; font-size: 3vw;}
.footer_link_content{ margin-top: 3vw;}
.footer_link_content ul li{ height: 4vw;    margin-left: 6vw;}

}


/* to top */
.totop_xuan {
  position: fixed;
  right: 15px;
  background: #fff;
  box-shadow: 0 0 10px rgba(42,75,140,0.75);
  z-index: 2;
  border-radius: 50%;
}

.totop_xuan {
  bottom: calc(8% + 0.8rem);
  display: none;
  width: 49px;
}

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

.talk_content{ width: 2rem; height:0.7rem; border-radius: 5px; background: #2a4b8c; position: fixed; right: 15px; bottom: 8%; z-index: 1;}
.talk_content a{ width: 100%; height: 100%; display: block;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.talk_content:hover{ background: #1a71bd;}

.talk_content img{ display: block; width: 0.36rem; height: auto;}
.talk_content p{ font-size: 0.24rem; line-height: 1.3em; color: #fff; margin-left: 0.18rem;}


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

  .totop_xuan {
    right: 1vw;
    bottom: calc(8% + 12vw);
    display: none;
    width: 10vw;
  }

  .talk_content{box-shadow: 0 0 10px rgba(26,113,189,0.75); width: 10vw; height: 10vw; border-radius: 50%; right: 1vw;bottom: 8%;}

  .talk_content p{display: none;}

  .talk_content img{ width: 5vw;}



}

/*floor*/
.floorcon {
  position: relative;
}

.floor {
  position: absolute;
  left: 0;
  top: 1.1rem;
}




/* 404 */
.error_container{ width: 100%; height: 100vh;  background-image: linear-gradient(to right,#173164, #1a71bd);display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;font-family:"Arial";}

.error_container h1{ font-size: 1.2rem;  line-height: 1.1em;color: #fff; text-align: center;font-weight: normal;}

.error_container p{ text-align: center; font-size: 0.2rem; color:#fff; line-height: 1.5em; margin-top: 0.1rem;}

.error_container ul{ width: 7.6rem; margin: 0.4rem auto;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;flex-wrap: wrap;
    justify-content: center;}

.error_container ul li{ font-size: 0.16rem;width: 1.8rem;margin:0.05rem; border: 1px solid rgba(255,255,255,0.6); box-sizing: border-box;border-radius: 10px;}
.error_container ul li a{ color: #fff; display: block;width: 100%; hheight: 100%;padding: 0.12rem 0; text-align: center; }

@media screen and (max-width:800px) {
.error_content{ width: 92vw;}
.error_container h3{ font-size: 14vw;}
.error_container p{ font-size: 3.5vw; margin-top: 2vw;}
.error_container ul{ width: 100%; margin-top: 4vw;}
.error_container ul li{ width: 49%; margin: 2% 2% 0 0; font-size: 3.8vw;}
.error_container ul li:nth-child(2n){ margin-right: 0;}
.error_container ul li a{ padding: 2vw 0;}
}



/* sitemap */
.sitemap_content{ width: 1000px; margin: 0 auto;}
.sitemap_content_list{margin-top: 3.5%;}
.sitemap_content_list dl{ margin-top: 0.2rem;border-bottom: 1px dotted #cbcbcb; padding-bottom: 0.2rem;}
.sitemap_content_list dl dt{ font-size: 0.26rem; line-height: 1.5em; font-weight: bold;}
.sitemap_content_list dl dt a{ color: #000;}
.sitemap_content_list dl dd{ font-size: 0.22rem; line-height: 1.6em; box-sizing: border-box; padding-left: 0.3rem; margin-top: 0.1rem;}
.sitemap_content_list dl dd a{color: #333;}
.sitemap_twree{ box-sizing: border-box; width: 100%; padding-left: 0.6rem;}

.sitemap_twree p{ font-size: 0.18rem; line-height: 1.6em; margin-top: 0.05rem; background:url(../images/teacher_circle.webp) no-repeat left 0.11rem; box-sizing: border-box; padding-left:0.18rem; background-size: 0.08rem;}
.sitemap_twree p a{ color: #6b6b6b;}


@media screen and (max-width:1200px) {
.sitemap_content{ width: 89.5%;}
}

@media screen and (max-width:800px) {
.sitemap_container{ margin-top: 8vw;}
.sitemap_content_list{ margin-top: 6vw;}
.sitemap_content_list dl{margin-top: 3vw;padding-bottom: 3vw;}
.sitemap_content_list dl dt{ font-size: 4.6vw;}
.sitemap_content_list dl dd{ font-size: 4vw;margin-top: 1.5vw;padding-left: 5vw;}
.sitemap_twree p{font-size: 3.6vw;
    margin-top: 1.5vw; background-size: 2vw;background-position: left 2vw; padding-left: 3vw;}
.sitemap_twree{ padding-left: 10vw;}
}