body,
button,
dd,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
ul {
   margin: 0;
   padding: 0;
   border: 0
}

* {
   -webkit-tap-highlight-color: transparent;
}

body {
   font-family: pingfang SC,
      helvetica neue,
      arial,
      hiragino sans gb,
      microsoft yahei ui,
      microsoft yahei,
      simsun,
      sans-serif;
   background-color: #ffffff;
   overflow-x: hidden;
}

button,
input,
textarea,
select {
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   border: 0;
}


::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 6px;
   height: 6px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #dddddd;
   box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: normal;
} */

img {
   border: 0;
   max-width: 100%;
   vertical-align: middle;
}

.none {
   display: none;
}

.online_x {
   cursor: pointer;
}

button:hover,
input[type=submit]:hover {
   cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   border: 0 outline;
   outline-color: transparent;
}

a {
   color: #333;
}

a:link {
   text-decoration: none
}

a:visited {
   text-decoration: none
}

a:hover {
   text-decoration: none;
   color: #e2c494
}

a:active {
   text-decoration: none
}

li {
   list-style: none;
}

.iconfont {
   font-size: inherit
}

.banner-video {
   width: 100%;
   height: 100vh;
   object-fit: cover;
   display: block;
}


.banner-txt .btn {
   justify-content: flex-start !important;
}

.banner-box {
   position: relative;
}

.banner-box a {
   width: 100%;
}

.banner-box .banner_img_wap {
   display: none;
}

.banner-nav {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 10%;
   z-index: 9;
}

.banner-nav .on::after {
   opacity: 1;
}

.banner-nav .on {
   color: #FFFFFF;
}

.banner-nav-a {
   font-size: 12px;
   cursor: pointer;
   color: rgba(255, 255, 255, .5);
   margin-bottom: 18px;
   position: relative;
   line-height: 1;
}

.banner-nav-a::after {
   content: '';
   position: absolute;
   left: -10px;
   top: 0;
   bottom: 0;
   width: 1px;
   height: 100%;
   background: #FFFFFF;
   opacity: 0;
}

.banner-nav-a:last-child {
   margin-bottom: 0;
}

.banner_img,
.banner_img_wap {
   width: 100%;
   display: block;
   height: 100vh;
}

.banner-txt {
   position: absolute;
   top: 35%;
   left: 0;
   right: 0;
}

.carouselImg .swiper-pagination {
   position: absolute;
   bottom: 50px;
   height: 30px;
   box-sizing: border-box;
   display: flex;
   bottom: 10px;
   align-items: center;
   justify-content: center;
   /*transform: scale(0.7);
  	transform-origin: 0 100%;*/
}

.carouselImg .swiper-pagination-bullet {
   background-color: #fff;
   width: 20px;
   height: 4px;
   opacity: .6;
   border-radius: 2px
}

.carouselImg .swiper-pagination-bullet-active {
   opacity: 1;
   width: 40px
}

.clear {
   clear: both;
   font-size: 0;
   line-height: 0;
   height: 0;
   visibility: hidden
}

.clearfix:after,
.clearfix:before {
   content: "";
   display: table
}

.clearfix:after {
   clear: both
}

.clearfix {
   zoom: 1
}

.main {
   padding-top: 64px;
}

.homeMain {
   padding-top: 0;
}

/*index*/
.mImg {
   display: none;
}

.Mbanner {
   /*display: none;*/
   height: 0px;
   visibility: hidden;
   opacity: 0;
}

.carouselImg .swiper-slide {
   font-size: 0;
}

.carouselImg .swiper-slide-active {
   z-index: 9;
}

.carouselImg .swiper-slide>a {
   position: relative;
   display: block;
   width: 100%;
}

.carouselImg .swiper-slide a>img {
   width: 100%;
   height: 100vh;
}

/* .banner-video, #banner_video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
/* .video-cover {
	position: absolute;
	left: 0;
	top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.video-cover .play-ico{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 0.6rem;
}
.carouselImg .video-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.carouselImg .video-box .videos{
	width: 100%;
	height: 100%;
	object-fit: cover;
} */
.carouselImg .textBox {
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translateX(-50%);
   max-width: 1260px;
   width: 100%;
   text-align: center;
}

.carouselImg .h1 {
   font-size: 46px;
   color: #fff;
   line-height: 1;

   margin-bottom: 24px;
}

.carouselImg .h2 {
   font-size: 20px;
   color: #fff;
   line-height: 1;

   margin-bottom: 42px;
   padding-left: 3px;
}

/*.carouselImg .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 85px;
	margin: auto;
	font-family: "HYQIHEI55S"; 
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	padding-right: 16px;
	background-image: url(../images/icon4.png);
	background-repeat: no-repeat;
	background-position: right top 13px;
	background-size: 7px auto;
	transition: all 0.4s ease;
	cursor: pointer;
}

.carouselImg .btn:hover {
	color: #e2c494;
	background-image: url(../images/icon4a.png);
}*/
/**/
.carouselImg .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color: #FFFFFF;
}

.carouselImg .btn img {
   transition: all .5s;
}

.carouselImg .btn:hover img {
   transform: translateX(5px);
   transition: all .5s;
}

.carouselImg .btn a {
   display: inline-block;
   vertical-align: middle;
   color: #fff;
   line-height: 36px;
   height: 36px;
   transition: all 0.6s ease;
   cursor: pointer;
   font-size: 0;
}

.carouselImg .btn a svg {
   display: inline-block;
   vertical-align: middle;
   width: 70px;
   transition: all 0.6s ease;
}

.carouselImg .btn a:hover svg path {
   fill: #e2c494 !important;
}

.carouselImg .btn a i {
   display: inline-block;
   vertical-align: middle;
   margin-left: 6px;
   width: 20px;
   height: 20px;
   background: url(../images/arrow_w.svg) center right no-repeat;
   transition: all 0.6s ease;
}

.carouselImg .btn a:hover i {
   -webkit-transform: translateX(3px);
   transform: translateX(3px);
   background: url(../images/arrow_o.svg) center right no-repeat;
}

.carouselImg .btn a:hover {
   color: #e2c494;
}

.banner-btn:hover .jt2 {
   transform: translateX(5px);
   transition: all .5s;
}

.jt2 {
   margin-left: 10px;
   transition: all .5s;
   font-size: 12px;
}

