.row {
    margin-right: -15px;
    margin-left: -15px;
}

.page-slogan-list{list-style:none;padding-left:0; width: 100%; margin-bottom: 30px;}
.page-slogan-list li{height:180px;padding-top:36px;}
.page-slogan-ico{width:100px;height:100px;margin-right:30px;float: left;}
.page-slogan-list li img{width:100%;}
.page-slogan-list li h3{margin-left:130px;margin-top:4px;font-size:43px;font-weight: bold;}
.page-slogan-list li p{margin-left:130px;font-size:20px;}


.page-section{padding:85px 0;}
.page-section-title{font-size: 36px;font-weight: normal;margin-top:0;}
.page-section-sub-title{font-size: 18px;font-weight: normal;margin-bottom: 30px;text-transform: uppercase;color:#666;}
.page-section-description{font-size: 18px;}
.page-section-content{padding-top:60px;padding-bottom: 70px;}
.page-section img{max-width:100%;}



.about-box .about-box-4 {
  padding-top: 100px;
  margin-bottom: 100px;
}
.about-box .about-box-4 .culture {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.about-box .about-box-4 .culture .item {
  position: relative;
  cursor: pointer;
  width:25%;
}
.about-box .about-box-4 .culture .item .imgBox {
  height: 0;
  padding-bottom: 137%;
}
.about-box .about-box-4 .culture .item .imgBox img {
  position: absolute;
}
.about-box .about-box-4 .culture .item:hover .text {
  transform: translateY(0);
}
.about-box .about-box-4 .culture .item:hover .text .summary {
  opacity: 1;
}
.about-box .about-box-4 .culture .item .text {
  position: absolute;
  padding: 30px;
  bottom: 30px;
  left: 0;
  color: #fff;
  transform: translateY(30px);
  transition: all 0.5s;
}
.about-box .about-box-4 .culture .item .text .icon {
  width: 40px;
  height: 40px;
}
.about-box .about-box-4 .culture .item .text .icon img {
  transform: scale(1);
}
.about-box .about-box-4 .culture .item .text .title {
  font-size: 28px;
  margin-top: 10px;
}
.about-box .about-box-4 .culture .item .text .summary {
  font-size: 16px;
  margin-top: 6px;
  opacity: 0;
  transition: all 0.5s;
  max-height: 0;
}


.showTeam .item {
  justify-content: space-between;
  cursor: pointer;
  background: url("../images/page/img52.jpg") no-repeat center / cover;
  border-radius: 12px;
  padding: 40px;
  display: flex;
}
.showTeam .item.active {
  display: flex;
}
.showTeam .item .img {
  flex-basis: 35%;
}
.showTeam .item .img .imgBox {
  height: 0;
  padding-bottom: 120%;
}
.showTeam .item .img .imgBox img {
  position: absolute;
  left: 0;
}
.showTeam .item .text {
  flex-basis: 65%;
  padding: 0 80px 0 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.showTeam .item .text .title {
  font-size: 24px;
}
.showTeam .item .text .title span {
  font-size: 18px;
  color: #666;
  margin-left: 20px;
}
.showTeam .item .text .summary {
  font-size: 14px;
  color: #666;
  margin-top: 6px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.showTeam .item .text .line-box {
  font-size: 16px;
  color: #ccc;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.showTeam .item .text .line-box .line {
  height: 1px;
  background: #e5e5e5;
  flex-basis: calc(100% - 130px);
}
.showTeam .item .text .summary {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.showTeam .item .text .summary ul {
  padding-left: 20px;
}
.showTeam .item .text .summary ul li {
  color: var(--dominant-color);
  list-style: disc;
  text-align: left;
}
.showTeam .item .text .summary ul li p,
.showTeam .item .text .summary ul li span {
  color: #333;
}



/*内页通用*/
.page-title-box {
  margin-bottom: 50px;
}
.page-title-box .page-title {
  font-size: 42px;
  color: var(--dominant-color);
  font-family: PingFang-Bold;
  text-align: center;
}
.page-summary {
  font-size: 14px;
  max-width: 860px;
  line-height: 1.8;
  text-align: center;
  margin: 20px auto 0;
  word-break: break-word;
}
.pageBanner {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pageBanner .banner-box {
  width: 100%;
  height: 780px;
  display: flex;
}
.pageBanner .section1400 {
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: flex-start;
}
.pageBanner .section1400 .title {
  font-size: 50px;
  font-family: PingFang-Bold;
  margin-top: 100px;
}
.pageBanner .section1400 .sub {
  font-size: 12px;
}
.pageBanner .section1400 .summary {
  font-size: 16px;
  margin-top: 40px;
  text-indent: 2em;
  line-height: 1.8;
}
@media screen and (max-width: 1366px) {
  .pageBanner .section1400 .summary {
    margin-top: 20px;
  }
}



.imgBox {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.imgBox img {
    width: 100%;
    max-width: 100%;
    transition: all 0.5s;
    height: 100%;
    object-fit: cover;
}
.imgBox-hover:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}




.culture {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;

}

#culture {
    scroll-margin-top: 110px;
    display: flow-root;
}

.culture .item {
    width: calc((100% - 105px) / 4);
    position: relative;
    cursor: pointer;
    margin-right: 35px;
    border-radius: 20px;
    overflow: hidden;
}

.culture .item:last-child {
    margin-right: 0;
}

.culture .item::after {
    content: '';
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.5s;
    background: #046cb7 linear-gradient(to right, rgba(198, 23, 35, 0.39), rgba(238, 26, 41, 0.39));
}

.culture .item .imgBox {
    padding-bottom: 0;
}

.culture .item .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 40px 50px;
    text-align: left;
    z-index: 2;
    transition: all 0.5s;
    height: max-content;
}

.culture .item .text .title {
    font-size: 32px;
    color: #333;
    font-weight: 600;
}

.culture .item .text .line {
    width: 0;
    height: 5px;
    background: #046cb7;
    margin: 20px 0 0;
    transition: all 0.5s;
}

.culture .item:hover .line {
    width: 80px;
    transition: all 0.5s;
}

.culture .item .text .summary {
    font-size: 18px;
    color: #666;
    margin-top: 30%;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}

.culture .item:hover .text .summary {
    color: #046cb7;
}

.culture .item:hover .imgBox img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.culture .item:hover .text {
    transition: all 0.5s;
    top: 0;

}






.join-box1 .section .items {
  cursor: pointer;
  display: flex;
  margin-bottom: 40px;
  background: #f7f8fc;
}
.join-box1 .section .items .img,
.join-box1 .section .items .text {
  flex-basis: 50%;
}
.join-box1 .section .items .img .imgBox {
  height: 0;
  padding-bottom: calc((536 / 720) * 100%);
}
.join-box1 .section .items .img .imgBox img {
  position: absolute;
}
.join-box1 .section .items:nth-child(even) {
  flex-direction: row-reverse;
}
.join-box1 .section .items:last-child {
  margin-bottom: 50px;
}
.join-box1 .section .items .text {
  padding: 30px 80px 50px;
  position: relative;
}
.join-box1 .section .items .text::after {
  content: '';
  position: absolute;
  right: 60px;
  top: 60px;
  width: 26px;
  height: 26px;
  background: url("../images/after.png") no-repeat center;
}
.join-box1 .section .items .text .number {
  font-size: 140px;
  color: var(--dominant-color);
  opacity: 0.05;
  font-family: Manrope-Bold;
  font-style: italic;
  font-weight: 900;
  transform: translateX(-10px);
}
.join-box1 .section .items .text .title {
  font-size: 38px;
  color: #c32727;
  margin-top: -90px;
  font-family: MiSans-Medium;
}
.join-box1 .section .items .text .line {
  width: 50px;
  height: 3px;
  background-color: #c32727;
  margin: 20px 0 30px;
}
.join-box1 .section .items .text .summary {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
}


.pageMargin
{
    max-width:1200px;
    margin:0 auto;
}

.imgBox {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.imgBox img {
    width: 100%;
    max-width: 100%;
    transition: all 0.5s;
    height: 100%;
    object-fit: cover;
}
.imgBox-hover:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}
.textLeft {
    text-align: left;
}





.about_bg{ width:100%; height:1000px; background: url("../images/about_bg.jpg") no-repeat bottom center;}


.page-about-content a {
    display: block;
    color: #525252;
    cursor: pointer;
    width: 120px;
    height: 40px;
    border: 1px solid #525252;
    line-height: 38px;
    margin: 25px auto 0;
    transition: all 0.5s;
    text-align:center;
}
.page-about-content a:hover {
    background-color: #046cb7;
    color: #fff;
    border-color: #046cb7;
}





/* w20 */
.w20{padding: 160px 0;}
.w20-b1{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px;margin-bottom: 100px;}
.w20-b1-img{width: 100%;max-width: 100%;display: block;transition: all .7s;}
.w20-b1-top{position: relative;overflow: hidden;}
.w20-b1-top-btn{transition: all .7s;position: absolute;left: 1.56vw;bottom: 0;width: 76px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 20px 0px 0px 0px;background: rgba(255, 255, 255, .8);}
.w20-b1-bottom{padding: 30px 30px 0;}
.w20-b1-txt1{ font-size: 18px;color: #000000;font-family: "HarmonyOS_Sans_SC_Medium";margin-bottom: 10px;}
.w20-b1-txt2{ font-size: 14px;color: rgba(51, 51, 51, .8);font-family: "HarmonyOS_Sans_SC_Regular";}
.w20-b1b:hover .w20-b1-img{transform: scale(1.2);transition: all .7s;}
.w20-b1b:hover .w20-b1-top-btn{background: rgba(230, 0, 18, .8);transition: all .7s;}
.w20-b1b:hover .w20-b1-top-btn img{filter: grayscale(1) brightness(100);}



.about4 {
	width: 100%;
	padding: 0px 0 60px;
	overflow: hidden;
}
.about4-swiper {
	width: 100%;
	height: 340px;
	margin: 30px 0;
	text-align: center;
	position: relative;
}
.about4-swiper .swiper {
	width: 100%;
}
.about4-swiper .swiper-slide {
	cursor: pointer;
	overflow: hidden;
	transition: all 0.5s;
}
.about4-swiper .about4-img {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}


.mySwiper
{
    max-width:1400px;
	overflow: hidden;
}

.about4-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
    object-fit: contain;
	transition: all 0.5s;
}
.about4-swiper h4 {
	width: 100%;
	height: 80px;
	color: #ffffff;
	font-size: 20px;
	overflow: hidden;
	line-height: 80px;
	transition: all 0.5s;
	background-color: #b5b5b5;
}
.about4-swiper .swiper-slide:hover {
	border-color: #046cb7;
}
.about4-swiper .swiper-slide:hover .about4-img:before {
	top: 0px;
	opacity: 1;
}
.about4-swiper .swiper-slide:hover .about4-img:after {
	opacity: 1;
}
.about4-swiper .swiper-slide:hover .about4-img img {
	transform: scale(1.1);
}
.about4-swiper .swiper-slide:hover h4 
{
    
}
.swiper-button-prev, .swiper-button-next {
	top: 50%;
    z-index: 10;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-top: -50px;
	position: absolute;
	background-repeat: no-repeat !important;
    background-position: center !important;
}
.swiper-button-next.swiper-button-disabled {
	background:url(../images/hright.png);
}
.swiper-button-prev.swiper-button-disabled {
	background:url(../images/hleft.png);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background:url(../images/hleft.png);
    left: -100px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background:url(../images/hright.png);
    right: -100px;
    left: auto;
}
@media only screen and (max-width: 991px) {
	.about4 {
		padding: 0px 0 60px;
	}
	.about4-swiper {
		height: 640px;
		margin: 30px 0;
	}
	.about4-swiper .about4-img 
	{
	    
	}
	.about4-swiper h4 {
		height: 150px;
		line-height: 150px;
		font-size: 36px;
	}
	.about4-swiper .swiper-button-prev,.about4-swiper .swiper-container-rtl .swiper-button-next {
	    left: 0px;
	}
	.about4-swiper .swiper-button-next,.about4-swiper .swiper-container-rtl .swiper-button-prev {
	    right: 0px;
	}
}
@media only screen and (max-width: 750px) {
	.about4 {
		padding: 35px 0 20px;
	}
	.about4-swiper {
		height: 302px;
		margin: 20px 0;
	}
	.about4-swiper .about4-img 
	{
	    
	}
	.about4-swiper h4 {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}
	.about4-swiper .swiper-button-prev,.about4-swiper .swiper-button-next {
		width: 25px;
		height: 40px;
		margin-top: -30px;
		background-size: 100% !important;
	}
}
@media only screen and (min-width: 992px) {
	.about4 {
		padding: 0px 0 30px;
	}
	.about4-swiper {
		height: 307px;
		margin: 20px 0;
	}
	.about4-swiper .about4-img 
	{
	    
	}
	.about4-swiper h4 {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
}
@media only screen and (min-width: 1200px) {
	.about4 {
		padding: 0px 0 0px;
	}
	.about4-swiper {
		height: 290px;
		margin: 25px 0;
	}
	.about4-swiper .about4-img 
	{
	    
	}
	.about4-swiper h4 {
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}
}
@media only screen and (min-width: 1450px) {
	.about4 {
		padding: 0px 0 60px;
	}
	.about4-swiper {
		height: 264px;
		margin: 30px 0;
	}
	.about4-swiper .about4-img 
	{
	    
	}
	.about4-swiper h4 {
		height: 70px;
		line-height:70px;
		font-size: 20px;
	}
}



/*公司简介*/
.brief_01{color: #fff;}
.brief_01 .paddd_tb100{padding-top: 12%;}
.brief_01 .wrap{padding-right: 90px;box-sizing:border-box;}
.brief_title {margin-bottom: 40px;}
.brief_title h1{margin-bottom: 20px;}
.b_line{width: 90px;height: 3px;background: #ffffff;}

.brief_edit{margin-bottom: 50px;}
.brief_edit p{ font-size:18px; line-height:36px;}

.brief_box{overflow: hidden;}
.brief_video{float: right;width: 626px;overflow: hidden;max-width: 100%;}
.b_le,.b_re{float: left;height: 100%;width: 39.5%;}
.b_re{width: 60.5%; margin-top: 154px; float: right; margin-bottom: 432px;}
.video_button{display: block;position: relative;position: relative;}
.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%; background: url(../images/video.png) rgba(0, 0, 0, 0.1) no-repeat; background-position: 50% 50%;}
.video_button em{color: #fff;font-size: 65px;color: #fff;z-index: 2;}


.about_lt{ width:50%; float:left;}
.about_rl{ width:50%; float:left;}

.paddd_tb {
    padding: 115px 0;
}
.fnt_38 {
    font-size: 38px;
}
.bold {
    font-weight: bold;
}


.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999; background:url(../images/close.png) no-repeat; width: 50px; height: 50px; background-size: 85%;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

.brief_02{color: #fff;}
.brief_02 li{overflow: hidden;}
.b_title{width: 440px;max-width: 100%;border-bottom: 1px solid rgba(255,255,255,0.7);margin-bottom: 50px;padding-bottom: 20px;}
.b_title h1{margin-bottom: 5px;font-weight: 300; text-shadow: 0 0 10px rgba(0,0,0,0.6);}
.b_title p{font-size: 12px;font-family: "Arial";}
.brief_02 h3{line-height: 1.4em;text-shadow: 0 0 10px rgba(0,0,0,0.4);}
.brief_02 li:nth-child(2n) .b_title,.brief_02 li:nth-child(2n) h3{float: right;text-align: right;clear: both;}
@media only screen and (max-width:1440px) {
.b_title{margin-bottom: 30px;}
}
@media only screen and (max-width:1024px) {
.b_title{margin-bottom: 20px;padding-bottom: 10px;}
.brief_edit{margin-bottom: 30px;}
.brief_title{margin-bottom: 20px; padding-top: 58px;}
.brief_title h1{margin-bottom: 10px;}
.brief_01 .wrap{padding: 0;}
.video_button em{font-size: 36px;}
.blank_50 {
    background-size: 24%;
}
}
@media only screen and (max-width:767px) {
.brief_edit{margin-bottom: 20px;}
.b_line{height: 2px;width: 50px}
.brief_01 .cover{height: auto!important;}
.brief_02 li:nth-child(2n) .b_title,.brief_02 li:nth-child(2n) h3{float: left;text-align: left;}
.brief_02 li{position: relative;padding: 30px 0; min-height: 166px !important;}
.brief_02 li:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.brief_02 li .wrap{position: relative;z-index: 2;}
.brief_02 h3{font-size: 16px;font-weight: normal;}
.brief_02 h3 br{display: none;}


.fnt_38 {
    font-size: 20px;
}
.fnt_48 {
    font-size: 22px;
}
.brief_edit p {
    font-size: 15px;
}
.ratio-img,.ratio-img img{width: 100%;}
}





/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}


.cover {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
}