@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:"Microsoft YaHei", "微软雅黑", "Arial";
  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: "SourceHanSans-Regular";
  src:url("../font/Source-Han-Sans-Regular.woff2") format('woff2'),
      url("../font/Source-Han-Sans-Regular.woff") format("woff"),
      url("../font/Source-Han-Sans-Regular.eot") format("embedded-opentype"),
      url("../font/Source-Han-Sans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "SourceHanSans-Bold";
  src: url("../font/Source-Han-Sans-Bold.woff2") format("woff2"),
       url("../font/Source-Han-Sans-Bold.woff") format("woff"),
       url("../font/Source-Han-Sans-Bold.eot") format("embedded-opentype"),
       url("../font/Source-Han-Sans-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: 531.25%;
  }

  /*8.5*/
}

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

  /*8*/
}

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

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

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #9b0000;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background: #9b0000;
}

@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: 4%;
}

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

.top_mag_m {
  margin-top: 4.3%;
}


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

.index_title_content{ margin-bottom: 0.55rem;}
.index_title_content_nomag{ margin-bottom: 0;}
.title_position{ position: relative;}


.index_title_content h3{ font-size: 0.52rem; color: #333333;line-height: 1.2em;}

.index_word_content p{
    font-size: 0.16rem;
    line-height: 2em;
    color: #636363; margin-top: 0.13rem;}
.index_word_content p:first-child{ margin-top: 0;}
.white_word_content p{ color: #fff;}
.index_word_18content p{  font-size: 0.18rem; color: #444444; line-height: 2em; margin-top: 0;}

.index_word_15content p{  font-size: 0.15rem;line-height: 1.86em; margin-top: 0;}
.center_word_content p{ text-align: center;}
.left_word_content{ width: 10.2rem;}
.word_content_mag{ margin-top: 0.25rem;}
.inside_left_word_content{ width:8.6rem;}

.index_word_content_nomag p{ margin-top: 0;}




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

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

@media screen and (max-width:1200px) {
.left_word_content,.inside_left_word_content{ width: 80%;}

}


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

@media screen and (max-width:1024px) {
.index_title_content h3{ font-size: 0.55rem;}
.index_title_content{ margin-bottom: 0.4rem;}
}

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

  .index_container {
    width: 92% !important;
  }


  .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{ font-size: 6.3vw;}
  .index_title_content{ margin-bottom: 4vw;}
  .left_title{text-align: left;}
  .index_word_content p,.index_word_18content p,.index_word_20content p,.index_word_15content p{ font-size: 3.5vw; line-height: 1.65em; margin-top: 1.5vw;}
  .word_content_mag{ margin-top: 4vw;}
  .left_word_content,.inside_left_word_content{ width: 100%;}
}

/*loadding*/
.loading_content {
    width: 100%;
    height: 100%;
    background: #0d57a7;
    opacity: 1;
    position: fixed;
    background-image: linear-gradient(to bottom right, #00a29a,#0d57a7);
}
.loading_center{

	position:absolute;
	left:50%;
	top:50%;
  display: table; text-align: center;
  margin-left: -125px;
  margin-top: -98.5px;

}

.loading_center img{ width: 250px; height: auto;}

@media screen and (max-width:560px){
.loading_center img{ width: 150px;}

.loading_center{
  margin-left: -75px;
  margin-top: -80px;
}
}


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


/* nav */

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

.nav_container h1{ position: relative;}
.nav_container img.logo {
  height: 0.76rem;
  width: auto;
  float: left;
  margin-top: 0.5rem;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}
.nav_container img.blur_logo{position: absolute; left: 0; top: 0; z-index: 0; opacity: 0;}

.nav {
 margin-top: 0.75rem;
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
 float: right;

}

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

.nav ul li {
  font-size: 0.18rem;
  line-height: 1.5em;
  position:relative;
  margin-right: 0.45rem;
}

.nav ul li a {

  color: #fff;
  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;
}


.nav ul li dl{display: none;position: absolute; left: 50%; width: 2rem; background: rgba(155,0,0,0.8); 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.16rem; line-height: 1.4em;}
.nav ul li dl dd a{ margin: 0; border-top: 1px solid rgba(255,255,255,0.5);padding: 0.18rem 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 {
  float: right;
  margin-top: 0.65rem;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}
.top_tool ul li{position:relative; float: left; width: 0.48rem; cursor:pointer; margin-left: 0.14rem;}
.top_tool ul li img{display: block; width: 100%; height: auto;}
.top_tool ul li img.blue_search{ display: none;}

.search_form {
  position: absolute;
  right: -50%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0.2rem;
  background: #9b0000;
  color: #fff;
  border-radius: 5px;
  opacity: 0;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  width: 2.8rem;
  z-index: 3;
  top: 1.4rem;
}

.search_form2 {
  opacity: 1;
  right: 0;
}

.search_form i {
  width: 20px;
  height: auto;
  position: absolute;
  right: 22px;
  top: 15px;
}

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

.search_form input {
  width: 80%;
  float: left;
  box-sizing: border-box;
  border: none;
  background: #fff;
  outline: none;
  height: 35px;
  border-radius: 5px;
  padding:0 10px;
}

.search_form p {
  font-size: 0.16rem;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 10px;
}

.search_form button {
  width: 18%;
  float: right;
  height: 35px;
  background: url(../images/top_search_form.webp) no-repeat center center #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  background-size: 18px;
}

.search_form h6 {
  cursor: pointer;
  font-size: 0.18rem;
  display: table;
  font-weight: normal;
  margin: 8px auto 0;
  border-bottom: 1px solid #fff;
  padding: 0 4px 0;
  line-height: 1.5em;
}




@media screen and (max-width:1450px) {
.nav ul li{ margin-right: 2.5vw;}
.top_tool ul li{ margin-left: 0.8vw;}
}

@media screen and (max-width:1350px) {
.nav ul li{ margin-right: 2vw;}
}

@media screen and (max-width:1200px) {
.nav_container img.logo{ height: 0.65rem;margin-top: 0.6rem;}
.nav ul li{ margin-right: 1.5vw;}
}

@media screen and (max-width:1080px) {
.nav ul li{ margin-right: 1.2vw;}
}



.fix_nav_bg,.other_nav_bg {
  height: 1.1rem;
  background: #f6f8fa!important;
}
.fix_nav_bg .nav_container img.logo,.other_nav_bg .nav_container img.logo{margin-top: 0.23rem; height: 0.65rem;z-index: 0; opacity: 0;}
.fix_nav_bg .nav_container img.blur_logo,.other_nav_bg .nav_container img.blur_logo{ z-index: 1; opacity: 1;}
.fix_nav_bg .top_tool,.other_nav_bg .top_tool{margin-top: 0.3rem;}
.fix_nav_bg .nav,.other_nav_bg .nav{ margin-top: 0.42rem;}
.fix_nav_bg .nav a,.other_nav_bg .nav a{ color: #5d5d5d;}
.fix_nav_bg .nav ul li dl dd a,.other_nav_bg .nav ul li dl dd a{ color: #fff;}
.fix_nav_bg .search_form,.other_nav_bg .search_form{ top: 1.1rem;}
.fix_nav_bg .top_tool ul li img,.other_nav_bg .top_tool ul li img{display: none;}
.fix_nav_bg .top_tool ul li img.blue_search,.other_nav_bg .top_tool ul li img.blue_search{ display:block;}

/*mobile nav*/
.header2 {
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  background: #9b0000;
  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;
}

.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: linear-gradient(to bottom right, #9b0000, #bb1018);
}

.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;}


@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: 8.5vw;
  }

  .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;}
}

/*banner*/
.banner_content{ width:100%; height:calc(100vh + 1.05rem); position:relative;}
.banner{ width: 100%;
        height:calc(100vh + 1.05rem);}


.banner .swiper-slide {
        background-position: center;
        background-size: cover;

    }

.banner .swiper-slide a.banner_link{ display: block; width: 100%; height: 100%;}

/*.video_content{ width: 100%; height: 100%; position: relative;}
.banner .swiper-slide .video_content video{width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.video_content .video_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.35);}*/

.banner .swiper-slide-active{
  -webkit-animation: animate 4s linear;
  -moz-animation: animate 4s linear;
  animation: animate 4s linear;
}

.banner_button{ position: absolute; left: 50%; z-index: 2;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%); bottom: 1.8rem;}
.banner-next,.banner-prev{ width: 0.6rem; height: 0.6rem; float: right;}
.banner-next{ background: url(../images/banner_right.webp) no-repeat center center; background-size: 100%;}
.banner-prev{background: url(../images/banner_left.webp) no-repeat center center; background-size: 100%; margin-right: 0.4rem;}



.mbanner {
  display: none;
}

.mbanner .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.mbanner .swiper-slide {
  margin-top: 90px;
}

.mbanner .swiper-pagination-bullet {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 1vw !important;
  background: #fff;
  opacity: 0.5;
}

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

.swiper-container-horizontal>.mbannerpage {
  bottom: 12vw !important;
}

.mbanner_word {
  text-align: center;
  width: 100%;
}


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

  .mbanner {
    display: block;
  }
}

@media screen and (max-width:800px) {
  .mbanner .swiper-slide {
    margin-top: 13vw;
  }

}

/* more */
.index_more{ width: 1.55rem; height: 0.5rem; border-radius: 0.5rem; background: #fff; margin-top: 0.6rem;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; position: relative;z-index: 2;}

.index_more a{display: block; height: 100%;display: -webkit-flex;
  display: flex;align-items: center;
  justify-content: space-between; box-sizing: border-box; padding: 0 0.2rem 0 0.25rem;}

.index_more h5{ font-size: 0.16rem; line-height: 1.3em; color: #333; font-weight: normal;}
.index_more h6{ width: 0.25rem;}
.index_more h6 img{display: block; width: 100%; height:auto;}
.index_more:hover{ background: #dad9d9;}

.index_red_more{ background: #9b0000;}
.index_red_more h5{ color: #fff;}

.index_red_more:hover{ background: #bb1018;}

h6.circle_more{width: 0.55rem; height: 0.55rem; background: url(../images/more.webp) no-repeat center center; background-size: 100%; margin-top: 0.5rem;}
h6.position_more{ position: absolute; right: 0; top:0.45rem;}


@media screen and (max-width:800px) {
  .index_more{ width: 26vw; height: 8.5vw; margin-top: 6vw; border-radius: 15vw;}
  .index_more h6{ width: 4.5vw; height: 4.5vw;}
  .index_more a{padding: 0 3vw;}
  .index_more h5{ font-size: 3.2vw;}

  h6.circle_more{width: 6.5vw; height: 6.5vw; margin-top: 4vw;}
  h6.position_more{top: 0.9vw; margin-top: 0;}
}

/* top advantage */
.top_advantage_container{ margin-top: -1rem; z-index: 2; position: relative;}
.top_advantage_content{ border-radius: 0.3rem; box-shadow: 0 0.06rem 0.12rem rgba(15,25,35,0.2); background: #fff; box-sizing: border-box; padding: 0 0.6rem; height: 2.2rem;}
.top_advantage_content ul{ display: -webkit-flex;
  display: flex;
  justify-content: space-between; height: 100%;align-items: center;}

.top_advantage_content ul li p{ color: #333333; font-size: 0.18rem; line-height: 1.3em; margin-bottom: 0.15rem;}
.top_advantage_content ul li h4{ font-weight: normal;}
.top_advantage_content ul li i{ display: block; height: 0.4rem; float: left;margin: 0.03rem 0.12rem 0 0;}
.top_advantage_content ul li i img{ height: 100%; width:auto;}
.top_advantage_content ul li b{ color: #ad0202; font-size: 0.44rem; line-height: 1.1em;}
.top_advantage_content ul li span{ color: #333333; font-size: 0.18rem; line-height: 1.2em; margin-left: 0.1rem;}
@media screen and (max-width:1024px) {
.top_advantage_content{padding: 0 0.4rem;}
.top_advantage_content ul li b{ font-size: 0.4rem;}
.top_advantage_content ul li i{ height: 0.38rem;}
.top_advantage_content ul li span{ margin-left: 0.05rem;}
}

@media screen and (max-width:800px) {
.top_advantage_content{ border-radius: 3vw; height: auto;padding: 6vw 8vw; box-shadow: 0 0.6vw 3vw rgba(15,25,35,0.2);}

.top_advantage_content ul li p{ font-size: 3.4vw;margin-bottom: 2vw;}
.top_advantage_content ul li{ width: 60%;}

.top_advantage_content ul{ flex-wrap: wrap;
   justify-content: flex-start;}

.top_advantage_container{margin-top: -10vw;}

.top_advantage_content ul li b{font-size: 6vw;}
.top_advantage_content ul li span{ font-size: 3.4vw;margin-left: 0.8vw;}
.top_advantage_content ul li i{height: 5vw;
    width: 5vw;margin: 0.8vw 1.8vw 0 0;}
.top_advantage_content ul li:nth-child(n+3){ margin-top: 5vw;}
.top_advantage_content ul li:nth-child(even){ width: 40%;}
}

/* industry */
.industry_container{ background: url(../images/chanjiao_bg.webp) no-repeat center 75%; background-size: 100%;}

.industry_list_content ul{display: -webkit-flex;
  display: flex;}
.industry_list_content ul li{ width: 31%; border-radius: 0.3rem; background: #f9f9f9; margin: 0 3.5% 0 0; box-sizing: border-box; padding: 0.35rem 0.42rem;transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s; position: relative; overflow: hidden;}

/*.industry_list_content ul li:before{ content: "";
    display: block;
    width: 100%;
    height:0;
    position: absolute;
   z-index: -1;
    left:0;
    top: 0;
    background: #fef3f3;
    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.industry_list_content ul li:hover:before{ height: 100%;}*/

.industry_list_content ul li:nth-child(3n){ margin-right: 0;}
.industry_icon{ height: 0.59rem;}
.industry_icon img{ display: block;width: auto;max-height: 100%; margin: 0 auto; }
.industry_list_content ul li:hover {background: #fef3f3;}

.industry_list_content ul li h4{ font-size: 0.24rem; line-height: 1.3em; color:#333333; text-align: center; margin: 0.25rem 0 0.15rem;}
@media screen and (max-width:800px) {
.industry_list_content ul{display: block;}
.industry_list_content ul li{ width: 100%; border-radius: 3vw;margin: 0; padding:5vw 5vw;}
.industry_list_content ul li:nth-child(n+2){ margin-top: 4vw;}

.industry_list_content ul li h4{text-align: left; font-size: 4.2vw; margin: 0;}

.industry_right_content{ display: -webkit-flex;
    display: -ms-flex;
    align-items: center; margin-bottom: 2.5vw;}

.industry_list_content ul li .index_word_content p{ text-align:left;}
.industry_icon {
    height: 5.6vw;
    width: 9vw;
}

.industry_icon img{ margin: 0;}
.industry_container{ background: none;}
}

/* project */
.project_list_content h3{ font-size: 0.34rem; color: #333333; line-height: 1.3em;}
.project_list_content ul li{ width: 47.8%; float: left; margin-right: 4.4%; border-radius: 0.3rem; overflow: hidden; height: 0; padding-bottom: 33.4%; margin-top: 3%; position: relative;}
.project_list_content ul li:nth-child(2n){ margin-right: 0;}

.project_list_content ul li img.project_word_img{ display:block; width: 100%; height: auto;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;}

.project_list_content ul li:hover img.project_word_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;}

.project_word_content{ position: absolute; width: 100%; height: 100%; background: url(../images/education_bg.webp) no-repeat center bottom; background-size: 100%; left: 0; top: 0;}

.project_word{ padding: 0 0.65rem; box-sizing: border-box; position: absolute; left: 0; width: 100%; bottom: 13%;}
.project_word .index_word_content p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}

.project_word h4{ font-size: 0.24rem; color: #fff; line-height: 1.3em;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; margin-bottom: 0.15rem;}
.project_word i{ width: 0.5rem; min-width: 0.5rem;display: block; margin-right: 0.15rem;}
.project_word i img{ max-width: 100%; height: auto; display: block;}
.project_word span{ display: block;/*width: calc(100% - 0.65rem);*/}

@media screen and (max-width:1200px) {
.project_word{ padding: 0 0.5rem;}
}

@media screen and (max-width:800px) {
.project_list_content h3{ font-size: 5.4vw;}
.project_list_content ul li{ border-radius: 3vw; margin: 4vw 0 0; width: 100%;padding-bottom: 69.69%;}
.project_word{padding: 0 6vw;bottom: 8vw;}
.project_word h4{ font-size: 4.2vw;    margin-bottom: 3vw;}
.project_word i{    width: 8vw;
    min-width: 8vw;
    margin-right: 2.5vw;}
}

/* kaogong */

/* left */
.kaogong_left_content{ width: 3.6rem; float: left;}
.kaogong_ad_img{ border-radius: 0.3rem; height: 0; padding-bottom: 138%; overflow: hidden;}
.kaogong_ad_img img{display: block; width: 100%; height: auto;}


.kaogong_circle .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px;background:#9b0000; opacity: 0.5;}

.kaogong_circle .swiper-pagination-bullet-active{ background:#9b0000;opacity: 1;}

.swiper-container-horizontal>.kaogong_circle {
        bottom: 0.25rem!important;}


/* right */
.kaogong_right_content{width: calc(100% - 3.97rem); float: right;}
.kaogong_right_center_content{ width: 56.7%; float: left; height: 5rem;}
.kaogong_right_center_content ul{ display: -webkit-flex;
    display: -ms-flex;flex-wrap: wrap;
   justify-content: flex-start;height: 100%;  align-content:space-between;}
.kaogong_right_center_content ul li{ width: 48%; margin: 0 4% 0 0; height: 30%; background: #fff6eb; border-radius: 0.3rem; box-sizing: border-box; padding: 0.2rem 0.25rem 0; position: relative; overflow: hidden;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  }
.kaogong_right_center_content ul li:nth-child(2n){ margin-right: 0;}

.kaogong_right_center_content ul li h4{ color: #333333; font-size: 0.2rem; line-height: 1.3em; margin-bottom: 0.08rem;}
.kaogong_right_center_content ul li p{ font-size: 0.14rem; line-height: 1.7em; color: #636363;}

.kaogong_icon{ position: absolute; bottom: -0.1rem; right: -0.08rem;max-width: 0.75rem;}
.kaogong_icon img{display: block; max-width: 100%; height: auto;}

.kaogong_right_center_content ul li:hover{ background: #feedd7;}

/* right news */
.kaogong_right_news_content{ width: 39.5%;float: right; height: 5rem; background: #fafafa; border-radius: 0.3rem; box-sizing:border-box; padding: 0.5rem 0.4rem 0; position:relative;}
.kaogong_right_news_content h4{ font-size: 0.24rem; color: #444444; line-height: 1.3em; margin-bottom: 0.28rem;}
.kaogong_right_news_list ul li{ font-size: 0.16rem; line-height: 1.4em; color: #636363;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;overflow: hidden; margin-top: 0.16rem;}
.kaogong_right_news_list ul li a{ color: #636363;}
.kaogong_right_news_list ul li a:hover{ color: #ad0202;}

.kaogong_right_news_content h6{ position: absolute; right: 0.4rem; bottom: 0.4rem;}
.kaogong_right_news_content h6 a{width: 1.2rem; height: 0.4rem; background: #ad0202; border-radius: 0.4rem; text-align:center; line-height: 0.4rem; color: #fff; display: block; font-size: 0.16rem; font-weight:normal;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.kaogong_right_news_content h6 a:hover{ background: #dc0227;}

@media screen and (max-width:1280px) {
  .kaogong_icon {
      position: absolute;
      bottom: -0.05rem;
      right: -0.06rem;
      max-width: 0.5rem;
  }

  .kaogong_right_news_content{padding: 0.5rem 0.3rem 0;}

}

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

.kaogong_left_content{ width: 3.3rem;}
.kaogong_right_center_content{ height: 4.58rem;}
.kaogong_right_content{width: calc(100% - 3.6rem);}
.kaogong_right_news_content{height: 4.58rem;padding: 0.3rem 0.3rem 0;}
.kaogong_right_news_content h4{ margin-bottom: 0.2rem;}

.kaogong_right_center_content ul li p{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}

}

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

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

.swiper-container-horizontal>.kaogong_circle {
        bottom: 4vw!important;}

.kaogong_ad_img {
    border-radius: 3vw;
    padding-bottom: 55%;
}

.kaogong_left_content{ width: 100%; display: none;}

.kaogong_right_content{ width: 100%;}
.kaogong_right_center_content{ width: 100%; height: auto;}
.kaogong_right_center_content ul li{ border-radius: 3vw;    padding: 4.5vw 5vw;}
.kaogong_right_center_content ul li h4{ font-size: 4.2vw;    margin-bottom: 1.5vw;}
.kaogong_right_center_content ul li p{ font-size: 3.5vw;-webkit-line-clamp: 10; line-height: 1.65em;}

.kaogong_right_center_content ul li{ height: auto;}
.kaogong_right_center_content ul li:nth-child(n+3){ margin-top: 2vw;}

.kaogong_right_news_content{ width: 100%;height: auto; padding: 6.5vw 5vw; border-radius: 3vw; margin-top: 6vw;}
.kaogong_right_news_content h4{ font-size: 5.2vw;margin-bottom: 3.5vw;}
.kaogong_right_news_list ul li{ font-size: 3.5vw;margin-top: 2.5vw;}
.kaogong_right_news_content h6{ position: static; right: 0; bottom: 0;margin-top: 4vw;}
.kaogong_right_news_content h6 a{width: 22vw;
    height: 8vw; float: right;line-height: 8vw;font-size: 3.3vw;}

}


/* carrer */

.carrer_right_center_content {
    width: 56.7%;
    float: left;
    height: 5rem;
    background: #eaf9f9; border-radius: 0.3rem;padding: 0 0.4rem; box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}

.carrer_content_list{ width: 100%;}
.carrer_content_list ul{ text-align: center; font-size: 0;}
.carrer_content_list ul li{ width: 47.5%;margin-right: 5%;display: inline-block;*display:inline;*zoom:1;vertical-align: top; }


.carrer_content_list ul li:nth-child(2n){ margin-right: 0;}
.carrer_content_list ul li a{ background:#fff; height: 0.5rem; border-radius: 0.5rem; display: block; width: 100%; font-size: 0.16rem; color: #333333; box-sizing: border-box; padding: 0 0.15rem;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;}
.carrer_content_list ul li a:hover{ background: #fffdeb;}

.carrer_content_list ul li:nth-child(n+3){ margin-top: 0.15rem;}

@media screen and (max-width:1200px) {
.carrer_right_center_content{padding: 0 0.2rem;}

}

@media screen and (max-width:1024px) {
.carrer_right_center_content{ height: 4.58rem;}
}

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

.carrer_right_center_content{ width: 100%; border-radius: 3vw; height: auto;    padding: 6.5vw 5vw;}
.carrer_content_list ul li a{    font-size: 3.5vw;
    height: 11vw;
    border-radius: 10.5vw;
    padding: 0 2vw;}
.carrer_content_list ul li:nth-child(n+3) {
        margin-top: 2vw;
    }

}


/* education */

.education_right_center_content ul li{ height: 20%; background: #fafafa;padding:0; position: relative; overflow: hidden;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  }
.education_right_center_content ul li:nth-child(2n){ margin-right: 0;}

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


.education_icon{ width: 0.54rem; display: block; min-width: 0.54rem;}
.education_icon img{ display:block; width: 100%; height: auto;}

.education_right_center_content ul li p{ color: #333333; font-size: 0.18rem; line-height: 1.3em; margin-left: 0.15rem;}
.education_right_center_content ul li:hover{ background:#e7faf3;}

@media screen and (max-width:800px) {
.education_right_center_content ul li{ height: 15vw;}
.education_right_center_content ul li p{ font-size: 3.5vw;    margin-left: 1.5vw;}
.education_icon {
    width: 8.5vw;
    display: block;
    min-width: 8.5vw;
}
.education_right_center_content ul li a{padding: 0 1vw;}
}

/* news */
.news_container{ padding: 5.8% 0; background: #fafafa;}
h6.single_more{ top: 0.05rem; margin-top: 0;}

.news_bottom_total{ display: -webkit-flex;
  display: flex;
  justify-content: space-between;}


.news_left_content {
  width: 45.7%;
  float: left;
  position: relative;
  background: #fff;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.08rem rgba(204,204,204,0.6);
  transition-duration: .8s;
-ms-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
overflow: hidden;
}

.news_left_img {
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 55.55%;
}

.news_left_img img {
  transition: all 2s ease-out 0s;
  -webkit-transition: all 2s ease-out 0s;
  -moz-transition: all 2s ease-out 0s;
  -mo-transition: all 2s ease-out 0s;
  display: block;
  width: 100%;
  height: auto;
}

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

.news_left_word_content{ padding: 0.3rem; box-sizing: border-box;}

.news_left_content h3 {
  font-size: 0.20rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition-duration: .8s;
-ms-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
}

.news_left_content p {
  color: #636363;
  font-size: 0.15rem;
  line-height: 1.86em;
  margin-top: 0.16rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
}

.news_left_content h6 {
  color: #949393;
  font-weight: normal;
  font-size: 0.14rem;
  line-height: 1.5em;
  margin-top: 0.15rem;
}

.news_left_content:hover{background: #fffdeb;}



.news_list {
  width: 50%;
  float: right;
}

.news_list ul{     display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 100%;
    align-content: space-between;}

.news_list ul li {
  width: 100%;
  height: 29.8%;
  overflow: hidden;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.08rem rgba(204,204,204,0.6);
}

.news_list ul li a{ display: block; width: 100%; height: 100%;background: #fff; box-sizing: border-box; padding: 0 0.3rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;}

.news_list ul li a:hover{ background: #fffdeb;}


.news_list ul li h3 {
  color: #333333;
  font-size: 0.2rem;
  line-height: 1.5em;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news_list ul li p {
  line-height: 1.3em;
  color: #636363;
  font-size: 0.15rem;
  margin-top: 0.15rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news_list ul li h6 {
  color: #949393;
  font-weight: normal;
  font-size: 0.14rem;
  line-height: 1.5em;
  letter-spacing: 0.2px;
  margin-top: 0.2rem;
}
.news_word{max-width: 100%;}

@media screen and (max-width:1200px) {
.news_list ul li p{display: none;}
}

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

  .news_bottom_total {
    margin-top: 6vw;
    display: block;
  }

  .news_left_content {
    width: 100%;
    float: none;
    box-shadow: 0 0 3vw rgba(204,204,204,0.6);
    border-radius: 3vw;
  }

  .news_left_content h3 {
    text-overflow: inherit;
    white-space: normal;
    font-size: 3.8vw;
    line-height: 1.5em;
  }

  .news_left_content p, .news_list ul li p {
    display: none;
  }

  .news_left_content h6 {
    font-size: 3.2vw;
    margin-top: 2.4vw;
  }

  .news_left_word_content{ padding:5vw;}

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

.news_list ul{ height: auto; display: block;}
  .news_list ul li {
    margin-top: 3vw;
    height: auto; border-radius: 3vw;
    box-shadow: 0 0 3vw rgba(204,204,204,0.6);
  }

  .news_list ul li a{ display: block; padding: 5vw;}

  .news_list ul li h3 {
    font-size: 3.6vw;
    letter-spacing: 0;
    text-overflow: inherit;
    white-space: normal;
    line-height: 1.5em;
    margin-top: 0;
  }

  .news_list ul li h6 {
    font-size: 3.2vw;
    margin-top: 2.4vw;
  }
}

/* about */
.about_container{ padding-top: 8%; background: url(../images/about_bg.webp) no-repeat center top; background-size: 100%;}
.about_bottom_content{width: calc(100% - 1rem); border-radius: 0.3rem; background: url(../images/about_word_bg.webp) no-repeat center top; margin: 5.5% auto 0; box-sizing: border-box; padding: 8% 10% 7%; box-shadow: 0 0.06rem 0.12rem rgba(15,25,35,0.2); background-size:cover;}
.about_bottom_content h4{ color: #333333; font-size: 0.34rem; line-height: 1.2em; margin-bottom: 0.4rem;}

@media screen and (max-width:800px) {
.about_bottom_content{ width: 100%;padding: 7vw;box-shadow: 0 0.6vw 3vw rgba(15,25,35,0.2); border-radius: 3vw; margin-top: 6vw;}
.about_container{ padding-top: 8vw;background-size: auto 60vw;}
.about_bottom_content h4{ font-size: 4.2vw;margin-bottom: 4vw;}
}

/* team work */
.teamwork_container{ margin-top: 2%;}
.teamwork_content ul{font-size:0; text-align: center;}
.teamwork_content ul li{ width: 20%; text-align: center;display: inline-block;*display:inline;*zoom:1;vertical-align: top; margin-top: 5%; box-sizing:border-box; padding: 0 0.1rem;}
.teamwork_icon{ width: 1rem; height: 1rem; margin: 0 auto;}
.teamwork_icon img{display: block; max-width:100%; height: auto; margin: 0 auto;}
.teamwork_content ul li h4{ color: #333333; font-size: 0.18rem; line-height: 1.3em; margin-top: 0.2rem;}

@media screen and (max-width:800px) {
.teamwork_content ul li{ width: 33.33%; margin-top: 6vw;}
.teamwork_container{ margin-top: 4vw;}
.teamwork_icon {
    width: 16vw;
    height: 16vw;
}
.teamwork_content ul li h4 {
    font-size: 3.5vw;
    line-height: 1.3em;
    margin-top: 2vw;
}
}




/* footer */

.footer_container{ background: #ebebeb; padding-top: 5.8%;}

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

img.footer_logo{display:block; width: 2.68rem; height: auto;}

.footer_top_contact h4{ font-weight: normal; font-size: 0.3rem; color: #040000; line-height: 1.5em; background: url(../images/footer_icon1.webp) no-repeat left center; background-size: 0.45rem; padding-left: 0.55rem; box-sizing: border-box; margin:0.35rem 0 0.28rem;}

.footer_top_contact h4 a{color: #040000;}

.footer_top_contact p{ font-size: 0.15rem; line-height: 1.5em; color: #040000;margin-top: 0.1rem;}
.footer_top_contact p a{color: #040000;}
.footer_top_contact p i{ font-style: normal;}

.footer_top_right{ float: right; margin-left: 7%;}
.footer_top_right ul li{ float: left; width: 1.6rem; background: #fff; padding: 0.1rem; box-sizing: border-box; text-align: center; margin-left: 0.35rem;}
.footer_top_right ul li:first-child{ margin-left: 0;}
.footer_top_right ul li img{display: block; width: 100%; height:auto;}
.footer_top_right ul li p{ font-size: 0.14rem; line-height: 1.2em; color: #000; margin-top: 0.07rem;}

.footer_nav_content { float: right;display: -webkit-flex;
  display: flex;
  justify-content: space-between; min-width: 38%;}
.footer_nav_content ul{flex-shrink:0}
.footer_nav_content ul li{ font-size: 0.14rem; color: #707070; line-height: 2.1em; box-sizing: border-box; padding-left: 0.3rem;}
.footer_nav_content ul li a{color: #707070;}
.footer_nav_content ul li:first-child{ font-size: 0.16rem; color: #040000; background: url(../images/footer_nav.webp) no-repeat left center; margin-bottom: 0.12rem; background-size: 0.16rem;}
.footer_nav_content ul li:first-child a{color: #040000;}
.footer_nav_content ul li a:hover{ color: #9b0000;}

.link_content{ margin-top: 0.4rem;}
.link_content p{ font-size: 0.14rem; color: #575757; line-height: 1.5em;}
.link_content p a{ color: #575757;}
.link_content p a:hover{color: #9b0000;}
.link_content p span{ margin-left: 0.15rem;}
.link_content p span:first-child{ margin-left: 0;}





.footer_bottom{padding: 0.3rem 0; background: #9b0000; margin-top: 4%; box-sizing: border-box;}
.footer_bottom p{ font-size:0.14rem; line-height:1.3em; color: #fff;}
.footer_bottom p a{color: #fff;}
.footer_bottom p span{ margin-left:0.7rem;}
.footer_bottom p span:first-child{ margin-left: 0;}



@media screen and (max-width:1024px) {
  .footer_top_right ul li {
      width: 1.3rem;    padding: 0.05rem;
  }
  .footer_top_right{ margin-left: 3%;}
}

@media screen and (max-width:900px) {
  .footer_top_right ul li {
      width: 1.1rem;
  }
  .footer_nav_content{min-width: 42%;}
  .footer_top_contact h4{ font-size: 0.28rem;}
}



@media screen and (max-width:800px) {
.footer_container{ padding-top: 8vw;}
.footer_content{ position: relative;}
img.footer_logo {
    width: 38vw;
}


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

.footer_top_contact h4{    font-size: 4.7vw;
    background-size: 6vw;
    line-height: 6vw;
    padding-left: 7.7vw; margin:7vw 0 3vw;}

.footer_top_contact p{ font-size: 3.4vw; margin-top: 1vw;line-height: 1.6em;}

.footer_top_right{ width: auto; float: none; margin-left: 0; overflow: hidden; position: absolute; right: 0;top: 0;}
.footer_top_right ul li{ width:20vw; margin-left: 3%; padding: 1vw 1vw 2vw;}
.footer_top_right ul li p{font-size: 3vw;margin-top:1vw;}

.footer_nav_content{display: none;}

.link_content{ margin-top: 5vw;}
.link_content p{ font-size: 3.3vw; line-height: 1.8em;}
.link_content p span {
    margin-left: 2.5vw;
}

.footer_bottom{ padding: 4vw 0; margin-top: 5vw;}
.footer_bottom p{font-size: 3.1vw;}
.footer_bottom p span{display: block;}
.footer_bottom p span:nth-child(n+2){ margin: 2vw 2vw 0 0;display:inline-block;}

}


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

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

.customer_xuan {
  bottom: 8%;
}

.customer_xuan a {
  display: block;
  padding: 12px;
}

.totop_xuan img, .customer_xuan img {
  display: block;
  width: 100%;
  height:auto;
}
.m_customer_xuan{ display: none;}

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

  .customer_xuan{ display: none;}
  .m_customer_xuan{ display:block;}
  .totop_xuan, .customer_xuan {
    right: 1%;
  }

  .customer_xuan {
    bottom: 4%;
  }

  .totop_xuan {
    bottom: calc(4% + 14vw);
    display: none;
    width: 11.8vw;
  }

  .customer_xuan a {
    padding: 3vw;
  }


}

/*floor*/
.floorcon{ position:relative;}
.floor{ position:absolute; left:0; top:-2.1rem;}

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