@charset "UTF-8";

 @keyframes paginationBar{
    to {
       width:100%;
    }
 }
@-webkit-keyframes paginationBar{
	to {
       width:100%;
    }
}
.banner-line01{ -webkit-animation: line01 linear 4.5s infinite;
  -moz-animation: line01 linear 4.5s infinite;
  -o-animation: line01 linear 4.5s infinite;
  animation: line01 linear 4.5s infinite;}

/*banner图*/
.index-banner{width: 100%;height:100vh;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; /* Safari */}
.index-banner .swiper-container{height:100%;}
.index-banner .home-banner{width:100%;height:100%;overflow:hidden;}
.index-banner .home-banner a{display: block;width: 100%;height: 100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;}
.index-banner .home-banner .main{width:92%;margin:0 auto;height:100%;position:relative;overflow:hidden;}
.index-banner .home-banner .pc-banner-img{float:right;height:100%;}
.index-banner .home-banner .pc-banner-img img{display:block;height:100%;}
.index-banner .home-banner .banner-txt{width:100%;height:100%;position: absolute;left:0;top:0; display:flex;align-items:center;}

.index-banner .wap-banner{display:none;width:100%;position:relative;}
.index-banner .wap-banner a{display:block;width:100%;}
.index-banner .wap-banner .wap-banner-img{width:100%;}
.index-banner .wap-banner .wap-banner-img img{display:block;width:100%;}
.index-banner .wap-banner .banner-txt{width:100%;height:100%;position: absolute;left:0;top:0; display:flex;align-items:center;}

