body {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
}
body li {
  list-style: none;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-size: 14px;
  font-weight: normal;
}
button{
  border: 0;
  outline: none;
  font-family: OPlusSans;
  color: #333333;
  background-color: #ffcb49;
}
button:hover{
  cursor: pointer;
  background-color: #ffb90b;
}
input{
  outline: none;
}
body{
  background: #f0f0f0; 
  background-image: url(../images/bg.jpg);
  font-family: OPlusSans;
  color: #fff;
}
.wrap{ 
  max-width:1420px; 
  width:95%; 
  margin:0 auto; 
  max-height:999999px;
}
.clear{ clear:both;}
/*字体*/
@font-face{
/*  font-family: "DOUYUFONT";
  src:url("../font/DOUYUFONT-2.OTF") format('woff2');*/
}
/*鼠标放上去图片变大*/
.imgmouseon {
  overflow: hidden;
}
.imgmouseon img {
  cursor: pointer;
  transition: all 0.6s;
}
.imgmouseon img:hover {
  transform: scale(1.1);
}
/*鼠标点击图片变大*/
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  z-index: 1001;
  opacity: 0;
  transition: opacity 0.3s;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  max-width: 80%;
  max-height: 80%;
  transition: transform 0.3s;
}
.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 35px;
  cursor: pointer;
  z-index: 1002;
}
/*头部*/
.header{
  height: 120px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 1000;
  background-image: url(../images/bg.jpg);
}
.header>div{
  height: 100%;
  width:95%;
  margin:0 auto; 
  display: flex;
  flex: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header .logo{
  height: 46px;
  width: 197px;
  display: flex;
  flex-flow: row wrap;
  align-content:center;
  margin-right: 2.5%;
}
.header .logo img{
  width: 100%;
}
.header .henav{
  color: #fff;
  max-width: 1080px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items:center;
  flex-grow: 1;
}
.header .henav li{
  margin: 0px 1%;
  position: relative;
}
.header .henav li>a{
  height: 120px;
  font-size: 16px;
  white-space:nowrap;
  display: block;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-transform: uppercase;
}
.header .henav a.active{
  border-bottom: 3px solid #ffcb49;
}
.header .henav .subnav{
  width: 100%;
  height: 300px;
  position: fixed;
  top: 120px;
  left: 0px;
  background-image: url(../images/bg.jpg);
  display: none;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  gap:20px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.header .henav li:hover .subnav{
  display: flex;
}
.header .henav .subnav a{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 25%;
}
.header .henav .subnav a .img{
  height: 150px;
}
.header .henav .subnav a .img img{
  max-width: 100%;
  max-height: 100%;
}
.header .henav .subnav a p{
  margin-top: 30px;
  color: #fff;
}
.header .henav .subnav a:hover p{
  color: #ffcb49;
}
.header .henav .subnav2{
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url(../images/bg.jpg);
  display: none;
  flex-wrap: nowrap; 
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  gap:20px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 30px 50px;
  white-space: nowrap;
}
.header .henav li:hover .subnav2{
  display: flex;
}
.header .henav li:hover .subnav2 a:hover{
  color: #ffcb49;
}
.header .search {
  display: flex;
  flex-wrap: nowrap;
}
.header .search img:nth-of-type(2){
  margin-left: 30px;
}
.header .search input{
  width: 140px;
  outline: none;
  border-bottom: 1px solid #cccccc;
  height: 22px;
  margin-left: 16px;
  text-align: center;
  color: #bbbbbb;
  display: none;
}
/*banner大图*/
.banner_index{
  height: 800px;
  width: 100%;
  position: relative;
}
.banner_index .swiper {
  height: 100%;
}
.banner_index .swiper-slide{
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  align-items: center;
  background-position: center center;
  background-size: auto 100%;
}
.banner_index .swiper-pagination{ 
  bottom:60px;
}
.banner_index .swiper-pagination-bullet{ 
  width:40px; 
  height:4px; 
  border-radius:2px; 
  transition:all linear .2s; 
  background:#ffffff; 
  opacity:1; 
  margin:0 3px!important;
}
.banner_index .swiper-pagination-bullet-active{ 
  opacity:1; 
  background:#39aeff;
}
/*banner大图 内页*/
.banner_others{
  height: 300px;
}
.banner_others .swiper-slide{
  display: flex;
  flex: wrap;
  justify-content: center;
  align-items: center;  
}
.banner_others .font{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner_others .font h1{
  font-size: 40px;
  text-transform: uppercase;
}
.banner_others .font h2{
  width: 100px;
  height: 2px;
  background-color: #fff;
  margin-top: 20px;
}
.banner_lxwm{
  height: 900px;
}
.banner_lxwm .font{
  position: relative;
  margin-top: -350px;
}
/*主体-主页*/
.index_con2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 110px 0;
}
.index_con2 .cole{
  width: 50%;
}
.index_con2 .cole .tit{
  font-size: 56px;
  font-weight: bold;
  margin-bottom: 50px;
}
.index_con2 .cole p{
  font-size: 16px;
  line-height: 32px;
  color: #bbbbbb;
}
.index_con2 .coco{  
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: column;
  height: 64px;
}
.index_con2 .coco .img{
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 20px;
}
.index_con2 .coco .img:nth-of-type(2){
  margin-left:15%; 
}
.index_con2 .coco h1{
  font-size: 20px;
  line-height: 32px;
}
.index_con2 .coco h2{
  font-size: 16px;
  line-height: 32px;
  color: #bbbbbb;
}
.index_con2 .cori{
  width: 45%;
  max-width: 600px;
}
.index_con2 .cori img{
  width: 100%;
  border-radius: 25px;
}
.index_con3{
  height: 360px;
  background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-position: center;
}
.index_con3 .wrap{
  height: 100%; 
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.index_con3 ul{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
.index_con3 ul h1{
  font-size: 20px;
}
.index_con3 ul li h1:hover{
  color: #ffcb49;
}
.index_con3 ul h1 em{
  font-family: Impact;
  font-size: 60px;
}
.index_con3 ul h2{
  font-size: 16px;
  padding-top: 17px;
  margin-top: 15px;
  background-image: url(../images/index_ico3_1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.index_con4{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:20px;
  padding: 110px 0;
  --swiper-navigation-size: 30px;
  --swiper-navigation-color: #fff;
}
.index_con4 .cole{
  margin-right: 2.5%;
}
.index_con4 .cole .tit{
  font-size: 56px;
  font-weight: bold;
}
.index_con4 .cole button{
  width: 240px;
  height: 70px;
  border-radius: 35px;
  margin-top: 70px;
  font-size: 18px;
}
.index_con4 .cole img{
  margin-left: 20px;
}
.index_con4 .cori{
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.index_con4 .cori .img{
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.index_con4 .cori a:hover h1{
  color: #1f4076;
}
.index_con4 .cori .img img{
  max-width: 85%;
  max-height: 85%;
}
.index_con4 .cori a{
  width: 50%;
  max-width: 480px;
  background-color: #fff;
  padding: 15px 25px;
  box-sizing: border-box;
}
.index_con4 .cori h1{
  color: #333333;
  font-size: 16px;
  line-height: 28px; 
  text-align: center; 
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.index_con4 .cori h2{
  color: #999999;
  font-size: 14px;
  line-height: 28px;  
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.index_con4 .swiper-button-next,
.index_con4 .swiper-button-prev{
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  height: 486px;
  width: 60px;
}
.index_con4 .swiper-button-next:after, 
.index_con4 .swiper-button-prev:after{
  font-size: 60px;
}
.index_con5{
  padding-top: 60px;
  padding-bottom: 60px;
}
.index_con5 .tit{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.index_con5 .tit em{
  color: #ffcb49;
}
.index_con5 ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
  gap: 35px;
  margin-top: 80px;
}
.index_con5 ul li{
  min-height: 540px;
  width: 450px;
  padding: 50px 30px;
  box-sizing: border-box;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index_con5 ul li h1{
  font-size: 36px;
  font-weight: bold;
  color: #ffcb49;
  text-align: center;
  margin-bottom: 10px;
}
.index_con5 ul li h2{
  font-size: 26px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.index_con5 ul li p{
  font-size: 18px;
  line-height: 2;
  color: #fff;
  display: none;
}
.index_con5 ul li:hover h1,
.index_con5 ul li:hover h2{
  display: none;
}
.index_con5 ul li:hover p{
  display: block;
}
/*内页二级栏目*/
.others_subnav{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap:65px;
  height: 100px;
  border-bottom: 1px solid #555555;
}
.others_subnav a{
  font-size: 16px;
  line-height: 100px;
  box-sizing: border-box;
}
.others_subnav a.active{
  color: #ffed00;
  border-bottom: 3px solid #ffed00;
}
.others_subnav a:hover{
  color: #ffed00;
}
/*公司-品牌故事*/
.gs_con{
  padding: 100px 0;
}
.gs_con .tit{
  font-size: 50px;
  margin-bottom: 45px;
  font-weight: bold;
  text-transform: uppercase;
}
.gs_con>h1{
  font-size: 24px;
  margin: 130px 0 32px 0;
}
.gs_con>p{
  font-size: 20px;
  margin: 32px 0;
}
.gs_con em{
  font-size: 24px;
  color: #ffcb49;
}
.gs_con .img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
  margin-top: 100px;
}
.gs_con .img img{
  max-width: 100%;
  flex-shrink: 1;
}
.gs_con .img2{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
}
.gs_con .img2 img{
  width: 100%;
}
.gs_con .list{
  height: 460px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
  margin: 32px 0 130px 0;
}
.gs_con .list li{
  width: 25%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 140px 30px 30px 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.gs_con .list li:nth-child(1){
  border-left: 0px;
}
.gs_con .list li img{
}
.gs_con .list li p{
  font-size: 20px;
  max-width: 250px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}
.gs_con .list li:hover{
  background-color: rgba(31, 64, 118, 0.75)
}
.gs_con .list li:hover p{
  color: #ffcb49;
}
.gs_con .list2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
  gap: 35px;
  margin: 32px 0;
}
.gs_con .list2 li{
  min-height: 540px;
  width: 450px;
  padding: 50px 30px;
  box-sizing: border-box;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gs_con .list2 li h1{
  font-size: 36px;
  font-weight: bold;
  color: #ffcb49;
  text-align: center;
  margin-bottom: 10px;
}
.gs_con .list2 li h2{
  font-size: 26px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.gs_con .list2 li p{
  font-size: 18px;
  line-height: 2;
  color: #fff;
  display: none;
}
.gs_con .list2 li:hover h1,
.gs_con .list2 li:hover h2{
  display: none;
}
.gs_con .list2 li:hover p{
  display: block;
}
/*公司-宣传材料*/
.gs_xccl_li{
  padding: 80px 0;
}
.gs_xccl_li .tit{
  font-size: 50px;
  color: #fff;
  margin-bottom: 80px;
  text-transform: uppercase;
}
.gs_xccl_li ul{
  display: grid;
  grid:
  'left left . . '
  'left left . . '
  ' . . right right ';
  gap: 1.6% 1%;
  margin-top: 1.6%;
}
.gs_xccl_li li{
  height: 0px;
  padding-bottom: 70%;
  position: relative;
  overflow: hidden;
}
.gs_xccl_li li img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: all 0.6s;
}
.gs_xccl_li li img:hover {
  transform: scale(1.1);
}
.gs_xccl_li li.item1 {
  grid-area: left;
  padding-bottom: 70.2%;
}
.gs_xccl_li li.item2 {
  grid-area: right;
  padding-bottom: 34.3%;
}
/*产品-产品种类*/
.cp_li li{
  margin: 80px 0;
  background-size: cover;
}
.cp_li li .wrap{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: space-between;
}
.cp_li li .img{
  /*max-width: 50%;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 5%;
  box-sizing: border-box;
}
.cp_li li .img img{
  max-width: 100%;
  max-height: 100%;
}
.cp_li li .txt{
  max-width: 60%;
  flex-grow: 1;   /*放大*/
  background-color: #1f4076;
  min-height: 600px;
  padding: 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.cp_li li .txt h1{
  font-size: 30px;
  color: #ffcb49;
  margin-bottom: 20px;
}
.cp_li li .txt p{
  font-size: 16px;
  line-height: 1.875;
}
.cp_li li .txt p em{
  color: #ffcb49;
}
.cp_con{
  font-size: 20px;
}
.cp_con em{
  color: #ffcb49;
}
.cp_con ul{
  display: flex;
  flex-wrap: nowrap;
  gap: 2.45%;
  margin-top: 50px;
}
.cp_con ul li{
  width: 31.7%;
}
.cp_con ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cp_con ul li h1{
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}
.cp_con2{
  background-image: url(../images/cp_ico8.png);
  background-size: cover;
  min-height: 250px;
  padding: 20px 0;
  margin-top: 95px;
  margin-bottom: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cp_con2 h1{
  font-size: 50px;
  font-weight: bold;
  text-align: center;
}
.cp_con2 h2{
  font-size: 30px;
  color: #ffcb49;
  text-align: center;
}
/*产品-适用车型*/
.cp_li2{
  padding-bottom: 50px;
}
.cp_li2 .tit{
  padding: 60px 0 30px 0;
  border-bottom: 1px solid #565656;
  margin-bottom: 30px;
}
.cp_li2 .tit img{
  width: 100px;
  height: 65px;
}
.cp_li2 ul{
  display: flex;
  flex-wrap: wrap;
}
.cp_li2 ul li{
  width: 16.666%;
  height: 100px;
  border-right: 1px solid #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:1220px){
  .cp_li2 ul li{
    flex-basis: 25%;
  }
}
@media screen and (max-width:1023px){
  .cp_li2 ul li{
    flex-basis: 33.33%;
  }
}
.cp_li2 ul li img{
  max-width: 60%;
  max-height: 60%;
}
/*产品目录*/
.cpml_li{
  padding: 60px 0 60px; 0;
}
.cpml_li li{
  background-color: #fff;
  padding: 20px 40px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  height: 360px;
}
.cpml_li li .img{
  max-width: 570px;
  width: 40%;
  height: 360px;
  margin-right: 4%;
}
.cpml_li li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cpml_li li h1{
  width: 55%;
  color: #333333;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 30px;
  display: block; 
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.cpml_li li h2{
  color: #333333;
  margin-top: 75px;
}
.cpml_li li h2 img{
  margin-right: 12px;
}
.cpml_li button{
  width: 240px;
  max-width: 55%;
  height: 70px;
  border-radius: 35px;
  color: #fff;
  font-size: 18px;
  background-color: #1f4076;
  margin-top: 20px;
}
.cpml_li button:hover{
  background-color: #ffcb49;
}
.cpml_li button img{
  margin-left: 20px;
}
/*技术资源*/
.jszy_con .tit{
  font-size: 50px;
  font-weight: bold;
  margin-top: 90px;
}
.jszy_con h1{
  font-size: 24px;
  line-height: 1.875;
  color: #ffcb49;
  margin: 30px 0;
}
.jszy_con h1 em{
  color: #fff;
}
.jszy_con p{
  font-size: 16px;
  line-height: 1.875;
  margin: 30px 0;
}
.jszy_con p em{
  font-size: 24px;
  color: #ffcb49;
}
/*联系我们*/
.lxwm_con{
  margin-top: -450px;
  position: relative;
  z-index: 1;
}
.lxwm_con ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.lxwm_con li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  border-left: 1px solid #a4a4a7;
  width: 33.33%;
  box-sizing: border-box;
}
.lxwm_con li:nth-of-type(1){
  border-left: 0px solid #a4a4a7;
}
.lxwm_con h1{
  margin-top: 40px;
  font-size: 20px;
  text-transform: uppercase;
}
.lxwm_con h2{
  margin-top: 16px;
  font-size: 16px;
  text-transform: uppercase;
}
.lxwm_con2{
  border-radius: 30px;
  display: flex;
  flex-wrap: nowrap;
  background-image: url(../images/bg.jpg);
  position: relative;
  z-index: 1;
  /*margin-top: 120px;*/
  margin-top: -450px;
}
.lxwm_con2 .cole{
  width: 31%;
  min-width: 280px;
  height: 590px;
  background-image: url(../images/lxwm_img.jpg);
  padding: 50px 2.5%;
  box-sizing: border-box;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
}
.lxwm_con2 .cole .tit{
  font-size: 26px;
  line-height: 45px;
}
.lxwm_con2 .cole p{
  font-size: 16px;
  line-height: 30px;
  color: #8cb9f1;
  margin-top: 30px;
}
.lxwm_con2 .cori{
  height: 590px;
  padding: 75px 7%;
  box-sizing: border-box;
  border-radius: 0 30px 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.lxwm_con2 .cori h1{
  margin: 10px 0;
}
.lxwm_con2 .cori div{
  height: 60px;
  border-radius: 10px;
  padding: 0 25px;
  box-sizing: border-box;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 100%;
  margin: 10px 0;
}
.lxwm_con2 .cori div.inp50{
  width: 49%;
}
.lxwm_con2 .cori div:last-of-type{
  padding:0;
  background: none;
  justify-content: flex-end;
}
.lxwm_con2 .cori div.inparae{
  height: 130px;
  display: flex;
  align-items: flex-start;
}
.lxwm_con2 .cori div.inparae span{
  margin-top: 15px;
}
.lxwm_con2 .cori span{
  color: #fe520f;
}
.lxwm_con2 .cori input{
  width: 100%;
  height: 50px;
  font-size: 16px;
  padding-bottom: 1px;
}
.lxwm_con2 .cori textarea{
  width: 100%;
  height: 100px;
  margin-top: 15px;
  font-size: 16px;
  padding-bottom: 1px;
  outline: none;
  resize: none;
  font-family: Arial; 
  line-height: 25px;
}
.lxwm_con2 .cori textarea::placeholder {
  color: #000;
}
.lxwm_con2 .cori .yzm{
  width: 100px;
}
.lxwm_con2 .cori button{
  width: 200px;
  height: 60px;
  font-size: 16px;
  color: #333333;
  border-radius: 35px;
}
.lxwm_con4{
  line-height: 30px;
  padding: 90px 0;
}
.lxwm_con4 p{
  font-size: 16px;
  color: #aaaaaa;
}
.lxwm_con4 h1{
  font-size: 20px;
  color: #aaaaaa;
  margin: 30px 0 10px 0;
  font-style: italic;
}
.lxwm_con4 h1 strong{
  color: #fff;
}
.lxwm_con4 h2{
  width: 100%;
  color: #ffcb49;
  font-size: 20px;
  line-height: 2;
  margin-left: 35px;
}
/*加入我们*/
.jrwm_li{
  line-height: 30px;
  padding-top: 60px;
  padding-bottom: 90px;
}
.jrwm_li .tit{
  font-size: 50px;
  line-height: 70px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 60px;
}
.jrwm_li p{
  font-size: 16px;
  color: #aaaaaa;
}
.jrwm_li h1{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.jrwm_li h2{
  width: 100%;
  color: #ffcb49;
  font-size: 24px;
  line-height: 2;
  margin: 30px 0 10px 0;
}
.jrwm_li em{
  color: #ffcb49;
  font-weight: bold;
}
.jrwm_li .con{
  display: grid;
  grid: '. .'; 
  gap: 2%;
  margin-top: 150px;
}
.jrwm_li .con .img{
  width: 100%;
  margin-top: 30px;
}
.jrwm_li .con .img img{
  width: 100%;
}
.jrwm_li .con2{
  display: grid;
  grid: '. .'; 
  gap: 2%;
  margin-top: 150px;
}
.jrwm_li .con2 .txt{
  display: flex;  
  flex-direction: column;
  justify-content: center;
}
.jrwm_li .con2 h1{
  padding-bottom: 10px;
}
.jrwm_li .con2 h2{
  background: url(../images/star.svg) no-repeat left center/40px 40px;
  /*padding-bottom: 20px;*/
  line-height: 1.5;
  padding: 10px 0 10px 60px;
}
.jrwm_li .con2 p{
  padding-left: 60px;
  margin-top: -5px;
  display: none;
}
.jrwm_li .con2 .img{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jrwm_li .con2 .img img{
  width: 80%;
}
.jrwm_li .con3{
  margin-top: 150px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 3%;
}
.jrwm_li .con3 h1{
  width: 100%;
  margin-bottom: 30px;
}
.jrwm_li .con3 li{
  flex: 1 1;
  background: url(../images/jrwm_con3_ico.png) no-repeat center center/100% 100%;
}
.jrwm_li .con3 li div{
  height: 0px;
  padding-bottom: 100%;
  position: relative;
}
.jrwm_li .con3 li p{
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.75;
  text-transform: uppercase;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jrwm_li .con4{
  margin-top: 150px;
}
.jrwm_li .con4 h1{
  margin-bottom: 60px;
}
.jrwm_li .con4 h3{
  color: #fff;
  font-size: 16px;
  line-height: 2.5;
  margin: 30px 0 0 0;
  background: rgba(255,203,73,0.1) url(../images/up.svg) no-repeat center right 20px/12px 12px;
  border-radius: 4px;
  padding: 15px;
  cursor: pointer;
  -webkit-user-select: none;  /* Chrome/Safari */
  -moz-user-select: none;     /* Firefox */
  -ms-user-select: none;      /* IE10+ */
  user-select: none;          /* 标准语法 */
}
.jrwm_li .con4 h3.cur{
  background: rgba(255,203,73,0.1) url(../images/down.svg) no-repeat center right 20px/12px 12px;
  border-radius: 4px 4px 0 0;
}
.jrwm_li .con4 h4{
  font-size: 16px;
  color: #aaaaaa;
  margin: 0;
  background: rgba(26,54,100,0.5);
  border-radius: 0 0 4px 4px;
  padding: 15px;
  display: none;
}
.jrwm_li .con4 .jrwm_li_q{
  width: 36px;
  height: 36px;
  background: #ffcb49;
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.jrwm_li .con4 .jrwm_li_a{
  width: 36px;
  height: 36px;
  background: #1f4076;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.jrwm_li .con5{
  background: url(../images/jrwm_img.jpg) no-repeat center center/100% 100%;
  padding: 70px 0 50px 0;
  margin-top: 150px;
  display: flex;  
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.jrwm_li .con5 a{
  width: 200px;
  height: 70px;
  font-size: 16px;
  color: #333333;
  border-radius: 35px;
  background: #ffcb49;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.jrwm_li .con5 a:hover{
  filter: brightness(1.1);
}
.jrwm_li .con6{
  display: grid;
  grid: '. .'; 
  gap: 5%;
  margin-top: 150px;
}
.jrwm_li .con6 .txt{
  display: flex;  
  flex-direction: column;
  justify-content: center;
}
.jrwm_li .con6 .img{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jrwm_li .con6 .img img{
  width: 80%;
}
/*加入我们-促销品*/
.jrwm_cxp_li{
  display: flex;
  gap:1%;
  padding: 120px 0;
  border-bottom: 1px solid  rgba(231,231,231,0.2);
}
.jrwm_cxp_li .txt{
  flex: 1 1;
  padding-top: 10px;
}
.jrwm_cxp_li .txt h1{
  max-width: 80%;
  font-size: 30px;
  color: #fff;  
}
.jrwm_cxp_li .txt p{
  max-width: 80%;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 24px;
}
.jrwm_cxp_li .txt:last-of-type{
  text-align: right;
  display: flex;  
  flex-direction: column;
  align-items: flex-end;
}
.jrwm_cxp_li .img{
  width: 31.7%;
  height: 0px;
  padding-bottom: 19.7%;
  position: relative;
  overflow: hidden;
}
.jrwm_cxp_li .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: all 0.6s;
}
.jrwm_cxp_li .img img:hover {
  transform: scale(1.1);
}
/*内页-页码*/
.page{
  margin: 70px auto 100px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.page a{
  width: 54px;
  height: 52px;
  background: #1f4076;
  display: block;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  padding-bottom: 3px;
}
.page a.active{
  background: #ffcb49;
  color: #333333; 
}
.page a:hover{
  background: #ffcb49;
  color: #333333; 
}
.page a:first-of-type,
.page a:last-of-type{
  padding-left: 15px;
  padding-right: 15px;
}
/*底部*/
.footer .foto{
  padding: 100px 0 90px 0;
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  gap:20px;
}
.footer .foto li a:nth-of-type(1){
  margin-top: 0px;
  margin-bottom: 26px;
  font-size: 18px;
  color: #ffcb49;
}
.footer .foto a{
  display: block;
  line-height: 16px;
  margin: 16px 0;
  color: #aaaaaa;
}
.footer .foto a:hover{
  color: #fff;
}
.footer .fobo{
  border-top: 1px solid #4f4f4f;
  text-align: center;
  color: #aaaaaa;
  line-height: 30px;
  padding: 50px 0;
}
/*移动端头部*/
.sjhedes{ display:none; height:150px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:188; background:#fff;background-image: url(../images/bg.jpg); height:150px; box-shadow:1px 1px 0 rgba(33,29,30,.2); padding:0 2.5%;}
.losdj{ float:left;}
.losdj img{ height:46px; display:block; margin-top:48px;margin-left: 10px;}
.sanh{ float:right; width:50px; padding:10px; margin:37px 60px 0px 0px;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#fff;}
.fuernavt{ position:fixed; padding-top:150px; top:0px; left:-100%; width:100%; height:100%; background-color:#fff;background-image: url(../images/bg.jpg); z-index:187;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:30px; line-height:300%; padding:10px 0px; border-bottom:1px solid #333; color:#fff;}
.shojvas>div{ display:block; text-align:center; font-size:30px; line-height:300%; border-bottom:1px solid #333;}
.shojvas>div a{ color:#fff;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:26px; right:25px; width:11px; height:18px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1;}
.maei{ padding:10px 0; font-size:30px; color:#333;}
.maei a{ color:#333; display:inline;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc>div a,.shopernc .maei.line1{ display:block; text-align:center; font-size:24px; color:#999; padding:10px 0px; line-height:50px; border-top:1px solid #333;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.shopernc .maei.line1{ border-top-color:#333;}
.shopernc .maei.line1 a{ display:inline!important; line-height:inherit; border:none; padding:0;}
.tesd>div{ background-color:#fff!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}