/* 首页轮播图 */
.swipervideo {position: relative;width: 100%;height: 796px;overflow: hidden;--swiper-theme-color: #fff;
    --swiper-navigation-size: 30px;margin-top: 120px;}
.swipervideo .swiper-slide::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 15;pointer-events: none;}
.swipervideo video {width: 100%;height: 100%;object-fit: cover;}
.swipervideo img {display: block;width: 100%;height: 100%;object-fit: cover;}

/* 品牌 */
.brandmain {padding: 80px 0;background-color: #f2f2f2;}
.brandmain h2 {height: 80px;position: relative;font-size: 60px;line-height: 60px;font-weight: bold;text-align: center;overflow: hidden;color: #e6e6e6;}
.brandmain h2::after {content: '业态品牌';position: absolute;left: 0;width: 100%;text-align: center;color: #1a1a1a;bottom: 0;font-size: 45px;line-height: 45px;font-weight: normal;}

.brandmain .main {margin-top: 100px; display: flex;justify-content: space-between;overflow: hidden;flex-direction: column;}
.brandmain .main ul {width:100%;margin-right: 50px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.brandmain .main li {background-color: #fff;height: 143px;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0 25px;flex: 1;margin-right: 30px;}
.brandmain .main li:hover {background-color: #e62129;}
.brandmain .main li.active {background-color: #e62129;}
.brandmain .main li:last-child {margin-right: 0;}
/* .brandmain .main li::after {content: "";position: absolute;right: -10px;top: 50%;transform: translatey(-50%);width: 0;height:0px; border-left: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid transparent;} */
/* .brandmain .main li:hover::after {border-left: 10px solid #e62129;border-top: 10px solid transparent;border-bottom: 10px solid transparent;} */
/* .brandmain .main li.active::after {border-left: 10px solid #e62129;border-top: 10px solid transparent;border-bottom: 10px solid transparent;} */
.brandmain .main li .pic {width: 50px;height: 50px; overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: contain;}
.brandmain .main li .cont {flex: 1;margin-left: 30px;}
.brandmain .main li .cont h4 {font-size: 24px;line-height: 45px;}
.brandmain .main li .cont p {font-size: 18px;color: #666666;line-height: 30px;}
.brandmain .main li:hover .cont h4 {color: #fff;}
.brandmain .main li:hover .cont p {color: #fff;}
.brandmain .main li.active .cont h4 {color: #fff;}
.brandmain .main li.active .cont p {color: #fff;}
.brandmain .main li:first-child .pic {background-image: url(/uploads/image/shimages/cszht_icon.png);}
.brandmain .main li:hover:first-child .pic {background-image: url(/uploads/image/shimages/cszht_icon_w.png);}
.brandmain .main li.active:first-child .pic {background-image: url(/uploads/image/shimages/cszht_icon_w.png);}
.brandmain .main li:nth-child(2) .pic {background-image: url(/uploads/image/shimages/gwgc.png);}
.brandmain .main li:hover:nth-child(2) .pic {background-image: url(/uploads/image/shimages/gwgc_w.png);}
.brandmain .main li.active:nth-child(2) .pic {background-image: url(/uploads/image/shimages/gwgc_w.png);}
.brandmain .main .right {height: auto;position: relative;height: 573px;width: 100%;}
.brandmain .main .right img {width: 100%;height: 100%;object-fit: cover;}
.brandmain .main .right .mask {background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 26%;}
.brandmain .main .right .mask h4 {font-family: sarasa-gothic-sc-regular;font-size: 36px;color: #fff;line-height: 45px;text-align: center;}
.brandmain .main .right .mask p {text-align: center;font-size: 18px;line-height: 36px;color: #fff;margin-top: 15px;}
.brandmain .main .right .mask a {width: 147px;height: 46px;border-radius: 23px;background-color: #e62129;line-height: 46px;color: #fff;margin-top: 40px;display: flex;justify-content: center;align-items: center;font-size: 18px;}
.brandmain .main .right .mask a span {font-size: 14px;margin-left: 5px;}

.brandswiper {display: none;margin-top: 50px;overflow: hidden;height: 300px;}
.brandswiper .swiper-slide {position: relative;}
.brandswiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.brandswiper .swiper-slide .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 15px;}
.brandswiper .swiper-slide .mask h4 {font-size: 18px;line-height: 36px;color: #fff;text-align: center;}
.brandswiper .swiper-slide .mask p {text-align: center;color: #fff;font-size: 14px;line-height: 28px;}
.brandswiper .swiper-slide .mask a {width: 120px;height: 35px;background-color: #e62129;border-radius: 17.5px;font-size: 14px;display: flex;align-items: center;justify-content: center;color: #fff;margin-top: 15px;}


/* 关于我们 */
.aboutmain {background-image: url(/uploads/image/shimages/aboutbg.png);background-repeat: no-repeat;background-size: cover;padding: 60px 0;}
.aboutmain h2 {position: relative;font-size: 60px;font-weight: bold;font-stretch: normal;line-height: 60px;letter-spacing: 0px;	color: rgba(237, 237, 237, 0.1);height: 80px;}
.aboutmain h2::after {content: '关于我们';position: absolute;left: 0;width: 100%;color: #ffffff;bottom: 0;font-size: 45px;line-height: 45px;font-weight: normal;}
.aboutmain p {color: #fff;padding: 50px 0;font-size: 18px;line-height: 36px;}
.aboutmain .numlist {display: flex;}
.aboutmain .numlist .numitem {width:calc(100%/6);margin-right: 190px;}
.aboutmain .numlist .numitem .indc {font-family: sarasa-gothic-sc-semibold;	font-size: 18px;color: #fff;line-height: 36px;margin-bottom: 30px;}
.aboutmain .numlist .numitem .numcx {font-family: sarasa-gothic-sc-semibold;font-size: 48px;color: #fff;line-height: 36px;}
.aboutmain .numlist .numitem .unitc {font-size: 18px;line-height: 36px;color: #fff;}
.aboutmain .more {display: flex;width: 148px;height: 46px;background-color: #e62129;margin-top: 100px;border-radius: 23px;line-height: 46px;justify-content: center;align-items: center;color: #fff;}
/* 新闻资讯 */
.newsmain {padding: 80px 0;width: calc(76%   216px);margin: 0 auto;height: auto;overflow: hidden;}
.newsmain h2 {position: relative;font-size: 60px;font-weight: bold;font-stretch: normal;line-height: 60px;letter-spacing: 0px;	color: #ededed;height: 80px;text-align: center;}
.newsmain h2::after {content: '新闻资讯';position: absolute;left: 0;width: 100%;color: #1a1a1a;bottom: 0;font-size: 45px;line-height: 45px;font-weight: normal;}

.newsmain .main {width: 100%;position: relative;margin-top:0px;overflow: hidden;}
.newsmain .main .newsswiper {width: calc(100% - 216px);margin: 60px auto;overflow: hidden;margin-bottom: 0px;}
.newsmain .main .newsswiper .swiper-slide {width: calc((100% - 100px)/3);height: auto;}
.newsmain .main .newsswiper .swiper-slide a {display: block;overflow: hidden;height: auto;background-color: #fff; border-radius: 10px;border: solid 1px #e0e0e0;}
.newsmain .main .newsswiper .swiper-slide .pic {width: 100%;height: 313px;overflow: hidden;}
.newsmain .main .newsswiper .swiper-slide .pic img {width: 100%;height: 100%;object-fit: cover;}
.newsmain .main .newsswiper .swiper-slide .cont {height: 212px;overflow: hidden;padding: 0 32px;}
.newsmain .main .newsswiper .swiper-slide .cont .tit {height: 130px;border-bottom: 1px solid #cfcfcf;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.newsmain .main .newsswiper .swiper-slide .cont .tit p {font-size: 22px;line-height: 33px;height: 66px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newsmain .main .newsswiper .swiper-slide .cont .date {display: flex;justify-content: space-between;align-items: center;height: 80px;color: #999999;font-size: 18px;}
.newsmain .main .newsswiper .swiper-slide a:hover .cont {background-color: #e62129;}
.newsmain .main .newsswiper .swiper-slide a:hover .tit {color: #fff;}
.newsmain .main .newsswiper .swiper-slide a:hover .date {color: #fff;}

/* swiper按钮 */
.swiperbuttonnext,.swiperbuttonprev{display: flex;justify-content: center;align-items: center;position: absolute;top: calc(50% - 34px);width: 68px;height: 68px;border-radius: 50%;color: #999999;cursor: pointer;font-size: 16px;background-color: #fff;	box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.7);}
.swiperbuttonnext {left: 10px;transform: rotate(180deg);}
.swiperbuttonprev {right: 10px;}
.swiperbuttonnext:hover,.swiperbuttonprev:hover {background-color: #e62129;color: #fff;}


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

    .swipervideo {height: 400px;margin-top: 64px;}
    
    .brandmain {padding:30px 0;}
    .brandmain h2 {font-size: 30px;line-height: 30px;height: 60px;}
    .brandmain h2::after {font-size: 22px;}
    .brandmain .main {margin-top: 50px;display: none;}
    .brandswiper {display: block;margin-top: 30px;border-radius: 10px;}

    .aboutmain {padding: 30px 0;}
    .aboutmain h2 {font-size: 30px;line-height: 30px;height: 60px;}
    .aboutmain h2::after {font-size: 22px;line-height: 45px;}
    .aboutmain p {padding: 15px 0;font-size: 14px;line-height: 30px;}
    .aboutmain .numlist {justify-content: space-between;}
    .aboutmain .numlist .numitem {width: calc(100%/3);margin-right: 0px;}
    .aboutmain .numlist .numitem .indc {font-size: 18px;margin-bottom: 15px;}
    .aboutmain .numlist .numitem .numcx {font-size: 24px;}
    .aboutmain .numlist .numitem .unitc {font-size: 16px;}
    .aboutmain .more {margin-top: 30px;width: 120px;height: 40px;border-radius: 20px;}

    .newsmain h2 {font-size: 30px;line-height: 30px;height: 60px}
    .newsmain h2::after {font-size: 22px;line-height: 45px;}

    .newsmain {width: 100%;padding: 30px 0;}
    .newsmain .main {padding: 0 15px;margin-top: 15px;}
    .newsmain .main .newsswiper{width: 100%;margin: 0;}
    .newsmain .main .newsswiper .swiper-slide {width: calc((100% - 15px)/2);}
    .newsmain .main .newsswiper .swiper-slide .pic {height: 160px;}
    .newsmain .main .newsswiper .swiper-slide .cont {height: 106px;padding: 0 16px;}
    .newsmain .main .newsswiper .swiper-slide .cont .tit {height: 60px;}
    .newsmain .main .newsswiper .swiper-slide .cont .tit p {font-size: 16px;line-height: 20px;height: 40px;}
    .newsmain .main .newsswiper .swiper-slide .cont .date {height: 46px;font-size: 12px;}

    .swiperbuttonnext, .swiperbuttonprev{display: none;}


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

      .swipervideo {height: 400px;margin-top: 64px;}


      .brandmain {padding: 45px 0;}
      .brandmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
      .brandmain h2::after {font-size: 30px;line-height: 30px;}
      .brandmain .main {margin-top: 35px;}
      .brandmain .main ul {margin-bottom: 15px;}
      .brandmain .main li {height: 120px;margin-right: 15px;padding: 0 15px;}
      .brandmain .main li .pic {width: 30px;height: 30px;}
      .brandmain .main li .cont {margin-left: 15px;}
      .brandmain .main li .cont h4 {font-size: 20px;line-height: 40px;}
      .brandmain .main li .cont p {font-size: 16px;line-height: 30px;}
      .brandmain .main .right {height: 450px;}
      .brandmain .main .right .mask {padding: 0 15%;}
      
      .aboutmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
      .aboutmain h2::after {font-size: 30px;line-height: 30px;}
      .aboutmain .numlist {justify-content: space-between;}
      .aboutmain .numlist .numitem {width: calc(100%/3);margin-right: 0px;}

      .newsmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
      .newsmain h2::after {font-size: 30px;line-height: 30px;}

      .newsmain {width: 100%;padding: 30px 0;}
      .newsmain .main {padding: 0 4%;margin-top: 30px;}
      .swiperbuttonnext, .swiperbuttonprev{display: none;}
      .newsmain .main .newsswiper{width: 100%;margin: 0;}
      .newsmain .main .newsswiper .swiper-slide {width: calc((100% - 30px)/3);}
      .newsmain .main .newsswiper .swiper-slide .pic {height: 260px;}
      .newsmain .main .newsswiper .swiper-slide .cont {height: 160px;padding: 0 16px;}
      .newsmain .main .newsswiper .swiper-slide .cont .tit {height:100px;}
      .newsmain .main .newsswiper .swiper-slide .cont .tit p {font-size: 20px;line-height: 30px;height: 60px;}
      .newsmain .main .newsswiper .swiper-slide .cont .date {height: 60px;font-size: 16px;} 

}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {

    .swipervideo {margin-top: 98px;}
    .swipervideo {height: 600px;margin-top: 98px;}

    .brandmain {padding: 60px 0;}
    .brandmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
    .brandmain h2::after {font-size: 30px;line-height: 30px;}
    .brandmain .main {margin-top: 50px;}
    .brandmain .main li {height: 120px;}
    .brandmain .main .right {height: 450px;}
    .brandmain .main .right .mask {padding: 0 15%;}

    .aboutmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
    .aboutmain h2::after {font-size: 30px;line-height: 30px;}

    .newsmain h2 {font-size: 45px;line-height: 45px;height: 60px;}
    .newsmain h2::after {font-size: 30px;line-height: 30px;}

    .newsmain {width: 100%;}
    .newsmain .main {padding: 0 4%;}
    .newsmain .main .newsswiper {width: calc(100% - 96px);}
    .newsmain .main .newsswiper .swiper-slide {width: calc((100% - 60px)/3);}
    .swiperbuttonnext, .swiperbuttonprev{width: 48px;height: 48px;top: calc(50% - 24px);}
    .newsmain .main .newsswiper .swiper-slide .pic {height: 260px;}
    .newsmain .main .newsswiper .swiper-slide .cont {height: 160px;padding: 0 16px;}
    .newsmain .main .newsswiper .swiper-slide .cont .tit {height:100px;}
    .newsmain .main .newsswiper .swiper-slide .cont .tit p {font-size: 20px;line-height: 30px;height: 60px;}
    .newsmain .main .newsswiper .swiper-slide .cont .date {height: 60px;font-size: 16px;} 

}