.banner-btn {
   display: flex;
   align-items: center;
   padding-left: 3px;
   font-size: 14px;
   color: #fff;
}

.banner-btn:hover {
   transition: all .3s;
   color: #e2c494
}


.carouselImg .btn img {
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
   max-width: 7px;
}

.carouselImg .btn img.ic2 {
   display: none;
}

.carouselImg .btn:hover img.ic1 {
   display: none;
}

.carouselImg .btn:hover img.ic2 {
   display: inline-block;
}

.addmImg {
   display: none;
}

.min_banner {
   height: 100vh;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #fff
}

.min_banner h1 {
   font-size: 44px;
   margin-bottom: 15px;
}

.min_banner_small {
   height: 70vh
}

.min_banner p {
   font-size: 30px;
}

.min_banner span {
   font-size: 16px;
}

.min_banner_b {
   justify-content: flex-end;
   padding-bottom: 120px
}

.main_menu {
   background: #f8f8f8;
   text-align: center;
   padding: 22px 0;
   font-size: 18px;
}

.main_menu a {
   display: inline-block;
   margin: 7px 15px;
   position: relative;
   z-index: 11;
}

.main_menu a:hover {
   color: #333
}

.main_menu a::after {
   content: '';
   display: block;
   position: absolute;
   height: 9px;
   width: 0;
   bottom: 2px;
   right: 0;
   background: #e2c494;
   z-index: -1;
   transition: all 0.4s ease 0s;
}

.main_menu a:hover::after,
.main_menu a#current::after {
   width: 100%;
   right: auto;
   left: 0;
}

.pro_list {
   padding: 70px 0 !important
}

.pro_list .box {
   margin-top: 0 !important
}

.pro_list .box ul li {
   margin-bottom: 30px;
}

.volume {
   position: absolute;
   width: 22px;
   height: 20px;
   right: 0;
   left: 0;
   bottom: 30px;
   margin: auto;
}

.volume .line {
   width: 2px;
   height: 20px;
   background-color: #ffffff;
   float: left;
   margin: 0 1px;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}

.volume .line:last-child {
   margin: 0;
}

.volume .line:nth-child(1) {
   -webkit-animation: volume1 linear infinite;
   animation: volume1 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(2) {
   -webkit-animation: volume2 linear infinite;
   animation: volume2 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(3) {
   -webkit-animation: volume3 linear infinite;
   animation: volume3 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(4) {
   -webkit-animation: volume4 linear infinite;
   animation: volume4 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(5) {
   -webkit-animation: volume5 linear infinite;
   animation: volume5 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(6) {
   -webkit-animation: volume6 linear infinite;
   animation: volume6 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

.volume .line:nth-child(7) {
   -webkit-animation: volume7 linear infinite;
   animation: volume7 linear infinite;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}

@-webkit-keyframes volume1 {
   0% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   25% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   50% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   75% {
      -webkit-transform: scaleY(0.6);
      transform: scaleY(0.6);
   }

   100% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }
}

@keyframes volume1 {
   0% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   25% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   50% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   75% {
      -webkit-transform: scaleY(0.6);
      transform: scaleY(0.6);
   }

   100% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }
}

@-webkit-keyframes volume2 {
   0% {
      -webkit-transform: scaleY(0.1);
      transform: scaleY(0.1);
   }

   25% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   50% {
      -webkit-transform: scaleY(0.4);
      transform: scaleY(0.4);
   }

   75% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   100% {
      -webkit-transform: scaleY(0.1);
      transform: scaleY(0.1);
   }
}

@keyframes volume2 {
   0% {
      -webkit-transform: scaleY(0.1);
      transform: scaleY(0.1);
   }

   25% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   50% {
      -webkit-transform: scaleY(0.4);
      transform: scaleY(0.4);
   }

   75% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   100% {
      -webkit-transform: scaleY(0.1);
      transform: scaleY(0.1);
   }
}

@-webkit-keyframes volume3 {
   0% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   50% {
      -webkit-transform: scaleY(0.8);
      transform: scaleY(0.8);
   }

   100% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }
}

@keyframes volume3 {
   0% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   50% {
      -webkit-transform: scaleY(0.8);
      transform: scaleY(0.8);
   }

   100% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }
}

@-webkit-keyframes volume4 {
   0% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   25% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   50% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   75% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   100% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }
}

@keyframes volume4 {
   0% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   25% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   50% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   75% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   100% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }
}

@-webkit-keyframes volume5 {
   0% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   25% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   50% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   75% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   100% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }
}

@keyframes volume5 {
   0% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   25% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   50% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   75% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   100% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }
}

@-webkit-keyframes volume6 {
   0% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   25% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   50% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   75% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   100% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }
}

@keyframes volume6 {
   0% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }

   25% {
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
   }

   50% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   75% {
      -webkit-transform: scaleY(0.9);
      transform: scaleY(0.9);
   }

   100% {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
   }
}

@-webkit-keyframes volume7 {
   0% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   25% {
      -webkit-transform: scaleY(0.4);
      transform: scaleY(0.4);
   }

   50% {
      -webkit-transform: scaleY(0.8);
      transform: scaleY(0.8);
   }

   75% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   100% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }
}

@keyframes volume7 {
   0% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }

   25% {
      -webkit-transform: scaleY(0.4);
      transform: scaleY(0.4);
   }

   50% {
      -webkit-transform: scaleY(0.8);
      transform: scaleY(0.8);
   }

   75% {
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
   }

   100% {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
   }
}


/**/
@media only screen and (max-width: 1024px) {
   .carouselImg {
      height: auto;
   }

   .PCbanner {
      display: none;
   }

   .Mbanner {
      /*display: block;*/
      opacity: 1;
      visibility: visible;
      height: auto;
   }

   .carouselImg .videoBox .video {
      position: relative;
      min-width: auto;
      top: 0;
      left: 0;
      transform: translate(0, 0);
      width: 100%;
      height: auto;
   }

   .carouselImg .swiper-slide a>img {
      position: relative;
      min-width: 100%;
      top: 0;
      left: 0;
      transform: translate(0, 0);
   }

   .carouselImg .swiper-pagination {
      bottom: 5%;
   }

   .carouselImg .btn {
      line-height: 24px;
   }

   .carouselImg .textBox.videoTxt {
      display: none;
   }
}

