@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
img{display: block; max-width: 100%;}
a{text-decoration: none; color: #000;}
@font-face {
    font-family: 'txt';
    src: url('texgyreadventor-regular.woff2') format('truetype');
}
@font-face {
    font-family: 'txt1';
    src: url('texgyreadventor-bold.woff2') format('truetype');
}
body{
    font-family: txt, Arial, sans-serif;
 font-size: 16px;
}
li{ list-style-type:none;}
.flex{display: flex; align-items: center;}
.head{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* background-color: rgba(255,255,255,.1); */
  z-index: 999; 
}

.head ul{ display: flex; padding-right: 150px; margin-left: auto;}
.head a{ display: block;font-size: 15px;transition: all .5s;  color: #fff; padding: 0 30px; }
.head li.active a{ color: #f08519!important;}
.head .container-full{
  /* padding: 0 35px; */
}
.logo{
  width: 120px; position: relative;
  height: 90px; z-index: 100;
  background: url(../images/logo_white.png) center center no-repeat;
  background-size: 100%; transition: all .5s;
}
.head.fixed a{ color: #000;}
.head.fixed .logo,.head.fixed1 .logo{  background: url(../images/logo_black.png) center center no-repeat;
  background-size: 100%;}
.head .lang{display: flex; position: relative; z-index: 11;}
.head .lang a{
  /* background: #b7b7b7;  */
  padding: 5px 6px;line-height: 1; font-size: 12px;position: relative; z-index: 11;}
.head .lang a:first-child{
border-right: none; border-radius: 2px 0 0 2px;
}
/* .head .lang a.active{ background-color: #f08519; border-color: #f08519; color: #fff;} */
.head .lang a:last-child{
 border-radius: 0 2px 2px 0;
}
.head::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; opacity: 0;
  height: 0px;
  background-color: rgba(255,255,255,.99);
  z-index: -1; transition: all .5s; border-bottom: 1px solid #eee;
}
.head.fixed::before{ 
  opacity: 1;
  height: 100%;
}


 .menubtn { display: none; position: relative; z-index: 11;}
   .head .menubtn a{padding: 0 ;  width: 30px; height: 50px; margin-left: 30px;  display: flex; justify-content: center;align-items: center;  padding: 0; padding: 0;}

  .menubtn span{ display: block; transition: all .5s;  height: 2px; background: #fff; padding: 0; position: relative;  width: 18px;}
  .menubtn span:before,
  .menubtn span:after{ content: ""; position: absolute; width: 100%; height: 2px; background: #fff; left: 0;}
  .menubtn span:after{bottom: -7px;  transition: all .5s;;}
  .menubtn span:before{top: -7px;  transition: all .5s;;}

  .head.fixed  .menubtn span,
  .head.fixed  .menubtn span:before,
  .head.fixed  .menubtn span:after,
   .head.fixed1  .menubtn span,
  .head.fixed1  .menubtn span:before,
  .head.fixed1  .menubtn span:after{background: #555;}
  
  .menubtn.active span{width: 20px; background: none!important;}
  .menubtn.active span:after{bottom: 0px; transform:rotate(45deg);}
  .menubtn.active span:before{top: 0px; transform:rotate(-45deg);}


.container{
  width: 90%;
  max-width: calc(1183px + 50px);
  padding: 0 25px;
  margin: 0 auto;
}


.container-full{
  width: 100%;
  padding: 0 35px;
  margin: 0 auto;
}

/* .mySwiper{height: 100vh; width: 100%;} */
.mySwiper{height: 600px;}
.mySwiper img{ width: 100%;height: 100%;object-fit: cover;}
.mySwiper .nav{position: absolute; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; left: 0;right: 0;top: 0;bottom: 0;margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mySwiper .nav h2{
  font-size: 40px;
  font-weight: normal;
   /* letter-spacing: 5px; */
  margin-top: 10px;
  margin-bottom: 10px;
}
.mySwiper .nav p{
  font-size: 15px;
  line-height: 1.5; padding: 20px 30px;
  margin-bottom: 20px;
}
.mySwiper .nav a{ transition: all .5s;
  font-size: 20px; border: 1px solid #fff; padding: 10px 100px; color: #fff;
}
.mySwiper .nav a:hover{
  background-color: #fff;
  color: #000;
}

.mySwiper  .nav2 h2{
   font-size: 36px;
  margin-bottom: 10px;
}
.mySwiper .nav2 p{
  font-size: 18px;
  line-height: 1.5; padding: 10px 0px;
}
@media (min-width:990px){
 .mySwiper1 {display: block;}
.mySwiper1 .swiper-wrapper{display: flex; transition: all .5s;}
.mySwiper1 .swiper-slide{ width: 20%;   overflow: hidden; margin: 0 10px; transition: all .5s; display: flex; justify-content: center;}
.mySwiper1 .swiper-slide.active{ width: 40%;}
.mySwiper1 .swiper-slide img{ 


  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper1 .swiper-slide.active img{width: 100%;}



/* .mySwiper1 .swiper-slide{  transition: all .5s;width: 20%; border-radius: 10px;  display: flex; justify-content: center;overflow: hidden;}
	.mySwiper1 .swiper-slide-active,.mySwiper1 .swiper-slide-duplicate-active{ width: 40%;}
.mySwiper1 .swiper-slide img{ 
max-width: unset;
 transition: none; 
}

.mySwiper1 .swiper-slide-active img{ width: 100%; max-width: unset;}
.mySwiper1  .swiper-pagination{display: none;} */


  }


  
.index_about{ justify-content: space-between;}
  .index_about li{ width: calc(50% - 20px); border-radius: 5px; overflow: hidden; position: relative;}
    .index_about li img{ width: 100%; height: 100%; object-fit: cover;}
    .index_about  nav{position: absolute; background: rgba(0, 0, 0, 0.5); padding: 0  15%; align-items: flex-start;  color: #fff; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
    .index_about  a{ transition: all .5s;
  font-size: 20px; border: 1px solid #fff; padding: 8px 60px; color: #fff;
}
.index_about  h2{
  font-size: 38px;
}
.index_about  p{ padding: 60px 0; line-height: 1.6; min-height: 120px;}
.index_about  a:hover{
  background-color: #fff;
  color: #000;
}


.navtxt{ padding: 60px 0 40px 0; text-align: center;}
  .navtxt h2{font-size: 34px;
  font-weight: normal;
        line-height: 52px;
        /* letter-spacing: 6px; */
      }
          .navtxt p{
        font-size: 15px;
        line-height: 1.6; width: 98%; max-width: 1000px; margin: 16px auto;
        padding: 20px 0;}


.footimg{
  /* height: 30vh; */
  position: relative; overflow: hidden;
}
.footimg .nav{position: absolute; background: rgba(0, 0, 0, 0.5); color: #fff;
   left: 0;right: 0;top: 0;bottom: 0;margin: auto; display: flex; align-items: center; justify-content: center;}

.footimg img{ width: 100%; height: 600px; object-fit: cover;}

.footimg p{ width: 50%; height: 100%; position: relative; z-index: 1; display: flex; align-items: center;}
.footimg h2{ padding: 0 50px;  font-size: 30px; font-family: txt1;}
.footimg p:nth-child(1){justify-content: flex-end; text-align: right;}

.footimg .nav::before,
.footimg .nav::after{ content: ""; position: absolute; width: 100%; height: 100%; transform: skewX(-35deg); }
.footimg .nav::before{background: rgba(0, 255, 183, 0.29); right: 50%;}
.footimg .nav::after{background: rgba(255, 162, 12, 0.29); left: 50%;}


.nmm{width: 100%;}
.nmm li{
  display: flex; 
  padding-bottom: 30px; 
  align-items: center;
}
.nmm .imgbox{

  width: 60%;  flex-shrink: 0;
}



.nmm1 li:nth-child(odd) .imgbox{
  order: 2;
}
.nmm1 li:nth-child(odd) .nav{
  order: 1; 
   padding-right: 30px;
   padding-left: 0;
  /* text-align: right;  */
}

.nmm2 li:nth-child(even) .imgbox{
  order: 2;
}
.nmm2 li:nth-child(even) .nav{
  order: 1; 
   padding-right: 30px;
   padding-left: 0;
  /* text-align: right;  */
}


.nmm .imgbox img{
  width: 100%; height: 100%; object-fit: cover;
}
.nmm .nav{
  width: 40%;padding-left: 50px;  position: relative;
}
.nmm .nav h3{
  font-size: 24px;
  font-weight: normal; 
  /* letter-spacing: 6px; */
  margin-bottom: 20px;
}

.nmm .nav p{
  font-size: 15px;
  line-height: 1.8; 
  margin-bottom: 20px;
}

.nmm2{ padding: 80px 0 50px 0;}
.nmm2 li{
  align-items: stretch; /* 将flex-start改为stretch，使子元素高度相同 */
}

.nmm2 .imgbox{
  width: 55%;
  /* 确保图片容器填充整个高度 */
}

.nmm2 .nav{
  width: calc(45% - 20px);
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 30px;
  background: #fff;
  /* 确保内容容器填充整个高度 */
}

.nmm2 .nav h3{
  margin-bottom: 20px;
}
.nmm2 .nav p{
  line-height: 1.8; font-size: 16px;
}

.nmm2 .nav a{
  font-size: 20px; border: 1px solid #222; padding: 10px 0px; color: #111; margin-top:30px;
  display: block; width: 200px; text-align: center;
  transition: all .5s;
}
.nmm2 .nav a:hover{
  background-color: #222;border: 1px solid #222; 
  color: #fff;
}
.nmm2 li:nth-child(even) .nav{
 padding-left: 40px;
  padding-right: 40px; margin-right: auto; margin-left: 0;
  /* text-align: right;  */
}
/* .nmm2 .nav::before{
  width: 30%; height: 6px; content: ""; background-color: #f08519; left: 0; top: 0; position: absolute;
}
.nmm2 .nav::after{
  width: 30%; height: 2px; content: ""; background-color: #f08519; right: 0; bottom: 0; position: absolute;
} */
.fabfoot{padding-bottom:50px;}
.fabfoot .fabfootimg img{}

.fabfoot .container{margin-top: -100px; max-width: 1200px;}
.fabfoot ul{
  display: flex;
  justify-content: space-between;
    margin-left: -5px;margin-right: -5px;
}
.fabfoot ul li{
  display: flex; font-size: 20px; margin:0 5px ; font-weight: normal;
  flex-direction: column; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 0;
  align-items: center; width: 100%; background: #fff;
}
.fabfoot  li img{
  width: 72px; height: 72px; margin-bottom: 30px;
}

.contactnav{width: 95%;max-width: 1000px; margin: 0 auto; padding: 100px 0;}
.contactnav h2{
  width: calc(100% - 30px); margin: 0 auto;
  font-size: 26px; border-bottom: 1px solid #000;padding-bottom: 50px;
  font-weight: normal; 
  /* letter-spacing: 3px; */
  margin-bottom: 20px;text-align: center;
}
.contactnav ul{display: flex; flex-wrap: wrap; padding-top: 50px;}
.contactnav li{ padding: 10px; width: 100%;}
.contactnav li:nth-child(1),
.contactnav li:nth-child(2){ width: 50%;}
.contactnav li label{display: block; color: #666;}
.contactnav li textarea,
.contactnav li input{width: 100%; padding: 10px; margin-top: 10px; outline: none; border:1px solid #ddd;}
.contactnav  button{ cursor: pointer;transition: all .5s;
  width: 100px; margin: 0 auto; display: block; padding: 10px; margin-top: 10px; outline: none; border:1px solid #000; background: #000; color: #fff;
}
.contactnav  button:hover{
  background-color: #fff;
  color: #000;
}

footer{
  background-color: #333;
  color: #fff;
  padding: 50px 0; 
}
footer a{
  color: #fff;
}
.footlogo{ width:20%; min-width: 150px;}
.footlogo img{ width: 100%; }
footer .container{align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 25px;padding-bottom: 25px;

}

footer ul:first-child,footer .lxicon{
  min-width: 18%; 
   /* border-top: 1px solid rgba(255,255,255,.025); */
}
footer .lxicon{display: flex;flex-direction: column; align-items: flex-end;}
footer li { 
  /* border-bottom: 1px solid rgba(255,255,255,.025); */
}
footer li a{line-height: 2;}
footer li {line-height: 2;}
footer li a:hover{color: #fff;}
.copyright{border-top: 1px solid rgba(255,255,255,.29); padding: 0 15px; line-height: 1.6; padding-top: 40px;  margin-top: 40px; text-align: center; color: rgba(255,255,255,.75);}


/* .lxicon {width: auto;} */
.lxicon li{ position: relative; display: flex; align-items: center;}
.lxicon li::before{  width:20px; height: 20px; background: red; content:""; margin-right: 5px;}
.lxicon li:nth-child(1):before{ background: url(../images/icon/email.png) no-repeat center center; background-size: 100% 100%;}
.lxicon li:nth-child(2):before{ background: url(../images/icon/phone.png) no-repeat center center; background-size: 100% 100%;}
.lxicon li:nth-child(3):before{ background: url(../images/icon/address.png) no-repeat center center; background-size: 100% 100%;}

/* .fabfootimg{  max-width: 1183px; width: 100%; margin: 0 auto;} */
@media (max-width:990px){
  .container-full{
  padding: 0 15px;
}
.fabfootimg img{min-height: 23vh; object-fit: cover;}
  .swiperbox{padding: 0 15px;}
  .mySwiper1{ padding-bottom: 40px;}
  .mySwiper1 .swiper-slide{border-radius: 5px; overflow: hidden;}
.mySwiper1 img{width: 100%;}
.mySwiper1 .swiper-pagination{ display: flex; align-items: center;}
.mySwiper1 .swiper-pagination-bullet{width: 100%; border-radius: 0; margin: 0!important; height: 1px;}
.mySwiper1 .swiper-pagination-bullet-active{ height: 3px;}
  .menubtn{display: block;}
.head ul{
display: block; height: 0%; overflow: hidden; 
  position: fixed;
 pointer-events: none;
  left: 0;
   top: 0px; 
  width: 100%;
  /* height: calc(100vh - 0px); */
  background: rgba(255, 255, 255, 1); opacity: 0;
  z-index: 1; padding: 0 15px; padding-top: 60px; transition: all .5s;

}
.head.fixed1 ul{
  height:100vh;
 pointer-events: auto;
  opacity: 1;
}
.head li {
  display: block;
}
 
.head li a{color: #111; text-align: right; padding: 30px 0; border-bottom: 1px solid #ccc;}

.container{
  width: 100%;
padding: 0 15px;
}

.lang{margin-left: auto;}
.logo{
  width: 100px; height: 60px;
  }
.head .container-full {
    padding: 0 15px;
}
.navtxt h2{font-size: 24px; letter-spacing: 0;}

.footimg .nav h2{font-size: 24px; padding: 0 20px; line-height: 2;}
/* .footimg .nav h2 br{
  display: block;
} */

.footimg p span{font-size: 18px; padding: 0 20px;}

.mySwiper .nav h2{font-size: 26px; padding: 0; margin: 0; line-height: 2; letter-spacing: 0;}
.mySwiper .nav p{
  font-size: 18px;

}
.nmm .nav h3{font-size: 20px; margin-bottom: 10px;}
.nmm li{display: block;}
.nmm .imgbox{width: 100%;}
.nmm .nav{width: 100%; padding: 20px 0 0 0;}
.navtxt p,.nmm .nav p{
  font-size: 14px;
}
.navtxt p{
padding-top: 0;
}
.nmm2{padding: 30px 0 0 0;}
.nmm2 .nav{height: auto; padding: 30px 20px 20px 20px!important; }
.nmm2 .nav a{margin: 20px auto; width: 50%; max-width: 200px; font-size: 16px;}
.mySwiper .nav p{
   font-size: 16px;
}
.index_about h2 {
    font-size: 20px;
}
.index_about {display: block;}
.index_about li{width: 100%; margin-bottom: 20px;}
.index_about p{
  padding: 0px 0;
  
}
footer .container{
  align-items: unset;
  flex-direction: column;
}
.footlogo{order: 1; margin-bottom: 20px;}
footer ul{order: 2;margin-left:0!important; margin-right: 0!important; margin-bottom: 20px; }
.contactnav{padding: 50px 0;}
.contactnav h2{font-size: 20px; padding-bottom: 20px;}
.fabfoot li img{width: 50px; height: 50px;margin-bottom: 10px;}
.fabfoot ul li{font-size: 16px;}
.fabfoot ul li{padding: 30px 0;}
.contactnav li:nth-child(1), .contactnav li:nth-child(2) {
    width: 100%;
}

.fabfoot ul{flex-wrap: wrap;justify-content: center;}
.fabfoot ul li{width: calc(33.333% - 10px); margin: 5px;}
body{font-size:14px;}
.index_about nav{padding: 0 15px;}
.index_about a{font-size: 16px;}
.fabfoot{padding-bottom: 50px;}
footer .container{padding-bottom: 0;}
footer{padding-bottom: 15px;}
.copyright{padding-top: 15px;}

footer .lxicon{order: 3; display: block;}
}