.swipercontainer {
    position: relative;
    width: 100%;
    height: calc( (100% - 1920px ) / 1920 * 820);
    overflow: hidden;
    --swiper-theme-color: #fff;
}
.swipercontainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutuswrap {
    padding: 125px 0;
    background-image: url(../../images/aboutusbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutuswrap .w {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.aboutuswrap .aboutus{
    flex: 1;
    margin-right: 75px;
}
.aboutuswrap .aboutus h2 {
    position: relative;
    font-size: 42px;
}
.aboutuswrap .aboutus h2::after {
    content: '';
    position: absolute;
    top: 68px;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #c59e58;
}
.aboutuswrap .aboutus .intro {
    font-size: 16px;
    color: #333333;
    line-height: 29px;
    margin-top: 70px;
}
.aboutuswrap .aboutus .numlist {
    display: flex;
    height: 75px;
    margin-top: 70px;
}
.aboutuswrap .aboutus .numlist .numwrap {
    display: flex;
    width: calc((100% - 8px)/3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 2px dashed #c2c2c2;
}
.aboutuswrap .aboutus .numlist .numwrap:last-child {
    border-right: 0;
}
.aboutuswrap .aboutus .numlist .numwrap:first-child {
    align-items: normal;
}

.aboutuswrap .aboutus .numlist .numwrap h3 {
    font-size: 38px;
    color: #c59e58;
    font-weight: bold;
    text-align: center;
}
.aboutuswrap .aboutus .numlist .numwrap p {
    font-size: 16px;
    font-weight: bold;
    color: #171717;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
}
.aboutuswrap .aboutvideo {
    width: calc((100% - 75px)/2);
}
/* 核心业务 */
.hxywwrap {
    width:100%;
    background-image: url(../../images/hxywbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 100px;
}
.hxywwrap h2 {
    position: relative;
    font-size: 42px;
    color: #fff;
    text-align: center;
}
.hxywwrap h2::after {
    content: '';
    position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background-color: #c59e58;
}
.hxywmain {
    margin-top: 86px;
}
.hxywmain .w {
    display: flex;
}
.hxywmain .left {
    display: flex;
    justify-content: space-between;
    width: calc((100% - 40px)/3 * 2 + 20px);
    height: 574px;
    overflow: hidden;
}
.hxywmain .left .pic {
    position: relative;
    width: calc((100% - 20px)/2);
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}
.hxywmain .left .pic:last-child{
    margin-right: 0;
}
.hxywmain .left .pic h3{
    position: absolute;
    left: 29px;
    right: 29px;
    bottom: 75px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    z-index: 10;
}
.hxywmain .left .pic h3::after{
    content: '';
    position: absolute;
    left: 0;
    top: 44px;
    width: 59px;
	height: 2px;
	background-color: #ffffff;
}
.hxywmain .left .pic img,.hxywmain .right .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0);
    transition: all 1s;
}
.hxywmain .left .pic:hover img {
    transform: scale(1.2);
}
.hxywmain .left .mask,.hxywmain .right .mask{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.3);
}
.hxywmain .left .pic:hover .mask,.hxywmain .right .pic:hover .mask{
    display: block;
}
.hxywmain .right {
    display: flex;
    flex-direction: column;
    width: calc((100% - 40px)/3);
    height: 574px;
    overflow: hidden;
    margin-left: 20px;
}
.hxywmain .right .pic {
    position: relative;
    width: 100%;
    height: calc((100% - 20px)/2);
    overflow: hidden;
    margin-bottom: 20px;
}
.hxywmain .right .pic:last-child{
    margin-bottom: 0;
}

.hxywmain .right .pic:hover img {
    transform: scale(1.2);
}
.hxywmain .right .pic h3 {
    position: absolute;
    left: 29px;
    bottom: 51px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    z-index: 10;
}
.hxywmain .right .pic h3::after{
    content: '';
    position: absolute;
    left: 0;
    top: 44px;
    width: 59px;
	height: 2px;
	background-color: #ffffff;
}
/* 企业文化 */
.qywhwrap {
    display: block;
    width: 100%;
    background-image: url(../../images/qywhbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.qywhwrap h2 {
    position: relative;
    font-size: 42px;
    line-height: 42px;
    color: #1a1a1a;
    text-align: center;
}
.qywhwrap h2::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 68px;
    width: 40px;
	height: 3px;
	background-color: #c59e58;
}
.gridswiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 84px;
    height: 592px;
}
.gridswiper .swiper-slide {
    height: 291px !important;
}
.gridswiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 企业文化手机版 */
.qywhphonewrap{
    display: block;
    width: 100%;
    background-image: url(../../images/qywhbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0;
}
.qywhphonewrap h2 {
    position: relative;
    font-size: 30px;
    line-height: 42px;
    color: #1a1a1a;
    text-align: center;
}
.qywhphonewrap h2::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 48px;
    width: 40px;
	height: 3px;
	background-color: #c59e58;
}
.qywhphoneswiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 44px;
    height: 250px;
}

.qywhphoneswiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 超小型设备（电话，600px 及以下） */
@media only screen and (max-width: 600px) {
    /* 关于我们 */
    .aboutuswrap {padding: 30px 0;}
    .aboutuswrap .w{flex-direction: column;}
    .aboutuswrap .aboutus {width: 100%; margin-right: 0;}
    .aboutuswrap .aboutus h2{font-size: 30px;}
    .aboutuswrap .aboutus h2::after{top: 44px;}
    .aboutuswrap .aboutus .intro{margin-top: 44px;}
    .aboutuswrap .aboutus .numlist{margin-top: 30px;}
    .aboutuswrap .aboutvideo{margin-top: 30px;width: 100%;}
    .aboutuswrap .aboutus .numlist .numwrap:first-child{align-items: center;}
    /* 核心业务 */
    .hxywwrap {padding-top: 30px;padding-bottom: 50px;}
    .hxywwrap h2 {font-size: 30px;}
    .hxywwrap h2::after {top: 48px;}
    .hxywmain{margin-top: 43px;}
    .hxywmain .left{flex-direction: column;width: calc((100% - 10px)/2);}
    .hxywmain .left .pic{width: 100%;margin-bottom: 10px;}
    .hxywmain .left .pic:last-child{margin-bottom: 0;}
    .hxywmain .left .pic h3 {left: 10px;right: 10px; bottom: 51px;font-size: 20px;}
    .hxywmain .right{width: calc((100% - 10px)/2);margin-left: 10px;}
    .hxywmain .right .pic{margin-bottom: 10px;height: calc((100% - 10px)/2);}
    .hxywmain .right .pic:last-child {margin-bottom: 0;}
    .hxywmain .right .pic h3{left: 10px;right: 10px;font-size: 20px;}
    /* 企业风采 */
    .qywhwrap {display: none;}
}
/* 小型设备（纵向平板电脑和大型手机，600 像素及以上） */
@media only screen and (min-width: 600px) {
    /* 关于我们 */
    .aboutuswrap {padding: 30px 0;}
    .aboutuswrap .w{flex-direction: column;}
    .aboutuswrap .aboutus {width: 100%; margin-right: 0;}
    .aboutuswrap .aboutvideo{margin-top: 60px;width: 100%;}
    .qywhwrap {display: none;}
    .qywhphonewrap {display: block;}

}
/* 大型设备（笔记本电脑/台式机，992px 及以上） */
@media only screen and (min-width: 1200px) {
      /* 关于我们 */
      .aboutuswrap {padding: 125px 0;}
      .aboutuswrap .w{flex-direction: row;}
      .aboutuswrap .aboutus {width: auto; margin-right: 75px;}
      .aboutuswrap .aboutus h2{font-size: 42px;}
      .aboutuswrap .aboutus h2::after{top: 68px;}
      .aboutuswrap .aboutus .intro{margin-top: 70px;}
      .aboutuswrap .aboutus .numlist{margin-top: 70px;}
      .aboutuswrap .aboutvideo{margin-top: 0px;width: calc((100% - 75px)/2);}
      .aboutuswrap .aboutus .numlist .numwrap:first-child{align-items: normal;}

      /* 企业风采 */
      .qywhwrap {display: block;}
      .qywhphonewrap {display: none;}

  
}