/**/
.comtit {

   color: #000000;
   font-size: 36px;
   font-weight: bold;
}

.category {
   /* padding-top: 120px;
	padding-bottom: 100px; */
   padding: 80px 0 120px;
}

.category .box {
   margin-top: 50px;
}

.category .box ul {
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
}

.category .box ul li {
   float: left;
   width: 32%;
   margin-right: 2%;
}

.category .box ul li:nth-child(3n) {
   margin-right: 0;
}

.category .box a {
   position: relative;
   display: block;
   width: 100%;
   overflow: hidden;
   border-radius: 36px;
   text-align: center;
   background: #f5f5f5;
   padding: 8%;
   box-sizing: border-box;
   -webkit-appearance: none;
   -webkit-transform: rotate(0deg);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -webkit-border-radius: 36px;
   -moz-border-radius: 36px;
   -ms-border-radius: 36px;
   -o-border-radius: 36px;
}

.category .box ul li .img {
   width: 100%;
}

.category .box ul li .img img {
   max-width: 75%;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.category .box ul li .img img:hover {
   transform: scale(1.06);
   -webkit-transform: scale(1.06);
}

/*.category .box ul li a img{
	width: 100%;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.category .box ul li:hover a img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.category .textBox{
	position: absolute;
	left: 0;
	bottom: 12%;
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
	text-align: center;
}*/
.category .textBox {
   width: 100%;
   padding: 0 25px;
   box-sizing: border-box;
   margin-top: 12%;
}

.category .textBox .h1 {
   color: #333333;
   font-size: 32px;
   margin-bottom: 15px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}

.category .textBox .h2 span {
   color: #e2c494;
   font-size: 14px;
   padding: 0px 15px;
   background-size: 5px auto;
   transition: all 0.4s ease;
   display: flex;
   align-items: center;
   justify-content: center;
   width: fit-content;
   margin: 0 auto;
}

.category .textBox .h2 span i {
   margin-left: 10px;
   font-size: 12px;
   margin-top: 2px;
}

.category .textBox .h2 span img {
   transition: all .5s;
}

.category .textBox .h2 span:hover .jt {
   transform: translateX(5px);
   transition: all .5s;
}

.jt {
   transition: all .5s;
}

.conwidth-min {
   max-width: 1230px;
   padding-left: 15px !important;
   padding-right: 15px !important;
   margin: 0 auto;
   line-height: 220%;
   font-size: 16px;
}


.dynamics .box ul li .txt .t3 span:hover .jt {
   transform: translateX(5px);
   transition: all .5s;
}

/*.category .box ul li .textBox .h2 span:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 1px;
	background: #e2c494;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.category .box ul li:hover .textBox .h2 span:after{
	width: 100%;
}*/
.category .textBox .h2 span img {
   display: inline-block;
   vertical-align: inherit;
   margin-left: 10px;
}

.category .swiper-pagination {
   display: none;
}

/*核心技术*/
.core_technology {
   padding-top: 120px;
   padding-bottom: 100px;
   background-color: #f5f5f5;
}

.core_technology .wrap {
   position: relative;
   margin-top: 50px;
}

.core_technology .box {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 36px;
   -webkit-appearance: none;
   -webkit-transform: rotate(0deg);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
}

.core_technology .box a {
   position: relative;
   display: block;
   width: 100%;
}

.core_technology .box a img {
   width: 100%;
}

.core_technology .box .textBox {
   position: absolute;
   right: 8.7%;
   top: 50%;
   transform: translateY(-50%);
   max-width: 420px;
   width: 100%;
}

.core_technology .box .textBox .t1 {
   font-family: "HYQIHEI60S";
   font-size: 34px;
   color: #ffffff;
   margin-bottom: 20px;
}

.core_technology .box .textBox .t2 {

   font-size: 18px;
   color: rgba(255, 255, 255, 0.85);
   line-height: 1.7;
   text-align: justify;
}

.core_technology .box .textBox .t3 {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.5);
   margin-top: 55px;
}

.core_technology .box .textBox .t3 span {
   display: flex;
   align-items: center;
   transition: all 0.6s ease;
   font-size: 0;
}

.core_technology .box .textBox .t3 span:hover {
   /*opacity: 0.7;*/
   color: #e2c494;
}

.core_technology .box .textBox .t3 span em {
   display: inline-block;
   margin-left: 6px;
   font-family: "ltGBK";
   font-style: normal;
   padding-top: 2px;
}

.core_technology .box .textBox .t3 span svg {
   display: inline-block;
   vertical-align: middle;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
}

.core_technology .box .textBox .t3 span svg.svgarrow {
   margin-left: 6px;
   width: 16px;
}

.core_technology .box .textBox .t3 span svg.svgword {
   width: 58px;
}

.core_technology .box .textBox .t3 span:hover .svgarrow {
   -webkit-transform: translateX(3px);
   transform: translateX(3px);
}

.core_technology .box .textBox .t3 span:hover .svgword path {
   fill: #e2c494 !important;
}

.core_technology .box .textBox .t3 span:hover .svgword polyline {
   fill: #e2c494 !important;
}

.core_technology .box .textBox .t3 span:hover .svgarrow path {
   stroke: #e2c494 !important;
}

.core_technology .box .textBox .t3 span:hover .svgarrow polyline {
   stroke: #e2c494 !important;
}

/*.core_technology .box .textBox .t3 img{
	max-width: 6px;
	margin-left: 10px;
	opacity: 0.5;
}*/
.core_technology .swiper-pagination {
   position: absolute;
   top: 50%;
   left: 7%;
   bottom: auto;
   transform: translateY(-50%);
   box-sizing: border-box;
   font-size: 0;
   width: auto;
}

.core_technology .swiper-pagination-bullet {
   position: relative;
   margin: 0px auto 24px !important;
   cursor: pointer;
   background: none;
   width: 16px;
   height: 27px;
   opacity: 1;
   display: block;
}

/*.core_technology .swiper-pagination-bullet i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	border-radius: 50%;
}
.core_technology .swiper-pagination-bullet-active i{
	opacity: 0;
}*/
.core_technology .swiper-pagination-bullet svg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   width: 16px;
   height: 16px;
   transform: rotate(-90deg) translateZ(0);
}