.index-banner .banner-txt .txt{width:100%;font-size:64px;line-height:88px;color:#fff;font-family:'OPPOSansL';}
.index-banner .banner-txt .txt span{font-family:'OPPOSansM';}

.index-banner .swiper-container .swiper-pagination{bottom:0;position: relative;width:auto;display:flex;align-items: center;}

.index-banner .swiper-container .swiper-pagination .line{width:8px;height:1px;background-color: #fff;margin-left:12px;margin-right:12px;}
.index-banner .swiper-container .swiper-pagination p{font-size:16px;color:#fff;line-height:20px;font-family:'OPPOSansR';opacity: 0.5; }
.index-banner .swiper-container .swiper-pagination .num{opacity: 1;}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:40px;height:40px;margin-top:-20px;transition: all 0.3s;-webkit-transition: all 0.3s;left:2%;font-size:32px;color:#fff;line-height:40px;text-align:center;background:none;opacity: 0;}
.index-banner .swiper-button-next{right:2%;left:auto;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity:0.5;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{opacity:1;}
.index-banner .swiper-button-next.swiper-button-disabled,.index-banner .swiper-button-prev.swiper-button-disabled{display:none;}

.index-banner .pc-banner-video{width: 100%;height: 100%;position:relative;overflow:hidden;}
.index-banner .pc-banner-video video{display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}
.index-banner .pc-banner-video .img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position: center;background-repeat:no-repeat;}

.index-banner .wap-banner-video{display:none;width:100%;position:relative;}
.index-banner .wap-banner-video .img-placeholder{width:100%;position:relative;}
.index-banner .wap-banner-video .img-placeholder img{width:100%;display:block;}
.index-banner .wap-banner-video .play-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content: center;font-size:40px;color:#fff;}

.banner-bottom{width:100%;position: absolute;bottom:20px;left:0;z-index: 2;}
.banner-bottom .main{max-width: 1820px;}
.banner-bottom .banner-left{display:flex;align-items: center;}
.banner-bottom .banner-left i{font-size:28px;color:#fff;line-height:28px;cursor: pointer;}
.banner-bottom .banner-left span{font-size:16px;color:#fff;line-height:28px;margin-left:20px;}

.index-banner .scrollbar-box{width:calc(100% - 296px);}
.index-banner .swiper-scrollbar{height:1px;background-color: rgba(255,255,255,0.3);width:100%;left:0;}
.index-banner .swiper-scrollbar-drag{height:1px;background-color: #fff;}


@media(max-width:1440px){
	.index-banner{max-height:720px;}

	.index-banner .banner-txt .txt{font-size:48px;line-height:64px;}

}

@media(max-width:1280px){
	.index-banner{max-height:640px;}

	.index-banner .banner-txt .txt{font-size:40px;line-height:60px;}
}

@media(max-width:1080px){
	.index-banner{height:540px;}
	.index-banner .banner-txt .txt{font-size:32px;line-height:40px;}

	.index-banner .swiper-container .swiper-pagination .line{width:4px;margin-left:4px;margin-right:4px;}
	.index-banner .swiper-container .swiper-pagination p{font-size:12px;}


	.index-banner .swiper-button-next,.index-banner .swiper-button-prev{display:none;}

	.index-banner .pc-banner-video video{width:auto;height:100%;}

	.banner-bottom{bottom:16px;}
	.banner-bottom .banner-left i{font-size:20px;line-height:20px;}
	.banner-bottom .banner-left span{font-size:12px;line-height:20px;margin-left:8px;}

	.index-banner .scrollbar-box{width:calc(100% - 180px);}
}

@media(max-width:769px){
	.index-banner{height:auto;}
	.index-banner .wap-banner{display:block;}
	.index-banner .home-banner{display:none;}
	.index-banner .banner-txt{padding:0 3%;}
	.index-banner .banner-txt .txt{font-size:24px;line-height:32px;}

	.index-banner .pc-banner-video{display:none;}
	.index-banner .wap-banner-video{display:block;}
}

/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.home-videobox{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.home-videobox .video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
    .home-videobox{width:80%;left:10%;}
}

@media(max-width:769px){
    .home-videobox{width:95%;left:2.5%;top:30%;}
    .home-videobox .video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}
}


/*首页*/
.section-title{width:100%;margin-bottom:60px;position:relative;}
.section-title h1{font-size:48px;line-height:48px;text-align:center;color:#333;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;z-index: 2;font-family:'OPPOSansM';}
.section-title h2{font-size:48px;line-height:48px;text-align:center;color:#333;transition: all 0.2s;-webkit-transition: all 0.2s;position:relative;z-index: 2;font-family:'OPPOSansM';}
.section-title p{max-width:1000px;padding:0 20px;width:100%;margin:20px auto 0;font-size:14px;color:#666;line-height:20px;position:relative;z-index: 2;text-align:center;}

.section-title .title-more a{display:flex;align-items:center;font-size:16px;font-family:'OPPOSansR';line-height:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.section-title .title-more a .icon{display:flex;align-items: center;justify-content:center;width:24px;height:24px;background-color:#e5e5e5;border-radius:12px;margin-left:12px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.section-title .title-more a .icon .iconfont{font-size:12px;transition: all 0.2s;-webkit-transition: all 0.2s;}

.section-title .title-more:hover a{color:var(--mainColor);}
.section-title .title-more:hover a .icon{background-color:var(--mainColor);color:#fff;}

.home-more{width:160px;height:46px;margin:60px auto 0;background-color:#fff;border-radius:80px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-more a{display:block;width:100%;font-size:16px;color:var(--mainColor);line-height:46px;text-align:center;font-family:'OPPOSansR';}
.home-more:hover{box-shadow:0 2px 15px rgba(255,255,255,0.3);background-color:var(--mainColor);}
.home-more:hover a{color:#fff;}

@media(max-width:1440px){
	.section-title{margin-bottom:48px;}
	.section-title h1{font-size:40px;line-height:40px;}
	.section-title h2{font-size:40px;line-height:40px;}

	.section-title .title-more a{font-size:15px;}
	.section-title .title-more a .icon{margin-left:8px;}

	.home-more{width:144px;height:40px;margin:48px auto 0;}
	.home-more a{font-size:15px;line-height:40px;}
}

@media(max-width:1280px){
	.section-title{margin-bottom:40px;}
	.section-title h1{font-size:32px;line-height:32px;}
	.section-title h2{font-size:32px;line-height:32px;}

	.home-more{width:128px;height:36px;margin:32px auto 0;}
	.home-more a{line-height:36px;}
}

@media(max-width:1080px){
	.section-title{margin-bottom:32px;}
	.section-title h1{font-size:28px;line-height:28px;}
	.section-title h2{font-size:28px;line-height:28px;}

	.section-title .title-more a{font-size:14px;line-height:20px;}
	.section-title .title-more a .icon{width:20px;height:20px;margin-left:6px;}

	.home-more{width:112px;height:32px;margin:20px auto 0;}
	.home-more a{line-height:32px;font-size:14px;}
}

@media(max-width:769px){
	.section-title{margin-bottom:24px;}
	.section-title h1{font-size:24px;line-height:24px;}
	.section-title h2{font-size:24px;line-height:24px;}
	.section-title .title-more a{font-size:12px;}
	.section-title .title-more a .icon .iconfont{font-size:8px;}
	.home-more{width:100px;}
}

/*首页-产品推荐*/
.home-recom-list{width:100%;}
.home-recom-list li{float:left;width:49.5%;margin-left:1%;margin-bottom:1%;}
.home-recom-list li:nth-child(odd){margin-left:0;}
.home-recom-list li a{display:flex;align-items: center;justify-content:space-between;width:100%;border-radius:24px;background-color:#f7f5f3;padding:30px;transition:all 1s;-webkit-transition:all 1s;}
.home-recom-list li .recom-text{width:59%;padding:0 30px;}
.home-recom-list li .recom-text h3{width:100%;margin-bottom:10px;font-size:28px;color:#333;line-height:40px;height:40px;font-family:'OPPOSansM';overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.home-recom-list li .recom-text p{width:100%;font-size:16px;line-height:24px;color:#333;height:24px;font-family:'OPPOSansR';overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.home-recom-list li .recom-text .more{width:120px;margin-top:36px;font-size:16px;color:#333;line-height:44px;font-family:'OPPOSansR';border:#333 solid 1px;border-radius:30px;text-align:center;transition:all 0.6s;-webkit-transition:all 0.6s;}
.home-recom-list li .recom-img{width:41%;max-width:250px;position:relative;overflow:hidden;}
.home-recom-list li .recom-img .img-cont{width:100%;height:0;padding-bottom:119.6%;overflow:hidden;position:relative;}
.home-recom-list li .recom-img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-recom-list li .recom-img .img-cont img{display:block;max-width:100%;max-height: 100%;object-fit: cover;transition:all 1s;-webkit-transition:all 1s;}
.home-recom-list li a:hover{box-shadow:0 2px 12px rgba(179,156,133,0.5);}
.home-recom-list li a:hover .recom-text .more{background-color:var(--mainColor);border-color:var(--mainColor);color:#fff;}

@media(max-width:1440px){
	.home-recom-list li a{padding:24px;}
	.home-recom-list li .recom-text{padding:0 24px;}
	.home-recom-list li .recom-text h3{margin-bottom:8px;font-size:24px;line-height:36px;height:36px;}
	.home-recom-list li .recom-text p{font-size:15px;line-height:24px;height:24px;}
	.home-recom-list li .recom-text .more{width:112px;margin-top:28px;font-size:14px;line-height:40px;}
}
@media(max-width:1080px){
	.home-recom-list li a{padding:20px;}
	.home-recom-list li .recom-text{padding:0 20px;}
	.home-recom-list li .recom-text h3{margin-bottom:8px;font-size:18px;line-height:28px;height:28px;}
	.home-recom-list li .recom-text p{font-size:14px;line-height:20px;height:20px;}
	.home-recom-list li .recom-text .more{width:96px;margin-top:20px;line-height:36px;}
}
@media(max-width:769px){
	.home-recom-list li{width:100%;margin-left:0;margin-bottom:2%;}
	.home-recom-list li a{padding:16px;}
	.home-recom-list li .recom-text{padding:0 8px;}
	.home-recom-list li .recom-text h3{font-size:16px;line-height:24px;height:24px;}
	.home-recom-list li .recom-text p{font-size:12px;}
	.home-recom-list li .recom-text .more{width:80px;font-size:12px;margin-top:16px;line-height:32px;}
}


@keyframes sc {
  0%{
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
  }

  50% {
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
  }

  100% {
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
  }
}

.img-scale{ -webkit-animation: sc linear 60s infinite;
  -moz-animation: sc linear 60s infinite;
  -o-animation: sc linear 60s infinite;
  animation: sc linear 60s infinite;}


/*首页-关于我们*/
.home-about-box{width:100%;position:relative;overflow:hidden;}
.home-about-bg{width:100%;overflow:hidden;}
.home-about-bg img{display: block;width: 100%;}
.home-about-circle{position:absolute;width:75%;left:-25%;top:50%;z-index:1;}
.home-about-circle .icon{display:block;width:100%;margin-top:-50%;height:0;padding-bottom:100%;border-radius:50%;background-color:var(--mainColor);opacity:0.8;}
.home-about-content{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display: flex;align-items: center;}
.home-about-content .about-text{width:60%;font-size:48px;color:#fff;line-height:64px;font-family:'OPPOSansL';}
.home-about-content .about-text p{line-height:inherit;}
.home-about-content .about-text span{font-family:'OPPOSansM';}
.home-about-content .home-more{margin-left:0;}

@media(max-width:1440px){
	.home-about-content .about-text{font-size:40px;line-height:60px;}
}
@media(max-width:1280px){
	.home-about-content .about-text{font-size:36px;line-height:48px;}
}
@media(max-width:1080px){
	.home-about-content .about-text{font-size:32px;line-height:40px;}
}
@media(max-width:769px){
	.home-about-bg img{width: 140%;margin-left:-20%;}
	.home-about-circle{width:80%;left:-20%;}
	.home-about-content .about-text{font-size:20px;line-height:28px;}
}


/*首页-产品*/
.home-pro-box{width:100%;background-color: #f2f5f8;}
.home-pro{width:100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.home-pro .swiper-container{padding-bottom:88px;}
.home-pro .swiper-slide a{display: block;width:100%;}
.home-pro .swiper-slide a .img{width:100%;background:#f7f5f3;position:relative;overflow:hidden;border-radius:24px;}
.home-pro .swiper-slide a .img .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position: relative;}
.home-pro .swiper-slide a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-pro .swiper-slide a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.home-pro .swiper-slide a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.home-pro .swiper-slide a .text{width:100%;margin-top:20px;text-align:left;font-family:'OPPOSansR';}
.home-pro .swiper-slide a .text h3{width:100%;margin-bottom:8px;font-size:18px;color:#888;line-height:32px;height:32px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-pro .swiper-slide a .text p{width:100%;font-size:18px;color:#333;line-height:28px;height:28px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-pro .swiper-slide a:hover .text h3{color:var(--mainColor);}
.home-pro .swiper-slide a:hover .text p{color:var(--mainColor);}


.home-pro .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 160px);left:0;top:auto;margin-left:0;bottom:23px;border-radius:0;overflow:hidden;background:#e5e5e5;height:2px;}
.home-pro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--mainColor);}

.home-pro .swiper-button-next,.home-pro .swiper-button-prev{width:48px;height:48px;top:auto;margin-top:0;transition: all 0.3s;-webkit-transition: all 0.3s;left:auto;bottom:0;right:0;font-size:16px;color:#333;line-height:46px;text-align:center;background:none;border:#e7e7e7 solid 1px;opacity:1;border-radius:50%;}
.home-pro .swiper-button-prev{right:70px;}
.home-pro .swiper-button-next:hover,.home-pro .swiper-button-prev:hover{background:var(--mainColor);color:#fff;border:var(--mainColor) solid 1px;}
.home-pro .swiper-button-next.swiper-button-disabled,.home-pro .swiper-button-prev.swiper-button-disabled{opacity: 0.4}


@media(max-width:1440px){
	.home-pro .swiper-slide a .text{margin-top:16px;}
	.home-pro .swiper-slide a .text h3{margin-bottom:4px;}

	.home-pro .swiper-container{padding-bottom:72px;}
	.home-pro .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 140px);bottom:19px;}
	.home-pro .swiper-button-next,.home-pro .swiper-button-prev{width:40px;height:40px;line-height:38px;}
	.home-pro .swiper-button-prev{right:64px;}
}

@media(max-width:1080px){
	.home-pro .swiper-slide a .text{margin-top:12px;}
	.home-pro .swiper-slide a .text h3{font-size:16px;line-height:28px;height:28px;}
	.home-pro .swiper-slide a .text p{font-size:16px;line-height:20px;height:20px;}
	.home-pro .swiper-container{padding-bottom:48px;}
	.home-pro .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 100px);bottom:15px;}
	.home-pro .swiper-button-next,.home-pro .swiper-button-prev{width:32px;height:32px;line-height:30px;}
	.home-pro .swiper-button-prev{right:40px;}
}
@media(max-width:769px){
	.home-pro .swiper-slide a .text{margin-top:12px;}
	.home-pro .swiper-slide a .text h3{font-size:14px;line-height:24px;height:24px;}
	.home-pro .swiper-slide a .text p{font-size:14px;}
}


/*首页- 我们的优势*/
.home-adv-box{width:100%;background-color:#f7f5f3;}
.home-adv-box .adv-flex{width:100%;max-width:1800px;display: flex;align-items:flex-end;justify-content:space-between;}
.home-adv-left{width:49.5%;}
.home-adv-left .section-title h2{text-align:left;}
.home-adv-left .section-title .title-more{margin-top:24px;}
.home-adv-left .adv-list{width:100%;}
.home-adv-left .adv-list .adv-item{width:100%;margin-top:2%;}
.home-adv-left .adv-list .adv-item a{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:24px;background-color:#f0ece8;transition: all 0.6s;-webkit-transition: all 0.6s;padding:12px 40px;min-height:120px;}
.home-adv-left .adv-list .adv-item a h3{width:43%;font-size:28px;color:#333;line-height:32px;font-family:'OPPOSansR';transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-adv-left .adv-list .adv-item a p{width:56%;font-size:16px;color:#333;line-height:32px;font-family:'OPPOSansR';transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-adv-left .adv-list .adv-item a:hover{background-color:var(--mainColor);}
.home-adv-left .adv-list .adv-item a:hover h3{color:#fff;}
.home-adv-left .adv-list .adv-item a:hover p{color:#fff;}

.home-adv-video{width:49.5%;position:relative;overflow:hidden;border-radius:24px;}
.home-adv-video .adv-video-bg{width:100%;background:#f7f5f3;position:relative;overflow:hidden;}
.home-adv-video .adv-video-bg .img-cont{width:100%;height:0;padding-bottom:64.36%;overflow:hidden;position: relative;}
.home-adv-video .adv-video-bg .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-adv-video .adv-video-bg .img-cont img{display:block;width:100%;height:100%;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;}
.home-adv-video .video-play{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.home-adv-video .video-play .icon{width:88px;height:88px;border-radius:50%;background-color:#fff;font-size:32px;color:var(--mainColor);display:flex;align-items:center;justify-content:center;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-adv-video .video-play .icon:hover{background-color:var(--mainColor);color:#fff;box-shadow:0 2px 12px rgba(255,255,255,0.3);}

@media(max-width:1440px){
	.home-adv-left .section-title .title-more{margin-top:20px;}
	.home-adv-left .adv-list .adv-item a{padding:10px 36px;min-height:100px;}
	.home-adv-left .adv-list .adv-item a h3{font-size:24px;line-height:28px;}
	.home-adv-left .adv-list .adv-item a p{font-size:15px;line-height:28px;}

	.home-adv-video .video-play .icon{width:80px;height:80px;font-size:28px;}
}

@media(max-width:1280px){
	.home-adv-left .section-title .title-more{margin-top:16px;}
	.home-adv-left .adv-list .adv-item a{padding:10px 28px;min-height:100px;}
	.home-adv-left .adv-list .adv-item a h3{font-size:20px;line-height:24px;}
	.home-adv-left .adv-list .adv-item a p{font-size:14px;line-height:20px;}

	.home-adv-video .video-play .icon{width:72px;height:72px;font-size:24px;}
}
@media(max-width:1080px){
	.home-adv-left .section-title .title-more{margin-top:12px;}
	.home-adv-left .adv-list .adv-item a{padding:10px 20px;}
	.home-adv-left .adv-list .adv-item a h3{font-size:18px;}
	.home-adv-video .video-play .icon{width:60px;height:60px;font-size:20px;}
}

@media(max-width:990px){
	.home-adv-box .adv-flex{display:block;}
	.home-adv-left{width:100%;}
	.home-adv-video{width:100%;margin-top:2%;}
}


/*关于我们*/
.about-section{width:100%;}
.about-wrap{width:100%;}

.about-brand{width:100%;}
.about-brand .brand-item{width:100%;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;}
.about-brand .brand-item:last-child{margin-bottom:0;}

.about-brand .brand-intro{width:47%;}
.about-brand .brand-img{width:47%;background:#f7f5f3;position:relative;overflow:hidden;border-radius:24px;}
.about-brand .brand-img .img-cont{width:100%;height:0;padding-bottom:50%;overflow:hidden;position: relative;}
.about-brand .brand-img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.about-brand .brand-img .img-cont img{display:block;width:100%;height:100%;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;}

@media(max-width:769px){
	.about-brand .brand-item{margin-bottom:20px;display:block;}
	.about-brand .brand-intro{width:100%;}
	.about-brand .brand-img{width:100%;}
}

/*企业文化*/
.about-culture{width:100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.about-culture .section-title h2{color:#fff;}
.about-culture .culture-text{text-align:center;color:#fff;}

.culture-list{width:100%;margin-top:80px;}
.culture-list ul{width:100%;display: flex;flex-wrap: wrap;}
.culture-list li{width:25%;border-left-width: 1px;border-left-style: solid;border-left-color: rgba(255,255,255,0.2);padding:60px 0;display:flex;}
.culture-list li:first-child{border:none;}
.culture-list li .culture-item{width:90%;margin:0 auto;max-width: 240px;}
.culture-list li .icon{width:40%;max-width: 100px;margin:0 auto;}
.culture-list li .icon img{display: block;width: 100%;}
.culture-list li .txt{width:100%;text-align: center;margin-top:32px;}
.culture-list li .title{width:100%;}
.culture-list li .title h3{font-size:24px;color:#fff;line-height:36px;font-family:'OPPOSansR';}
.culture-list li .title .line{display: block;width:48px;height:2px;margin:16px auto 0;background-color: var(--mainColor);}
.culture-list li .intro{font-size:18px;color:#fff;line-height:36px;font-family:'OPPOSansR';margin-top:40px;}

@media(max-width:1440px){
	.culture-list{margin-top:64px;}
	.culture-list li{padding:48px 0;}
	.culture-list li .txt{margin-top:24px;}
	.culture-list li .title h3{font-size:20px;line-height:32px;}
	.culture-list li .title .line{width:40px;height:2px;margin:12px auto 0;}
	.culture-list li .intro{font-size:16px;line-height:32px;margin-top:36px;}
}
@media(max-width:1280px){
	.culture-list{margin-top:56px;}
	.culture-list li{padding:40px 0;}
	.culture-list li .icon{max-width: 80px;}
	.culture-list li .txt{margin-top:20px;}
	.culture-list li .title h3{font-size:18px;line-height:28px;}
	.culture-list li .title .line{width:36px;margin:8px auto 0;}
	.culture-list li .intro{font-size:16px;line-height:32px;margin-top:36px;}
}
@media(max-width:1080px){
	.culture-list{margin-top:40px;}
	.culture-list li{padding:32px 0;}
	.culture-list li .icon{max-width: 60px;}
	.culture-list li .txt{margin-top:16px;}
	.culture-list li .title .line{width:32px;height:1px;}
	.culture-list li .intro{font-size:14px;line-height:28px;margin-top:24px;}
}
@media(max-width:769px){
	.about-culture .culture-text{font-size:13px;}
	.culture-list{margin-top:24px;}
	.culture-list li{padding:24px 0;width:50%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,0.2);}
	.culture-list li:first-child{border-left:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,0.2);}
	.culture-list li:nth-child(odd){border-left:none;}
	.culture-list li:nth-last-child(1){border-bottom:none;}
	.culture-list li:nth-last-child(2){border-bottom:none;}
	.culture-list li .icon{max-width: 48px;}
	.culture-list li .txt{margin-top:12px;}
	.culture-list li .title h3{font-size:16px;line-height:24px;}
	.culture-list li .title .line{width:28px;height:1px;}
	.culture-list li .intro{font-size:12px;line-height:24px;margin-top:20px;}
}

/*发展历程*/
.process-list{width:100%;}
.process-year{width:100%;padding:0 48px;position:relative;}
.process-list .gallery-top{width:90%;margin:0 auto;max-width:920px;border-radius:24px;}
.process-list .process-cont{width:100%;border-radius:24px;background-color:#f7f5f3;padding:40px;display: flex;align-items: center;justify-content:space-between;}
.process-list .process-cont .img{width:45.6%;overflow:hidden;position:relative;z-index:2;border-radius:20px;}
.process-list .process-cont .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;}
.process-list .process-cont .img-flex{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.process-list .process-cont .img img{display:block;width:100%;height: 100%;object-fit:cover;}
.process-list .process-cont .txt{width:48%;text-align:left;position:relative;}
.process-list .process-cont .txt-box{width:100%;}
.process-list .process-cont .txt .year{font-size:48px;color:#000;line-height:64px;font-family:'OPPOSansB';text-transform:uppercase;}
.process-list .process-cont .txt .cont{margin-top:20px;font-size:28px;color:#000;line-height:40px;font-family:'OPPOSansR';}
.process-list .process-cont .txt .cont p{line-height:inherit;}

.process-list .gallery-thumbs{width:100%;margin-top:68px;}
.process-list .gallery-thumbs .thumbs{width:80px;position:relative;padding-top:56px;cursor: pointer;}
.process-list .gallery-thumbs .process-line{position:absolute;top:23px;left:0;width:100%;background:#f7f5f3;height:2px;z-index:0;}
.process-list .gallery-thumbs .icon{position:absolute;left:50%;margin-left:-2px;top:22px;width:0;height:0;border-radius:50%;border-radius:50%;background:#fff;border:var(--mainColor) solid 2px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.process-list .gallery-thumbs .icon .point{width:12px;height:12px;background-color:#757475;border-radius:50%;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-6px;z-index:2;}
.process-list .gallery-thumbs .txt{width:100%;transition: all 0.2s;-webkit-transition: all 0.2s;overflow:hidden;}
.process-list .gallery-thumbs .txt h6{width:100%;font-size:18px;color:#333;line-height:22px;text-align:center;font-family:'OPPOSansR';}
.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .icon{width:32px;height:32px;margin-left:-16px;top:7px;}
.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .icon .point{background-color:var(--mainColor);}
.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .txt h6{color:var(--mainColor);}

.process-list .swiper-button-next,.process-list .swiper-button-prev{width:48px;height:48px;margin-top:0;top:0px;outline:none;border-radius:50%;background:#fff;left:0;font-size:16px;color:#000;display:flex;align-items:center;justify-content:center;transition: all 0.2s;-webkit-transition: all 0.2s;border:#e9e9e9 solid 1px;z-index:9;}
.process-list .swiper-button-next{right:0;left:auto;}
.process-list .swiper-button-next:hover,.process-list .swiper-button-prev:hover{border:var(--mainColor) solid 1px;background:var(--mainColor);color:#fff;}
.process-list .swiper-button-next.swiper-button-disabled,.process-list .swiper-button-prev.swiper-button-disabled{opacity:0.2;}

@media(max-width:1440px){
	.process-year{padding:0 40px;}
	.process-list .process-cont{padding:40px;}
	.process-list .process-cont .txt .year{font-size:40px;line-height:56px;}
	.process-list .process-cont .txt .cont{margin-top:20px;font-size:24px;line-height:36px;}

	.process-list .gallery-thumbs{margin-top:56px;}
	.process-list .gallery-thumbs .thumbs{width:80px;padding-top:56px;}
	.process-list .gallery-thumbs .process-line{top:19px;height:2px;z-index:0;}
	.process-list .gallery-thumbs .icon{margin-left:-2px;top:18px;}
	.process-list .gallery-thumbs .txt h6{font-size:18px;line-height:22px;}
	.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .icon{top:4px;}

	.process-list .swiper-button-next,.process-list .swiper-button-prev{width:40px;height:40px;font-size:14px;}
}

@media(max-width:1280px){
	.process-year{padding:0 40px;}
	.process-list .process-cont{padding:32px;}
	.process-list .process-cont .txt .year{font-size:32px;line-height:40px;}
	.process-list .process-cont .txt .cont{margin-top:16px;font-size:20px;line-height:32px;}

	.process-list .gallery-thumbs{margin-top:40px;}
	.process-list .gallery-thumbs .thumbs{width:60px;padding-top:40px;}
	.process-list .gallery-thumbs .process-line{top:19px;height:2px;z-index:0;}
	.process-list .gallery-thumbs .icon{margin-left:-2px;top:18px;}
	.process-list .gallery-thumbs .icon .point{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
	.process-list .gallery-thumbs .txt h6{font-size:16px;line-height:20px;}
	.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .icon{top:8px;width:24px;height:24px;margin-left:-12px;}
}

@media(max-width:1080px){
	.process-year{padding:0 32px;}
	.process-list .process-cont{padding:24px;}
	.process-list .process-cont .txt .year{font-size:24px;line-height:32px;}
	.process-list .process-cont .txt .cont{margin-top:12px;font-size:16px;line-height:24px;}

	.process-list .gallery-thumbs{margin-top:32px;}
	.process-list .gallery-thumbs .thumbs{width:60px;padding-top:40px;}
	.process-list .gallery-thumbs .process-line{top:15px;height:2px;z-index:0;}
	.process-list .gallery-thumbs .icon{margin-left:-2px;top:14px;}
	.process-list .gallery-thumbs .icon .point{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
	.process-list .gallery-thumbs .txt h6{font-size:16px;line-height:20px;}
	.process-list .gallery-thumbs .swiper-slide-thumb-active .thumbs .icon{top:6px;width:20px;height:20px;margin-left:-10px;border:var(--mainColor) solid 1px;}

	.process-list .swiper-button-next,.process-list .swiper-button-prev{width:32px;height:32px;font-size:12px;}
}

@media(max-width:769px){
	.process-list .gallery-top{width:100%;}
	.process-list .process-cont{padding:12px;display:block;}
	.process-list .process-cont .img{width:100%;margin-top:20px;}
	.process-list .process-cont .txt{width:100%;}
	.process-list .process-cont .txt .year{font-size:20px;line-height:28px;}
	.process-list .process-cont .txt .cont{margin-top:8px;font-size:14px;line-height:20px;}
	.process-list .gallery-thumbs{margin-top:20px;}
}


/*企业团队*/
.about-team-box{background-color:#f5f5f5;}
.about-team{width:100%;position:relative}
.about-team .swiper-slide a{display:block;width:100%;background-color:#fff;border-radius:24px;padding:40px;}
.about-team .swiper-slide a .img{width:100%;overflow:hidden;position:relative;z-index:2;border-radius:20px;}
.about-team .swiper-slide a .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;}
.about-team .swiper-slide a .img-flex{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.about-team .swiper-slide a .img img{display:block;width:100%;height: 100%;object-fit:cover;}
.about-team .swiper-slide a .txt{width:100%;margin-top:48px;font-family:'OPPOSansR';}
.about-team .swiper-slide a .txt h3{font-size:28px;color:#333;line-height:48px;}
.about-team .swiper-slide a .txt .job{font-size:18px;color:var(--mainColor);line-height:24px;margin-top:8px;}
.about-team .swiper-slide a .txt .intro{font-size:16px;color:#888;line-height:32px;margin-top:24px;text-align:left;}

.about-team .swiper-button-next,.about-team .swiper-button-prev{width:48px;height:48px;outline:none;border-radius:50%;background:#fff;left:-88px;font-size:16px;color:#000;display:flex;align-items:center;justify-content:center;transition: all 0.2s;-webkit-transition: all 0.2s;border:#e9e9e9 solid 1px;z-index:9;}
.about-team .swiper-button-next{right:-88px;left:auto;}
.about-team .swiper-button-next:hover,.about-team .swiper-button-prev:hover{border:var(--mainColor) solid 1px;background:var(--mainColor);color:#fff;}
.about-team .swiper-button-next.swiper-button-disabled,.about-team .swiper-button-prev.swiper-button-disabled{opacity:0.2;}

@media(max-width:1560px){
	.about-team .swiper-button-next,.about-team .swiper-button-prev{left:-24px;box-shadow:0 2px 12px rgba(0,0,0,0.1);}
	.about-team .swiper-button-next{right:-24px;left:auto;}
}

@media(max-width:1440px){
	.about-team .swiper-button-next,.about-team .swiper-button-prev{left:-20px;width:40px;height:40px;font-size:12px;}
	.about-team .swiper-button-next{right:-20px;left:auto;}

	.about-team .swiper-slide a{padding:32px;}
	.about-team .swiper-slide a .txt{margin-top:40px;}
	.about-team .swiper-slide a .txt h3{font-size:24px;line-height:40px;}
	.about-team .swiper-slide a .txt .job{font-size:16px;line-height:20px;}
	.about-team .swiper-slide a .txt .intro{font-size:15px;line-height:28px;margin-top:20px;}
}

@media(max-width:1080px){
	.about-team .swiper-button-next,.about-team .swiper-button-prev{left:-12px;width:32px;height:32px;}
	.about-team .swiper-button-next{right:-12px;left:auto;}

	.about-team .swiper-slide a{padding:24px;}
	.about-team .swiper-slide a .txt{margin-top:24px;}
	.about-team .swiper-slide a .txt h3{font-size:20px;line-height:32px;}
	.about-team .swiper-slide a .txt .job{font-size:14px;}
	.about-team .swiper-slide a .txt .intro{font-size:13px;line-height:20px;margin-top:12px;}
}

@media(max-width:769px){
	.about-team .swiper-slide a{padding:16px;}
	.about-team .swiper-slide a .txt{margin-top:16px;}
	.about-team .swiper-slide a .txt .intro{margin-top:8px;}
}

/*荣誉资质*/
.honor-list{wdith:100%;}
.honor-list .swiper-container{padding-bottom:88px;}
.honor-list li a{display:block;width:100%;}
.honor-list li .img{width:100%;overflow:hidden;position:relative;z-index:2;background-color:#f7f5f3;border-radius:24px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.honor-list li .img .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position:relative;}
.honor-list li .img .img-cont .img-flex{position:absolute;width:100%;height:100%;padding:30px;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.honor-list li .img .img-cont img{display:block;max-width:100%;max-height:100%;object-fit:cover;}
.honor-list li .txt{width:100%;margin-top:20px;}
.honor-list li .txt h3{font-size:18px;color:#333;line-height:28px;text-align:center;width:100%;f7f5f3transition:all 0.2s;-webkit-transition:all 0.2s;}
.honor-list li a:hover .img{transform:translateY(-4px);}
.honor-list li a:hover .txt h3{color:var(--mainColor);}

.honor-list .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 160px);left:0;top:auto;margin-left:0;bottom:23px;border-radius:0;overflow:hidden;background:#e5e5e5;height:2px;}
.honor-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--mainColor);}

.honor-list .swiper-button-next,.honor-list .swiper-button-prev{width:48px;height:48px;top:auto;margin-top:0;transition: all 0.3s;-webkit-transition: all 0.3s;left:auto;bottom:0;right:0;font-size:16px;color:#333;line-height:46px;text-align:center;background:none;border:#e7e7e7 solid 1px;opacity:1;border-radius:50%;}
.honor-list .swiper-button-prev{right:70px;}
.honor-list .swiper-button-next:hover,.honor-list .swiper-button-prev:hover{background:var(--mainColor);color:#fff;border:var(--mainColor) solid 1px;}
.honor-list .swiper-button-next.swiper-button-disabled,.honor-list .swiper-button-prev.swiper-button-disabled{opacity: 0.4}

@media(max-width:1440px){
	.honor-list li .img .img-cont .img-flex{padding:24px;}
    .honor-list li .txt{margin-top:16px;}
    .honor-list li .txt h3{font-size:16px;line-height:24px;}

    .honor-list .swiper-container{padding-bottom:72px;}
	.honor-list .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 140px);bottom:19px;}
	.honor-list .swiper-button-next,.honor-list .swiper-button-prev{width:40px;height:40px;line-height:38px;}
	.honor-list .swiper-button-prev{right:64px;}

}
@media(max-width:1080px){
	.honor-list li .img .img-cont .img-flex{padding:20px;}
    .honor-list li .txt{margin-top:12px;}
    .honor-list li .txt h3{font-size:14px;line-height:20px;}
    .honor-list .swiper-container{padding-bottom:48px;}
	.honor-list .swiper-container-horizontal>.swiper-pagination-progressbar{width:calc(100% - 100px);bottom:15px;}
	.honor-list .swiper-button-next,.honor-list .swiper-button-prev{width:32px;height:32px;line-height:30px;}
	.honor-list .swiper-button-prev{right:40px;}
}


@media(max-width:769px){
	.honor-list li .img .img-cont .img-flex{padding:16px;}
}

/*产品中心*/
.pro-list{width:100%;}
.pro-list li{float:left;width:24.25%;margin-left:1%;margin-bottom:56px;background-color:#fff;overflow:hidden;}
.pro-list li:nth-child(4n+1){margin-left:0;}
.pro-list li a{display: block;width:100%;}
.pro-list li a .img{width:100%;background:#f7f5f3;position:relative;overflow:hidden;border-radius:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-list li a .img .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position: relative;}
.pro-list li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.pro-list li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.pro-list li a:hover .img img{-webkit-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

.pro-list li a .txt{width:100%;margin-top:20px;text-align:center;}
.pro-list li a .txt h3{width:100%;font-size:16px;line-height:32px;color:#888;height:32px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-list li a .txt h4{width:100%;font-size:18px;line-height:32px;color:#333;height:32px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-list li a:hover .txt h3{color:var(--mainColor)}
.pro-list li a:hover .txt h4{color:var(--mainColor)}

@media(max-width:1440px){
	.pro-list li{marign-bottom:40px;}
    .pro-list li a .txt{margin-top:16px;}
    .pro-list li a .txt h3{font-size:15px;line-height:28px;height:28px;}
    .pro-list li a .txt h4{font-size:16px;line-height:28px;height:28px;}
}

@media(max-width:1080px){
    .pro-list li{width:32%;margin-left:2%;margin-bottom:24px;}
    .pro-list li:nth-child(4n+1){margin-left:2%;}
    .pro-list li:nth-child(3n+1){margin-left:0;}
    .pro-list li a .txt{margin-top:12px;}
    .pro-list li a .txt h3{font-size:14px;line-height:24px;height:24px;}
}

@media(max-width:769px){
    .pro-list li{width:49%;margin-bottom:16px;}
    .pro-list li:nth-child(3n+1){margin-left:2%;}
    .pro-list li:nth-child(odd){margin-left:0;}
    .pro-list li a .txt{margin-top:6px;}
    .pro-list li a .txt h3{font-size:12px;line-height:20px;height:20px;}
    .pro-list li a .txt h4{font-size:14px;line-height:24px;height:24px;}
}

/*产品详情*/
.detail-banner{width: 100%;min-height:12vh;background-color:var(--mainColor);position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; /* Safari */}
.detail-banner .swiper-container{height:100%;}
.detail-banner .detail-banner-img{width:100%;position:relative;z-index:1;}
.detail-banner .detail-banner-img img{width:100%;}
.detail-banner .pc-detail-img{display:block;}
.detail-banner .wap-detail-img{display:none;}
.detail-banner .banner-txt{width:100%;height:100%;position: absolute;left:0;top:0; display:flex;align-items:center;z-index:5;}

.detail-banner .banner-txt .txt{width:80%;max-width:600px;font-size:68px;line-height:80px;color:#fff;text-align:left;font-family:'OPPOSansR';}
.detail-banner .banner-txt .banner-btn{width:120px;height:46px;margin-top:32px;}
.detail-banner .banner-txt .banner-btn a{display:block;width:100%;font-size:16px;color:#fff;text-align:center;line-height:44px;border-radius:40px;border:#fff solid 1px;font-family:'OPPOSansR';}

.detail-banner .swiper-button-next,.detail-banner .swiper-button-prev{width:48px;height:48px;transition: all 0.3s;-webkit-transition: all 0.3s;left:2%;font-size:20px;color:#fff;background:rgba(255,255,255,0.5);opacity: 0;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.detail-banner .swiper-button-next{right:2%;left:auto;}
.detail-banner:hover .swiper-button-next,.detail-banner:hover .swiper-button-prev{opacity:0.5;}
.detail-banner .swiper-button-next:hover,.detail-banner .swiper-button-prev:hover{opacity:1;}

@media(max-width:1440px){
	.detail-banner .banner-txt .txt{font-size:60px;line-height:72px;}
	.detail-banner .banner-txt .banner-btn{width:100px;height:40px;margin-top:24px;}
	.detail-banner .banner-txt .banner-btn a{font-size:16px;line-height:38px;}

	.detail-banner .swiper-button-next,.detail-banner .swiper-button-prev{width:40px;height:40px;font-size:16px;}
}

@media(max-width:1280px){
	.detail-banner .banner-txt .txt{font-size:48px;line-height:60px;}
	.detail-banner .banner-txt .banner-btn{width:100px;height:40px;margin-top:24px;}
	.detail-banner .banner-txt .banner-btn a{font-size:14px;line-height:38px;}
}

@media(max-width:1080px){
	.detail-banner .banner-txt .txt{font-size:36px;line-height:48px;margin-left:10%;}
	.detail-banner .banner-txt .banner-btn{width:88px;height:32px;margin-top:16px;margin-left:10%;}
	.detail-banner .banner-txt .banner-btn a{font-size:14px;line-height:30px;}
}

@media(max-width:769px){
	.detail-banner .pc-detail-img{display:none;}
	.detail-banner .wap-detail-img{display:block;}
	.detail-banner .banner-txt .txt{font-size:24px;line-height:32px;margin-left:4%;}
	.detail-banner .banner-txt .banner-btn{width:80px;height:28px;margin-left:4%;}
	.detail-banner .banner-txt .banner-btn a{font-size:12px;line-height:26px;}
}

.pro-wrap{width:100%;padding-top:80px;}
.detail-intro-item{width:100%;display: flex;align-items: center;justify-content:space-between;}
.det-item-img{width:47.8%;background:#f7f5f3;position:relative;overflow:hidden;border-radius:24px;}
.det-item-img .img-cont{width:100%;height:0;padding-bottom:70%;overflow:hidden;position: relative;}
.det-item-img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.det-item-img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}

.det-item-txt{width:47.8%;}
.pro-title{width:100%;border-bottom:#333 solid 2px;padding-bottom:20px;font-size:48px;line-height:80px;color:#333;font-family:'OPPOSansR';}
.pro-detail-list{width:100%;margin-top:30px;}
.pro-detail-list li{padding-left:30px;position:relative;font-size:18px;color:#333;line-height:36px;margin-bottom:12px;}
.pro-detail-list li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background-color:#333;border-radius:50%;}

.detail-spce{width:100%;}
.detail-spce li{display: flex;justify-content:space-between;padding:30px 48px;border-bottom:#e0e0e0 solid 1px;width:100%;font-size:18px;color:#333;line-height:40px;}
.detail-spce li .spec-name{width:26%;}
.detail-spce li .spec-content{width:72%;}

.pro-download{margin-top:60px;}

@media(max-width:1440px){
	.pro-wrap{padding-top:72px;}
	.pro-title{padding-bottom:16px;font-size:40px;line-height:64px;}
	.pro-detail-list{margin-top:20px;}
	.pro-detail-list li{padding-left:20px;font-size:16px;line-height:32px;margin-bottom:12px;}
	.pro-detail-list li:before{top:13px;width:6px;height:6px;}

	.detail-spce li{padding:24px 40px;font-size:16px;line-height:36px;}

	.pro-download{margin-top:48px;}
}

@media(max-width:1280px){
	.pro-wrap{padding-top:60px;}
	.pro-title{padding-bottom:12px;font-size:32px;line-height:48px;}
	.pro-detail-list{margin-top:16px;}
	.detail-spce li{padding:20px 32px;line-height:32px;}

	.pro-download{margin-top:40px;}
}

@media(max-width:1080px){
	.pro-wrap{padding-top:48px;}
	.pro-title{font-size:24px;line-height:36px;}
	.pro-detail-list{margin-top:20px;}
	.pro-detail-list li{padding-left:16px;font-size:14px;line-height:28px;margin-bottom:8px;}
	.pro-detail-list li:before{top:12px;width:4px;height:4px;}

	.detail-spce li{padding:16px 24px;font-size:14px;line-height:28px;}

	.pro-download{margin-top:24px;}
}
@media(max-width:769px){
	.pro-wrap{padding-top:40px;}
	.detail-intro-item{display:block;}
	.det-item-img{width:100%;margin-top:20px;}
	.det-item-txt{width:100%;}
	.pro-title{font-size:20px;line-height:32px;}
	.pro-detail-list{margin-top:12px;}
	.pro-detail-list li{padding-left:12px;}

	.detail-spce li{padding:12px 16px;line-height:24px;}

	.pro-download{margin-top:20px;}
}

/*服务支持-资讯*/
.news-top{width:100%;background-color:#fbfbfb;padding:40px;border-radius:24px;}
.news-top a{display: flex;align-items: center;justify-content:space-between;width:100%;}
.news-top a .img{width:48.4375%;background:#f7f5f3;position:relative;overflow:hidden;border-radius:24px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-top a .img .img-cont{width:100%;height:0;padding-bottom:64.5%;overflow:hidden;position: relative;}
.news-top a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.news-top a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.news-top a:hover .img img{-webkit-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

.news-top a .txt{width:46%;margin-right:2%;}
.news-top a .txt h2{width:100%;font-size:24px;color:#333;line-height:40px;font-family:'OPPOSansB';height:40px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-top a .txt .date{font-size:18px;color:#888;line-height:24px;font-family:'OPPOSansR';margin-top:8px;}
.news-top a .txt p{margin-top:30px;width:100%;font-size:18px;color:#888;line-height:40px;font-family:'OPPOSansR';height:120px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.news-top a .txt .more{display:flex;align-items:center;font-size:16px;font-family:'OPPOSansR';line-height:24px;transition: all 0.2s;-webkit-transition: all 0.2s;margin-top:30px;}
.news-top a .txt .more .icon{display:flex;align-items: center;justify-content:center;width:24px;height:24px;background-color:#e5e5e5;border-radius:12px;margin-left:12px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-top a .txt .more .icon .iconfont{font-size:12px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-top a:hover .txt h2{color:var(--mainColor);}
.news-top a:hover .txt .more{color:var(--mainColor);}
.news-top a:hover .txt .more .icon{background-color:var(--mainColor);color:#fff;}

@media(max-width:1440px){
	.news-top{padding:32px;}
	.news-top a .txt h2{font-size:20px;line-height:32px;height:32px;}
	.news-top a .txt .date{font-size:16px;line-height:20px;margin-top:8px;}
	.news-top a .txt p{margin-top:24px;font-size:16px;line-height:32px;height:96px;}
	.news-top a .txt .more{font-size:15px;margin-top:24px;}
	.news-top a .txt .more .icon{margin-left:8px;}
}

@media(max-width:1280px){
	.news-top{padding:24px;}
	.news-top a .txt h2{font-size:18px;line-height:28px;height:28px;}
}

@media(max-width:1080px){
	.news-top{padding:16px;}
	.news-top a .txt h2{font-size:16px;line-height:24px;height:24px;}
	.news-top a .txt .date{font-size:14px;}
	.news-top a .txt p{margin-top:16px;font-size:14px;line-height:24px;height:72px;}
	.news-top a .txt .more{font-size:14px;line-height:20px;margin-top:20px;}
	.news-top a .txt .more .icon{width:20px;height:20px;margin-left:6px;}

}

@media(max-width:769px){
	.news-top a{display:block;}
	.news-top a .img{width:100%;}
	.news-top a .txt{width:100%;margin:0;margin-top:20px;}
	.news-top a .txt .date{font-size:12px;line-height:16px;}
	.news-top a .txt .more{font-size:12px;margin-top:16px;}
	.news-top a .txt .more .icon .iconfont{font-size:8px;}
}

.news-list-box{width:100%;background-color:#fbfbfb;}
.news-list{width:100%;}
.news-list li{width:100%;border-bottom:#e0e0e0 solid 1px;padding:32px 0;}
.news-list li a{display:block;width:100%;}
.news-list li a h3{width:100%;font-size:24px;color:#333;line-height:40px;font-family:'OPPOSansB';height:40px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-list li a .date{font-size:18px;color:#888;line-height:24px;font-family:'OPPOSansR';margin-top:8px;}
.news-list li a p{margin-top:12px;width:100%;font-size:18px;color:#888;line-height:40px;font-family:'OPPOSansR';height:80px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.2s;-webkit-transition: all 0.2s;}

.news-list li a:hover h3{color:var(--mainColor);}
.news-list li a:hover p{color:#333;}

@media(max-width:1440px){
	.news-list li{padding:24px 0;}
	.news-list li a h3{font-size:20px;line-height:32px;height:32px;}
	.news-list li a .date{font-size:16px;line-height:20px;margin-top:8px;}
	.news-list li a p{font-size:16px;line-height:32px;height:64px;}
}

@media(max-width:1280px){
	.news-list li{padding:20px 0;}
	.news-list li a h3{font-size:18px;line-height:28px;height:28px;}
}

@media(max-width:1080px){
	.news-list li{padding:16px 0;}
	.news-list li a h3{font-size:16px;line-height:24px;height:24px;}
	.news-list li a .date{font-size:14px;}
	.news-list li a p{font-size:14px;line-height:24px;height:48px;}

}

@media(max-width:769px){
	.news-list li a .date{font-size:12px;line-height:16px;}
}

/*资讯详情*/
.news-detail-box{width:100%;display: flex;justify-content:space-between;}
.news-detail{width:69%;}
.news-title{width:100%;margin-bottom:40px;}
.news-title h1{font-size:48px;line-height:64px;color:#333;font-family:'OPPOSansB';}
.news-title .line{display:block;margin-top:30px;width:96px;height:2px;background-color:var(--mainColor);}
.news-title .date{font-size:18px;color:var(--mainColor);line-height:40px;margin-top:30px;}

.news-recom{width:27%;}
.news-recom .recom-title{font-size:24px;color:#333;line-height:40px;font-family:'OPPOSansR';margin-bottom:30px;}
.news-recom li{width:100%;margin-bottom:30px;}
.news-recom li a{width:100%;display:flex;justify-content:space-between;}
.news-recom li a .img{width:39%;position:relative;overflow:hidden;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-recom li a .img .img-cont{width:100%;height:0;padding-bottom:62.14%;overflow:hidden;position: relative;}
.news-recom li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#f7f5f3;border-radius:8px;overflow:hidden;}
.news-recom li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.news-recom li a:hover .img img{-webkit-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}
.news-recom li a .txt{width:57%;}
.news-recom li a h3{width:100%;font-size:18px;color:#333;line-height:30px;font-family:'OPPOSansB';height:60px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition: all 0.2s;-webkit-transition: all 0.2s;}
.news-recom li a .date{font-size:16px;color:#888;line-height:24px;font-family:'OPPOSansR';margin-top:4px;}



@media(max-width:1440px){
	.news-title{margin-bottom:32px;}
	.news-title h1{font-size:40px;line-height:56px;}
	.news-title .line{margin-top:24px;width:80px;}
	.news-title .date{font-size:16px;line-height:32px;margin-top:24px;}

	.news-recom .recom-title{font-size:20px;line-height:32px;margin-bottom:24px;}
	.news-recom li{margin-bottom:24px;}
	.news-recom li a h3{font-size:16px;line-height:24px;height:48px;}
	.news-recom li a .date{font-size:14px;line-height:20px;}
}

@media(max-width:1280px){
	.news-title{margin-bottom:24px;}
	.news-title h1{font-size:32px;line-height:40px;}
	.news-title .line{margin-top:20px;width:64px;}
	.news-title .date{font-size:14px;line-height:28px;margin-top:20px;}

	.news-recom .recom-title{font-size:18px;line-height:28px;margin-bottom:20px;}
	.news-recom li{margin-bottom:20px;}
}

@media(max-width:1080px){
	.news-title h1{font-size:24px;line-height:32px;}
	.news-title .line{margin-top:16px;width:48px;}
	.news-title .date{font-size:14px;line-height:24px;margin-top:16px;}

	.news-recom .recom-title{margin-bottom:16px;}
	.news-recom li{margin-bottom:16px;}
	.news-recom li a h3{font-size:14px;line-height:20px;height:40px;}
	.news-recom li a .date{font-size:12px;}
}

@media(max-width:769px){
	.news-detail-box{display:block;}
	.news-detail{width:100%;}

	.news-title h1{font-size:22px;line-height:28px;}
	.news-title .line{margin-top:12px;width:40px;}
	.news-title .date{margin-top:12px;font-size:12px;}

	.news-recom{width:100%;margin-top:40px;}
	.news-recom .recom-title{margin-bottom:12px;}
	.news-recom li{margin-bottom:12px;float:left;width:48%;margin-left:4%;}
	.news-recom li:nth-child(odd){margin-left:0;}
}

@media(max-width:480px){
	.news-detail-box{display:block;}
	.news-detail{width:100%;}

	.news-title h1{font-size:22px;line-height:28px;}
	.news-title .line{margin-top:12px;width:40px;}
	.news-title .date{margin-top:12px;font-size:12px;}

	.news-recom{width:100%;margin-top:40px;}
	.news-recom .recom-title{margin-bottom:12px;}
	.news-recom li{margin-bottom:12px;width:100%;margin-left:0;}
}

/*服务支持-人才招聘*/
.career-list-title{width:100%;border:#e0e0e0 solid 1px;padding:40px;}
.career-list-title h3{float:left;font-size:18px;color:#333;line-height:28px;}

.career-table .job{width:33.5%;}
.career-table .people{width:15%;}
.career-table .address{width:17.5%;}
.career-table .salary{width:17.5%;}
.career-table .date{width:12.5%;}
.career-table .opa{width:4%;}


.career-list{width:100%;}
.career-list ul{border-left:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;margin-bottom:60px;}
.career-list li{float:left;width:100%;border-bottom:#e0e0e0 solid 1px;}
.career-list li .list{float:left;width:100%;padding:40px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.career-list li .list h4{float:left;font-size:18px;color:#333;line-height:28px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.career-list li .list .more{float:left;width:24px;height:24px;margin-top:2px;border-radius:50%;border:#e0e0e0 solid 1px;position: relative;}
.career-list li .list .more span{position: absolute;left:50%;margin-left:-5px;top:50%;margin-top: -1px;width:10px;height:2px;background-color: #333;transition: all 0.6s;-webkit-transition: all 0.6s;}
.career-list li .list .more span.line2{transform: rotate(90deg);}
.career-list li .detail{display: none;float:left;width:100%;padding:60px 72px 20px;border-top:#e0e0e0 solid 1px;}
.career-list li .detail h5{font-size:24px;color:#333;line-height:36px;margin-bottom:12px;}
.career-list li .detail .txt{font-size:18px;color:#666;line-height:36px;margin-bottom:40px;}
.career-list li .detail .txt p{line-height: inherit;margin-bottom:12px;}
.career-list li .detail .wap-spec{display: none;}


.career-list li .list.open{background-color: var(--mainColor);}
.career-list li .list.open h4{color:#fff;}
.career-list li .list.open .more{border:#fff solid 1px;}
.career-list li .list.open .more span{background-color:#fff;}
.career-list li .list.open .more span.line1{opacity: 0;}
.career-list li .list.open .more span.line2{transform: rotate(-180deg);}

.career-list li:hover .list{background-color: var(--mainColor);}
.career-list li:hover .list h4{color:#fff;}
.career-list li:hover .list .more{border:#fff solid 1px;}
.career-list li:hover .list .more span{background-color:#fff;}

@media(max-width:1440px){
    .career-list-title{padding:32px;}
	.career-list-title h3{font-size:16px;}

	.career-list ul{margin-bottom:48px;}
	.career-list li .list{padding:32px;}
	.career-list li .list h4{font-size:16px;}
	.career-list li .detail{padding:48px 60px 16px;}
	.career-list li .detail h5{font-size:20px;line-height:28px;margin-bottom:12px;}
	.career-list li .detail .txt{font-size:16px;line-height:28px;margin-bottom:32px;}
	.career-list li .detail .txt p{margin-bottom:12px;}
}
@media(max-width:1280px){
    .career-list-title{padding:24px;}

	.career-list ul{margin-bottom:40px;}
	.career-list li .list{padding:24px;}
	.career-list li .detail{padding:36px 48px 16px;}
	.career-list li .detail h5{margin-bottom:8px;}
	.career-list li .detail .txt{margin-bottom:24px;}
	.career-list li .detail .txt p{margin-bottom:8px;}
}

@media(max-width:1080px){
    .career-list-title{padding:16px;}
    .career-list-title h3{font-size:14px;}

	.career-list ul{margin-bottom:32px;}
	.career-list li .list{padding:16px;}
	.career-list li .list h4{font-size:14px;}
	.career-list li .detail{padding:24px 36px 12px;}
	.career-list li .detail h5{margin-bottom:8px;font-size:16px;}
	.career-list li .detail .txt{margin-bottom:16px;font-size:14px;}
	.career-list li .detail .txt p{margin-bottom:8px;}
}
@media(max-width:769px){
    .career-list-title{display: none;}
    .career-table .job{width:80%;}
	.career-table .people{display:none;}
	.career-table .address{display:none;}
	.career-table .salary{display:none;}
	.career-table .date{display:none;}
	.career-table .opa{width:20%;}
    .career-list{border-top:#e0e0e0 solid 1px;}
    .career-list ul{margin-bottom:24px;}
	.career-list li .list{padding:10px 16px;}
	.career-list li .list .more{float:right;}
	.career-list li .detail{padding:16px 16px 8px;}
	.career-list li .detail .txt{line-height:20px;}
}


/*服务支持-常见问答*/
.question-list{width:100%;}
.question-list ul{margin-bottom:60px;}
.question-list li{width:100%;border-radius:24px;margin-bottom:40px;background-color:#f7f5f3;padding:32px 40px;transition:all 0.6s;-webkit-transition:all 0.6s;}
.question-list li .question-title{width:100%;display: flex;min-height:40px;align-items:center;justify-content:spac-between;cursor: pointer;position:relative;}
.question-list li .question-title h2{width:90%;font-size:18px;color:#333;line-height:40px;padding-left:48px;position:relative;font-family:'OPPOSansB';}
.question-list li .question-title .title-icon{width:40px;height:40px;font-size:32px;color:#333;line-height:40px;position:absolute;left:0;top:0;}
.question-list li .question-title .icon{width:32px;height:32px;border-radius:50%;border:#e1e1e1 solid 1px;position:absolute;right:0;top:50%;margin-top:-16px;transition:all 0.6s;-webkit-transition:all 0.6s;}
.question-list li .question-title .icon span{position:absolute;top:14px;left:10px;width:10px;height:2px;background-color:#888;transition:all 0.6s;-webkit-transition:all 0.6s;opacity:1;}
.question-list li .question-title .icon span.line02{transform:rotate(-90deg);}

.question-list li .question-answer{padding-left:48px;padding-top:30px;margin-top:32px;border-top:#e0e0e0 solid 1px;border-top-color:rgba(255,255,255,0.2);display:none;}
.question-list li .question-answer p{font-size:18px;color:#fff;line-height:40px;margin-bottom:8px;font-family:'OPPOSansR';}
.question-list li .question-answer p span{color:#fff;}

.question-list li.open{background-color:var(--mainColor);}
.question-list li.open .question-title .icon span{transform:rotate(-180deg);background-color:#fff;}
.question-list li.open .question-title .icon span.line01{opacity:0;}
.question-list li.open .question-title h2{color:#fff;}
.question-list li.open .question-title .title-icon{color:#fff;}

.question-list li:hover{background-color:var(--mainColor);}
.question-list li:hover .question-title .icon span{background-color:#fff;}
.question-list li:hover .question-title h2{color:#fff;}
.question-list li:hover .question-title .title-icon{color:#fff;}

@media(max-width:1440px){
	.question-list ul{margin-bottom:48px;}
	.question-list li{margin-bottom:32px;padding:24px 32px;}
	.question-list li .question-title h2{font-size:16px;line-height:32px;padding-left:40px;}
	.question-list li .question-title .title-icon{width:32px;height:32px;font-size:24px;line-height:32px;}

	.question-list li .question-answer{padding-left:40px;padding-top:24px;margin-top:24px;}
	.question-list li .question-answer p{font-size:16px;line-height:32px;}

}
@media(max-width:1280px){
	.question-list ul{margin-bottom:40px;}
	.question-list li{margin-bottom:24px;padding:16px 24px;}
	.question-list li .question-title h2{font-size:16px;line-height:32px;padding-left:32px;}
	.question-list li .question-title .title-icon{font-size:20px;}
	.question-list li .question-title .icon{width:24px;height:24px;margin-top:-12px;}
	.question-list li .question-title .icon span{top:10px;left:6px;width:10px;height:2px;}

	.question-list li .question-answer{padding-left:32px;padding-top:16px;margin-top:16px;}
	.question-list li .question-answer p{font-size:16px;line-height:32px;}

}
@media(max-width:1080px){
	.question-list ul{margin-bottom:32px;}
	.question-list li{margin-bottom:16px;padding:12px 20px;}
	.question-list li .question-title h2{font-size:14px;line-height:24px;padding-left:24px;}
	.question-list li .question-title .title-icon{font-size:16px;width:24px;height:24px;line-height:24px;}

	.question-list li .question-answer{padding-left:24px;padding-top:12px;margin-top:12px;}
	.question-list li .question-answer p{font-size:14px;line-height:28px;}
}
@media(max-width:769px){
	.question-list ul{margin-bottom:24px;}
	.question-list li{margin-bottom:16px;padding:8px 16px;}
	.question-list li .question-title h2{font-size:14px;line-height:24px;padding-left:24px;}
	.question-list li .question-answer{padding-left:24px;padding-top:8px;margin-top:8px;}
}






















/*服务支持-下载中心*/
.download-list{width:100%;}
.download-list li{float:left;width:48.5%;margin-left:3%;margin-bottom:3%;}
.download-list li:nth-child(odd){margin-left:0;}
.download-list li a{display: flex;align-items: center;justify-content:space-between;width:100%;background-color:#f7f5f3;border-radius:24px;padding:48px 40px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.download-list li a .icon{display: flex;align-items: center;justify-content:center;width:50px;height:50px;background-color:var(--mainColor);border-radius:50%;font-size:28px;color:#fff;transition: all 0.2s;-webkit-transition: all 0.2s;}
.download-list li a .txt{width:calc(100% - 60px);}
.download-list li a .txt h3{width:100%;font-size:24px;color:#333;line-height:40px;font-family:'OPPOSansR';height:40px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.download-list li a .txt .info{width:100%;margin-top:20px;font-size:18px;color:#888;line-height:20px;font-family:'OPPOSansR';display: flex;flex-wrap:wrap;transition: all 0.2s;-webkit-transition: all 0.2s;}
.download-list li a .txt .info .tag{border-left:#e0e0e0 solid 1px;padding-left:20px;margin-left:20px;}
.download-list li a .txt .info .tag:first-child{padding-left:0;margin-left:0;border-left:none;}

.download-list li a:hover{background-color:var(--mainColor);}
.download-list li a:hover .icon{background-color:#fff;color:var(--mainColor);}
.download-list li a:hover .txt h3{color:#fff;}
.download-list li a:hover .txt .info{color:#fff;}

@media(max-width:1440px){
    .download-list li a{padding:40px 32px;}
	.download-list li a .icon{width:40px;height:40px;font-size:20px;}
	.download-list li a .txt{width:calc(100% - 60px);}
	.download-list li a .txt h3{font-size:20px;line-height:32px;height:32px;}
	.download-list li a .txt .info{margin-top:16px;font-size:16px;line-height:16px;}
	.download-list li a .txt .info .tag{padding-left:16px;margin-left:16px;}
}
@media(max-width:1080px){
    .download-list li a{padding:32px 24px;}
	.download-list li a .icon{width:36px;height:36px;font-size:16px;}
	.download-list li a .txt{width:calc(100% - 48px);}
	.download-list li a .txt h3{font-size:16px;line-height:28px;height:28px;}
	.download-list li a .txt .info{margin-top:12px;font-size:14px;line-height:16px;}
	.download-list li a .txt .info .tag{padding-left:8px;margin-left:8px;}
}
@media(max-width:769px){
	.download-list li{width:100%;margin-left:0;margin-bottom:3%;}
    .download-list li a{padding:20px 16px;border-radius:16px;}
	.download-list li a .icon{width:32px;height:32px;font-size:14px;}
	.download-list li a .txt{width:calc(100% - 40px);}
	.download-list li a .txt h3{font-size:16px;line-height:24px;height:24px;}
	.download-list li a .txt .info{margin-top:8px;font-size:12px;line-height:12px;}
	.download-list li a .txt .info .tag{padding-left:6px;margin-left:6px;}
}