.core_technology .swiper-pagination-bullet svg circle {
   fill: none;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-dasharray: 50 50;
   stroke-dashoffset: 50;
}

.core_technology .swiper-pagination-bullet svg circle.c2 {
   stroke-dashoffset: 0;
   stroke: transparent;
}

.core_technology .swiper-pagination-bullet-active svg circle.c2 {
   stroke: rgba(255, 255, 255) !important;
}

.core_technology .swiper-pagination-bullet-active svg circle.c1 {
   stroke-dashoffset: 0;
   transition: stroke-dashoffset 5s linear;
   stroke: #e2c494;
}

.core_technology .tabBox {
   position: absolute;
   left: 7%;
   top: 50%;
   transform: translateY(-50%);
   width: auto;
   z-index: 12;
}

.core_technology .tabBox ul li {
   position: relative;
   padding-left: 40px;
   margin: 0px auto 24px;
}

.core_technology .tabBox ul li i {
   content: '';
   position: absolute;
   left: 3px;
   top: 8px;
   width: 10px;
   height: 10px;
   background: rgba(153, 153, 153, 1);
   border-radius: 50%;
}

.core_technology .tabBox ul li.on i {
   opacity: 0;
}

.core_technology .tabBox ul li span {
   display: block;

   /*color: rgba(255,255,255,0.5);*/
   color: rgba(102, 102, 102, 1);
   font-size: 16px;
   line-height: 1.7;
   cursor: pointer;
}

.core_technology .tabBox ul li.on span {
   color: #e2c494 !important;
}

/**/
.dynamics {
   padding: 80px 0;
   background-color: #f8f8f8;
}

.h_about {
   padding: 150px 0;
   background: url(../images/about.jpg) center no-repeat;
   background-size: cover;
   position: relative;
   z-index: 5;
}

.h_about,
.h_about .comtit {
   color: #fff
}

.h_about_box ul {
   display: flex;
   margin-top: 200px;
}

.h_about_box li {
   width: 25%;
   position: relative;
   overflow: hidden;

}

.h_about_box li img,
.h_about_box li a,
.business-list li img,
.business-list li a {
   width: 100%;
   display: block;

}

.h_about_box li .img {
   filter: grayscale(100%);
   transition: all 0.5s;
   opacity: .6
}

.zy_bussiness .h_about_box li .img {
   opacity: 1
}

.h_about_box li:hover .img,
.business-list li:hover .img {
   filter: grayscale(0) !important;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   opacity: 1
}

.h_about_box li .txt,
.business-list li .txt {
   position: absolute;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   z-index: 5;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   top: 0;
   color: #fff;
   transition: all 0.5s;

}

.h_about_box li .txt i,
.business-list li .txt i {
   border-radius: 50%;
   width: 100px;
   height: 100px;
   border: 1px solid #fff;
   display: block;
   text-align: center;
   display: flex;
   align-items: center;
   font-size: 38px;
   justify-content: center;
   color: #fff;
   margin-bottom: 20px;
}

.business-list li .txt h3 {
   font-size: 18px;
}

.h_about_box li:hover .txt {
   margin-top: -50px;
}

.h_about_box li:hover .txt i,
.business-list li:hover .txt i {
   background: #e2c494;
   border: 1px solid #e2c494
}


.business-list {
   padding-top: 80px;
}

.business-list ul {
   display: flex;
   justify-content: space-between;
   padding-top: 50px;
}

.business-list ul li {
   width: 15%;
   text-align: center;
   position: relative;
   background: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 30px;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   overflow: hidden;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

.business-list ul li a {
   display: block;
}

.business-list li .img {
   filter: grayscale(100%);
   transition: all 0.5s;
   opacity: .6
}

.business-list li:hover .txt {
   margin-top: -20px;
}


.h_about .x3-box {
   align-items: flex-start
}

.h_about .x3-box section {
   line-height: 220%;
   font-size: 18px;
   text-align: right
}

.dynamics .box {
   margin-top: 50px;
}


.dynamics .box ul {
   display: flex;
   gap: 2%;
   flex-wrap: wrap;
}

.dynamics .box ul li {
   width: 23.5%;
}


.dynamics .box ul li a {
   display: block;
   width: 100%;
   overflow: hidden;
   border-radius: 36px;
   background-color: #ffffff;
   -webkit-appearance: none;
   -webkit-transform: rotate(0deg);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
}

.dynamics .box ul li .img {
   width: 100%;
   overflow: hidden;
}

.dynamics .box ul li .img img {
   width: 100%;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.dynamics .box ul li .img img:hover {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
}

.dynamics .box ul li .txt {
   padding: 30px 30px 42px;
}

.dynamics .box ul li .txt .t1 {
   color: #333333;
   font-size: 24px;
   margin-bottom: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.dynamics .box ul li .txt .t2 {
   color: #666666;
   font-size: 18px;
   line-height: 35px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.dynamics .box ul li .txt .t3 {
   color: #e2c494;
   font-size: 14px;
   margin-top: 45px;
}

.dynamics .box ul li .txt .t3 span {
   /*position: relative;*/
   display: flex;
   align-items: center;
   transition: all 0.4s ease;
   width: fit-content;
}

.dynamics .box ul li .txt .t3 span i {
   font-size: 12px;
   margin-top: 2px;
}

/* .dynamics .box ul li .txt .t3 span:hover{
	opacity: 0.7;
} */
/*.dynamics .box ul li .txt .t3 span:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 1px;
	background: #e2c494;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.dynamics .box ul li:hover .txt .t3 span:after{
	width: 100%;
}*/
.dynamics .box ul li .txt .t3 span img {
   display: inline-block;
   vertical-align: inherit;
}

.dynamics .box ul li .txt .t3 span .jt {
   margin-left: 10px;
}

/**/
.combtn {
   display: flex;
   align-items: center;
   justify-content: center;
}

.dynamics .combtn {
   margin-top: 45px;
   justify-content: flex-start;
}

.combtn a,
.combtn span {
   display: inline-block;
   vertical-align: middle;
   color: #e2c494;
   font-size: 14px;
   transition: all 0.6s ease;
   cursor: pointer;
}

.combtn a,
.combtn span {
   font-size: 0;
}

.category ul li .combtn a,
.category ul li .combtn span {
   margin-left: 14px;
}

.combtn svg {
   display: inline-block;
   vertical-align: middle;
   width: 58px;
   transition: all 0.6s ease;
}

/*.category ul li .combtn a:hover svg path,
.category ul li .combtn span:hover path{
	fill: #e2c494 !important;
}*/
.combtn a i,
.combtn span i {
   /*position: relative;
	top: -3px;*/
   display: inline-block;
   vertical-align: middle;
   margin-left: 6px;
   width: 16px;
   height: 14px;
   background: url(../images/arrow_o.svg) center right no-repeat;
   transition: all 0.6s ease;
}

.combtn a:hover i,
.combtn span:hover i {
   -webkit-transform: translateX(3px);
   transform: translateX(3px);
}

.combtn a:hover,
.combtn span:hover {
   color: #e2c494;
}

.homeMain-fixed {
   position: relative;
}

.homeMain-fixed::after {
   background: rgba(0, 0, 0, .3);
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}



.boxbg {
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0.6;
   filter: alpha(opacity=60);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   display: none;
}

div[id*="dialog"] {
   width: 700px;
   height: 700px;
   display: none;
   position: fixed;
   top: 50%;
   left: 0;
   right: 0;
   position: fixed;
   margin: -350px auto 0;
   z-index: 10000;

}

.dialog_content {
   width: 100%;
   height: 100%;
   background-color: #fff;
   border-radius: 50%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center
}

.dialog_content_list {
   width: 60%;
}

.dialog_content_list h2 {
   font-size: 48px;
   font-weight: normal;
   text-align: center;
   margin-bottom: 60px;
}

.dialog_content_list p {
   position: relative;
   padding: 5px 0 5px 15px;
   font-size: 16px;
   color: #555
}

.dialog_content_list p:before {
   position: absolute;
   left: 0;
   top: 13px;
   content: "";
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #666666;
}

.claseDialogBtn {
   position: absolute;
   z-index: 99999;
   top: 40px;
   right: 30px;
   color: #fff !important;
   font-size: 36px;
   transition: 0.4s;
}

.claseDialogBtn:hover {
   transform: rotate(180deg);
}

.news-list {
   padding-top: 80px;
   padding-bottom: 80px;
}

.news-list-flex {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
   flex-wrap: wrap;
}

.news-list .news-content section {
   background: rgba(0, 0, 0, .5);
   position: absolute;
   z-index: 5;
   bottom: 0;
   width: 100%;
   display: flex;
   align-items: center;
}

.news-list .news-content img {
   display: block;
   width: 100%
}

.news-list .news-content section h3 {
   background: #e2c494;
   color: #fff;
   text-align: center;
   width: 122px;
   font-size: 20px;
   padding: 15px 0;
}

.news-list .news-content section h3 span {
   display: block;
   font-size: 42px;
}

.news-list .news-content section h4 {
   width: calc(100% - 160px);
   margin-left: 20px;
   color: #fff;
   font-size: 20px;
}

.news-list .news-list-slide {
   width: 48%;
   position: relative;
}


.news-list .swiper-pagination-news {
   text-align: center;
   margin-top: .9375rem;
}

.news-list .swiper-pagination-bullet {
   background-color: #ccc;
   margin: 0 6px;
   opacity: 1;
   width: 10px;
   height: 10px;
   border-radius: 50%
}

.news-list .swiper-pagination-bullet-active {
   background-color: #e6153e;
}

.news-list .swiper-pagination {
   bottom: 0
}

.news-list ul {
   width: 48%
}

.news-list ul li {
   display: flex;
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 1px solid #eee;
   flex-wrap: wrap;
}

.news-list ul li section {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   color: #999;
   padding-left: 120px;
}


.news-list ul li span {
   width: 120px;
   display: block;
   font-size: 22px;
   color: #999
}

.news-list ul li span em {
   font-size: 16px;
   display: block;
   font-style: normal;
}

.news-list ul li a {
   font-size: 20px;
   line-height: 32px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   width: calc(100% - 120px);
}

.lightgallery-list {
   display: flex;
   flex-wrap: wrap;
   gap: 2%
}

.lightgallery-list li {
   width: 23.5%;
   position: relative;
   margin-bottom: 25px;
}

.lightgallery-list li a:after {
   content: '';
   background: rgba(0, 0, 0, 0);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
}

.lightgallery-list li a:hover::after {
   background: rgba(0, 0, 0, .5);
}

.lightgallery-list li i {
   position: absolute;
   top: 50%;
   left: 50%;
   color: #fff;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   font-size: 35px;
   z-index: 9;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   opacity: 0;
}

.lightgallery-list li:hover i {
   opacity: 1;
   font-size: 40px;
}


.xc {
   background: #f5f5f5;
   overflow: hidden;
}

.xsxx {
   background: #f5f5f5;
   position: relative;
   padding-top: 150px;
}

.xsxx::after {
   content: '';
   position: absolute;
   top: 0;
   left: -100px;
   right: -100px;
   bottom: 180px;
   background: #f5f5f5;
   width: 100000px;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: -1;
}

.xc-box {
   padding: 150px 0;
}

.xc-box2 {
   position: relative;
}

.xc-b {
   position: fixed;
   top: 0;
   left: 5%;
   right: 5%;
   bottom: 0;
}

.xc-b1 {
   z-index: 1;
}

.xc-b2 {
   opacity: 0;
   z-index: 2;
}

.xc-b3 {
   opacity: 0;
   z-index: 3;
}

.xc-b1-t {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: flex-start;
   margin-bottom: 150px;
}

.xc-b1-t2 {

   font-size: 36px;
   color: #000000;
   margin-bottom: 30px;
   line-height: 1;
   font-weight: bold;
}

.xc-b1-t3 {

   font-size: 30px;
   color: #000000;
   line-height: 1;
}

.xc-b1-t4 {

   font-size: 18px;
   color: #6c6c6c;
   line-height: 34px;
   text-align: right;
}

.xc-b1-t5 {

   font-size: 20px;
   color: #000000;
   line-height: 1;
   text-align: right;
   margin-bottom: 32px;
}

.xc-b1-bb {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.xc-b1-video {
   width: 47%;
   border-radius: 15px;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.xc-b1-video2 {
   width: 100%;
   object-fit: fill;
   border-radius: 15px;
}

.xc-b1-title {
   font-size: 330px;
   font-family: "HarmonyOS_Sans_Bold_Italic";
   position: absolute;
   font-style: italic;
   font-weight: bolder;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   color: #000000;
}

.xc-b1-title2 {
   font-size: 330px;
   font-family: "HarmonyOS_Sans_Bold_Italic";
   position: absolute;
   font-style: italic;
   font-weight: bolder;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   color: #FFFFFF;
}

.x3-box {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: center;
}

.x3-title {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   font-family: "HYQIHEI60S";
   font-size: 16px;
   color: #000000;
   line-height: 1;
}

.x3-img {
   margin-left: 10px;
   transition: all .5s;
}

.x3-title:hover .x3-img {
   transform: translateX(5px);
   transition: all .5s;
}

.category .box ul li {
   position: relative;
}

.category .box ul li:hover .x3-bjtxt {
   opacity: 1;
   transition: all .5s;
}

.x3-bjtxt {
   transition: all .5s;
   position: absolute;
   font-style: italic;
   font-weight: bolder;
   top: 0;
   left: 0;
   right: 0;
   bottom: 22%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   opacity: 0;
}

.x3-bjtxt {
   color: rgba(255, 255, 255, .8);
   font-size: 100px;
   font-weight: bolder
}

.category .box ul li .img {
   z-index: 2;
   position: relative;
}

.video-play {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
   z-index: 6;
}

.video-play img {
   width: 70px !important;
   height: 70px !important;
   object-fit: none !important;
}

.bvv2 {
   display: none;
}

.gf {
   display: none;
}

.yd {
   display: none;
}


.dynamics {
   z-index: 5;
   position: relative;
}

.addfooter {
   z-index: 5;
   position: relative;
}

.xc-b {
   top: 100vh !important;
}

.xsxx::after {
   left: -300px !important;
   right: -300px !important;
   height: 140vh !important;
}

/* .xc-b1-b {
   margin-bottom: 1000px;
} */

.dynamics,
.category {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}

.photo img {
   -webkit-transition: 0.5s;
   transition: 0.5s;
}

.photo:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: 0.5s;
   transition: 0.5s;
}

.h_honor_box {
   display: flex;
   flex-wrap: wrap;
   gap: 1%;
   padding-top: 180px;
}

.h_honor_box li {
   width: 11.5%;
   margin-bottom: 15px;
}

.h_honor_box li em {
   display: block;
   overflow: hidden;
}

@media (max-width: 1700px) {
   .x3-bjtxt {
      font-size: 70px;
   }

   .xc-b1-t2 {
      font-size: 36px;
   }

   .xc-b1-t3 {
      font-size: 26px;
   }

   .xc-b1-t4 {
      font-size: 14px;
   }

   .xc-b1-title {
      font-size: 180px;
   }

   .xc-b1-title2 {
      font-size: 180px;
   }

   .xc-b1-t {
      grid-template-columns: 30% auto;
   }
}

@media only screen and (max-width: 1680px) {
   .carouselImg .h1 {
      font-size: 46px;
   }

   .comtit {
      font-size: 36px;
   }

   .category {
      padding-top: 100px;
   }

   .category .textBox .h1 {
      font-size: 30px;
   }

   .core_technology {
      padding-top: 100px;
   }

   .core_technology .box .textBox {
      zoom: 0.9;
   }

   /*.core_technology .box .textBox .t1{
		font-size: 30px;
	}
	.core_technology .box .textBox .t2{
		font-size: 16px;
	}*/
   .dynamics {
      padding-top: 100px;
   }


   .dynamics .box ul li .txt .t1 {
      font-size: 30px;
   }

   .dynamics .box ul li .txt .t2 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 1536px) {
   .carouselImg .h1 {
      font-size: 46px;
   }

   .carouselImg .h2 {
      font-size: 20px;
   }

   /*.carouselImg .btn{
		font-size: 14px;
	}*/
   .carouselImg .btn a svg {
      width: 58px;
   }

   .carouselImg .btn a i {
      width: 16px;
      height: 16px;
   }

   .comtit {
      font-size: 36px;
   }

   .category {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .category .textBox .h1 {
      font-size: 25px;
   }

   .core_technology {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   /*.core_technology .box .textBox .t1{
		font-size: 25px;
	}
	.core_technology .box .textBox .t2{
		font-size: 14px;
	}*/
   .dynamics {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .dynamics .box ul li .txt {
      padding: 30px 40px;
   }

   .dynamics .box ul li .txt .t1 {
      font-size: 25px;
   }

   .dynamics .box ul li .txt .t2 {
      font-size: 14px;
   }

   div[id*="dialog"] {
      width: 600px;
      height: 600px;
      display: none;
      position: fixed;
      top: 50%;
      left: 0;
      right: 0;
      position: fixed;
      margin: -300px auto 0;
      z-index: 10000;

   }
}

@media screen and (max-width: 1366px) {
   .h_about {
      padding-top: 80px;
   }

   .main_menu a {
      margin: 7px 15px
   }

   .h_about_box ul {
      margin-top: 120px;
   }

   .min_banner h1 {
      font-size: 40px
   }

   .min_banner p {
      font-size: 20px
   }

   div[id*="dialog"] {
      width: 500px;
      height: 500px;
      display: none;
      position: fixed;
      top: 50%;
      left: 0;
      right: 0;
      position: fixed;
      margin: -250px auto 0;
      z-index: 10000;

   }

   .addfooter .navBox .item:last-child {
      display: none;
   }

   .h_about_box li .txt i,
   .business-list li .txt i {
      width: 80px;
      height: 80px;
      font-size: 30px;
   }

   .business-list li .txt h3 {
      font-size: 16px;
   }

   .category .textBox .h1 {
      font-size: 20px;
   }

   .h_honor_box li {
      width: 15.83%;
   }
}

@media only screen and (max-width: 1280px) {
   .search_nav {
      width: 60%
   }

   .carouselImg .h1 {
      font-size: 46px;
   }

   .carouselImg .h2 {
      font-size: 20px;
   }

   .comtit {
      font-size: 36px;
   }

   .category {
      padding-top: 70px;
      padding-bottom: 70px;
   }

   .category .textBox .h1 {
      font-size: 22px;
   }

   .main_menu a {
      margin: 0 10px
   }

   .core_technology {
      padding-top: 70px;
      padding-bottom: 70px;
   }

   /*.core_technology .box .textBox .t1{
		font-size: 22px;
	}*/
   .core_technology .box .textBox {
      zoom: 0.8;
   }


   .dynamics {
      padding-top: 70px;
      padding-bottom: 70px;
   }

   .dynamics .box ul li .txt {
      padding: 25px 30px;
   }

   .dynamics .box ul li .txt .t1 {
      font-size: 22px;
   }

}

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

   .carouselImg .h1 {
      font-size: 46px;
   }

   .min_banner_small {
      height: 40vh
   }

   .min_banner h1 {
      font-size: 30px
   }

   .min_banner p {
      font-size: 18px
   }

   .carouselImg .h2 {
      font-size: 20px;
   }

   .carouselImg .swiper-pagination {
      height: 30px;
   }

   .h_about_box ul {
      flex-wrap: wrap;
      margin-top: .7rem
   }

   .h_about_box li {
      width: 50%
   }

   .h_about_box li .txt i {
      width: 80px;
      height: 80px;
      font-size: 28px;
   }

   .carouselImg .swiper-pagination-bullet {
      margin: 0 10px !important;
   }

   .h_about .x3-box section {
      width: 100%;
      font-size: 14px;
      margin-top: .4rem;
   }

   .h_about .x3-box {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0;
   }

   .comtit {
      font-size: 36px;
   }

   .category .box,
   .core_technology .wrap,
   .dynamics .box {
      margin-top: 40px;
   }

   .dynamics .box ul li .txt {
      padding: 20px 25px;
   }

   .dynamics .box ul li .txt .t3 {
      margin-top: 20px;
   }

   .dynamics .combtn {
      margin-top: 30px;
   }

   .addmImg {
      display: block;
   }

   .addpImg {
      display: none;
   }

   .h_honor_box li {
      width: 24.25%;
      margin-bottom: 10px;
   }
}

@media (max-width: 1000px) {
   .x3-title {
      zoom: .8;
   }

   .category .box ul {
      flex-direction: column;
   }

   .xc-b1-t {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0;
   }

   .xc-box {
      padding: 80px 0;
   }

   .xc-b1-t2 {
      font-size: 25px;
      text-align: center;
   }

   .xc-b1-t3 {
      font-size: 25px;
   }

   .xc-b1-t5 {
      text-align: center;
   }

   .xc-b1-t4 {
      text-align: center;
   }

   .xc-b1-t {
      margin-bottom: 100px;
   }

   .xc-b1-title {
      font-size: 44px;
   }

   .xc-b1-title2 {
      font-size: 44px;
   }

   .carouselImg .swiper-slide a>img {
      object-fit: cover;
   }

   .x3-bjtxt {
      font-size: 48px;
   }

   .xc-b1-t4 br {
      display: none;
   }

   .xc-b1-video {
      width: 100%;
   }

   .video-play {
      display: block;
   }

   .bvv1 {
      display: none;
   }

   .bvv2 {
      display: block;
   }

   .footer-box-ul {
      display: none;
   }

   .gf {
      display: block;
      width: 100%;
   }

   /* .xc-b1-video2 { */
   /* display: none; */
   /* } */

   .banner-nav {
      display: none;
   }

   .carouselImg .h1 {
      margin-bottom: 15px;
   }

   .carouselImg .h2 {
      margin-bottom: 39px;
   }

   .banner-txt {
      top: 124px;
   }

   .addHeader .headRight {
      width: auto;
   }

   .addHeader .logo {
      order: 0;
   }

   .addHeader .btnMenu {
      order: 2;
      zoom: .93;
   }

   .addHeader .headRight {
      order: 1;
      margin-right: 8px;
   }

   .pc {
      display: none;
   }

   .yd {
      display: block;
   }

   .yd-right {
      display: flex;
      align-items: center;
   }

   .addHeader .eShop .dropDown {
      transform: translateX(28px);
   }
}

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

   /*.carouselImg .swiper-pagination{
		height: 20px;
	}
	.carouselImg .swiper-pagination-bullet{
		margin: 0 5px !important;
	}
	.category,
	.core_technology,
	.dynamics{
		padding-top: 60px;
		padding-bottom: 60px;
	}*/
   /*20220923*/
   /*.addmImg{
		display: block;
	}
	.addpImg{
		display: none;
	}*/
   /*.carouselImg .textBox{
		top: 15%;
	}*/
   .carouselImg .h1 {
      font-size: 0.5rem;
      margin-bottom: 0.2rem;
   }

   .main_menu .conwidth {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
   }

   .main_menu .conwidth a {
      width: 48%;
      margin: 5px 0
   }

   .main_menu {
      font-size: 16px;
   }

   .carouselImg .h2 {
      font-size: 0.28rem;
      margin-bottom: 0.25rem;
   }

   /*.carouselImg .btn{
		font-size: 0.2rem;
	}*/
   .carouselImg .btn a svg {
      width: 0.8rem;
   }

   .carouselImg .btn a {
      height: 0.36rem;
      line-height: 0.36rem;
   }

   .carouselImg .btn a i {
      width: 0.2rem;
      height: 0.2rem;
      margin-left: 0.1rem;
   }

   .carouselImg .btn a:hover i {
      -webkit-transform: translateX(0.03rem);
      transform: translateX(0.03rem);
   }

   .carouselImg .swiper-pagination {
      height: 0.2rem;
      bottom: 0.5rem;
   }

   .carouselImg .swiper-pagination-bullet {
      margin: 0 0.1rem !important;
   }

   .category,
   .core_technology,
   .dynamics,
   .news-list {
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
   }

   .comtit {
      font-size: 0.4rem;
   }

   .category .box,
   .core_technology .wrap,
   .dynamics .box {
      margin-top: 0.5rem;
   }

   .category .box ul li {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0.4rem;
   }

   .category .box a {
      border-radius: 0.36rem;
   }

   .category .textBox .h1 {
      font-size: 0.34rem;
      margin-bottom: 0.2rem;
   }

   .category .textBox .h2 span {
      font-size: 0.2rem;
   }

   .category .textBox .h2 span img {
      margin-left: 0.1rem;
   }

   /**/
   .core_technology .box {
      border-radius: 0.36rem;
   }

   .core_technology .box .textBox {
      top: 10%;
      left: 7%;
      right: auto;
      max-width: 70%;
      transform: none;
      zoom: 1;
   }

   .core_technology .swiper-pagination {
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0.5rem;
      transform: none;
   }

   .core_technology .swiper-pagination-bullet {
      display: inline-block;
      margin: 0 0.1rem !important;
      padding: 0;
   }

   /*.core_technology .tabBox{
		display: none;
	}*/
   .core_technology .tabBox {
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0.5rem;
      transform: none;
   }

   .core_technology .tabBox ul {
      text-align: center;
      width: 100%;
      font-size: 0;
   }

   .core_technology .tabBox ul li {
      position: relative;
      display: inline-block;
      margin: 0 0.1rem !important;
      padding: 0;
      width: 16px;
      height: 27px;
   }

   .core_technology .tabBox ul li i {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .core_technology .tabBox ul li span {
      display: none;
   }

   .core_technology .box .textBox .t1 {
      font-size: 0.35rem;
      margin-bottom: 0.6rem;
   }

   .core_technology .box .textBox .t2 {
      font-size: 0.24rem;
   }

   .core_technology .box .textBox .t3 {
      font-size: 0.2rem;
      margin-top: 0.6rem;
   }

   .core_technology .box .textBox .t3 span svg.svgword {
      width: 0.8rem;
   }

   .core_technology .box .textBox .t3 span svg.svgarrow {
      width: 0.2rem;
      margin-left: 0.1rem;
   }

   .core_technology .box .textBox .t3 span:hover .svgarrow {
      -webkit-transform: translateX(0.03rem);
      transform: translateX(0.03rem);
   }

   /**/
   .dynamics .box ul li {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0.4rem;
   }

   .dynamics .box ul li a {
      border-radius: 0.36rem;
   }

   .dynamics .box ul li .txt {
      padding: 0.4rem 0.5rem;
   }

   .dynamics .box ul li .txt .t1 {
      font-size: 0.34rem;
      margin-bottom: 0.1rem;
   }

   .dynamics .box ul li .txt .t2 {
      font-size: 0.26rem;
   }

   .dynamics .box ul li .txt .t3 {
      font-size: 0.2rem;
   }

   .dynamics .box ul li .txt .t3 span img {
      margin-left: 0.1rem;
   }

   .dynamics .combtn {
      margin-top: 0.45rem;
   }

   .combtn a,
   .combtn span {
      /*font-size: 0.2rem;*/
   }

   .combtn svg {
      width: 0.8rem;
   }

   .combtn a i,
   .combtn span i {
      width: 0.2rem;
      height: 0.2rem;
      margin-left: 0.1rem;
   }

   .category ul li .combtn a,
   .category ul li .combtn span {
      margin-left: 0.2rem;
   }

   .combtn a:hover i,
   .combtn span:hover i {
      -webkit-transform: translateX(0.03rem);
      transform: translateX(0.03rem);
   }

   .claseDialogBtn {
      top: 20px;
      right: 0;
      font-size: 28px;
   }

   .dialog_content_list h2 {
      margin-bottom: 30px;
      font-size: 40px;
   }

   .dialog_content_list {
      width: 70%
   }

   .dialog_content_list p {
      font-size: 14px;
   }

   div[id*="dialog"] {
      width: 380px;
      height: 380px;
      display: none;
      position: fixed;
      top: 50%;
      left: 0;
      right: 0;
      position: fixed;
      margin: -190px auto 0;
      z-index: 10000;

   }

}

@media (max-width: 767px) {
   .h_about {
      padding-bottom: 60px;
   }

   .h_honor_box {
      padding-top: 80px;
   }

   .h_honor_box li {
      width: 32.66%;
      margin-bottom: 6px;
   }

   .news-list .news-list-slide,
   .news-list ul {
      width: 100%;
   }

   .news-list .news-list-slide {
      margin-bottom: 20px;
   }

   .news-list .news-content section h3 {
      padding: 5px 0;
      font-size: 14px;
      width: 80px;
   }

   .news-list .news-content section h3 span {
      font-size: 20px;
   }

   .news-list .news-content section h4 {
      font-size: 16px;
      font-weight: normal;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      width: calc(100% - 100px);
   }

   .news-list ul li span {
      width: 80px;
   }

   .news-list ul li section {
      padding-left: 80px;
      margin-top: -10px;
   }

   .news-list ul li a {
      width: calc(100% - 80px);
   }

   .news-list ul li span {
      font-size: 18px;
   }

   .news-list ul li {
      padding-bottom: 15px;
      margin-bottom: 15px;
   }

   .news-list-flex {
      margin-top: 28px;
   }

   .lightgallery-list li {
      width: 100%;
   }

   .business-list {
      padding-top: 50px;
   }

   .business-list ul {
      flex-wrap: wrap;
   }

   .business-list ul li {
      width: 48%;
      margin: 6px 0;
   }

   .h_about_box li .txt i,
   .business-list li .txt i {
      width: 60px;
      height: 60px;
   }

   .business-list ul {
      padding-top: 20px;
   }

   .banner-box .banner_img_wap {
      display: block;
   }

   .banner-box .banner_img {
      display: none;
   }
}


@media only screen and (max-width: 480px) {
   .carouselImg .btn a i {
      width: 0.16rem;
      height: 0.16rem;
      margin-left: 0.05rem;
   }

   .carouselImg .btn a svg {
      width: 0.75rem;
   }

   .carouselImg .swiper-pagination,
   .core_technology .tabBox,
   .core_technology .swiper-pagination {
      transform: scale(0.65);
      transform-origin: 50% 50%;
   }

   .core_technology .tabBox,
   .core_technology .swiper-pagination {
      bottom: 0.35rem;
   }

   .combtn svg {
      width: 0.75rem;
   }

   .core_technology .box .textBox .t3 span svg.svgword {
      width: 0.75rem;
   }

   .core_technology .box .textBox .t3 span svg.svgarrow {
      width: 0.16rem;
      margin-left: 0.05rem;
   }

   .combtn a i,
   .combtn span i {
      width: 0.16rem;
      height: 0.16rem;
      margin-left: 0.05rem;
   }
}