@charset "UTF-8";

.pro-content{width:100%;margin-top:40px;position:relative;}
.wap-sort-bg{position: fixed;z-index:101;background-color:#000;opacity: 0.6;top:0;left:0;width:100%;height:100%;display:none;}
.pro-sort{float:left;width:21.875%;position:relative;z-index:8;max-width:280px;}
.pro-sort .sort-title{width:100%;background-color:#3c7963;padding:16px 20px;display: flex;align-items:center;font-size:16px;color:#fff;line-height:20px;border-top-left-radius: 12px;border-top-right-radius: 12px;position:relative;}
.pro-sort .sort-title .icon{width:26px;display:block;margin-right:20px;}
.pro-sort .sort-title span{font-weight:bold;}
.pro-sort .sort-title .sort-close{position:absolute;right:20px;top:0;width:40px;height:100%;font-size:16px;color:#fff;line-height:52px;text-align:right;display:none;}

.pro-sort .sort-list{width:100%;background-color:#fff;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;position:relative;min-height:416px;}
.pro-sort .sort-list .sort-item{width:100%;}
.pro-sort .sort-list .sort-item:last-child .first-sort a{border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.pro-sort .sort-list .sort-item .first-sort{width:100%;position:relative;}
.pro-sort .sort-list .sort-item .first-sort a{display:block;width:100%;padding:10px 20px;display:flex;align-items:center;transition:all 0.2s; -webkit-transition:all 0.2s;}
.pro-sort .sort-list .sort-item .first-sort .sort-icon{display:block;width:22px;margin-right:24px;filter: brightness(0);}
/* .pro-sort .sort-list .sort-item .first-sort .sort-icon.icon2{display:none;}*/
.pro-sort .sort-list .sort-item .first-sort h5{font-size:16px;color:#333;line-height:32px;transition:all 0.2s; -webkit-transition:all 0.2s;}
.pro-sort .sort-list .sort-item .first-sort .sort-arrow{position:absolute;right:0;top:0;width:100%;height:100%;padding:0 20px;text-align:right;display:flex;align-items:center;justify-content:end;cursor: pointer; display:none;}
.pro-sort .sort-list .sort-item .first-sort .sort-arrow .iconfont{font-size:16px;color:#333;}
.pro-sort .sort-list .sort-item:hover .first-sort a{background-color:#f5f5f5;}
.pro-sort .sort-list .sort-item:hover .first-sort h5{color:#3c7963;}
.pro-sort .sort-list .sort-item:hover .first-sort .sort-icon{filter: brightness(1);}

.pro-sort .sort-list .sort-item .sec-sort{position:absolute;left:100%;top:0;background-color:#f5f5f5;box-shadow: 0 0 12px rgba(0,0,0,0.1);width:700px;min-height:100%;padding:24px 40px 4px;display:none;}
.pro-sort .sec-sort dl{width:100%;margin-bottom:20px;display:flex;flex-direction:row;}
/* .pro-sort .sort-list .sort-item:hover .sec-sort{display:block;}*/
.pro-sort .sec-sort dl dt{min-width:120px;}
.pro-sort .sec-sort dl dt a{display:block;width:100%;display:flex;align-items:center;font-size:16px;font-weight:bold;color:#333;line-height:36px;transition:all 0.2s; -webkit-transition:all 0.2s;}
.pro-sort .sec-sort dl dt a .iconfont{font-size:14px;margin-left:10px;}
.pro-sort .sec-sort dl:hover dt a{color:#3c7963;}
.pro-sort .sec-sort dl dt a:hover{color:#3c7963;}

.pro-sort .sec-sort dl dd{max-width:calc(100% - 120px);display:flex;flex-direction:row;flex-wrap:wrap;}
.pro-sort .sec-sort dl dd a{display:block;margin-right:30px;font-size:14px;color:#666;line-height:36px;transition:all 0.2s; -webkit-transition:all 0.2s;}
.pro-sort .sec-sort dl dd a:hover{color:#3c7963;}

.pro-list-box{width:75%;float:right;background-color:#fff;border-radius:12px;overflow:hidden;}
.total-num{font-size:14px;color:#999;line-height:20px;}
.total-num span{color:#3c7963;}
.filt-btn{display:flex;align-items:center;font-size:14px;color:#3c7963;line-height:20px;display:none;}
.filt-btn .icon{width:20px;height:20px;border-radius:50%;background-color:#3c7963;padding:6px 4px;margin-left:8px;}
.filt-btn .icon img{display:block;width:100%;}

.pro-title{font-size:36px;color:#3c7963;line-height:48px;font-weight:bold;margin-bottom:32px;}
.pro-list{width:100%;padding:32px 40px;}
.pro-list li{float:left;width:31.8%;border:#e0e0e0 solid 1px;border-radius:12px;margin-left:2.3%;margin-bottom:2.3%;transition:all 0.2s; -webkit-transition:all 0.2s;}
.pro-list li:nth-child(3n+1){margin-left:0;}
.pro-list li a{display:block;width:100%;}
.pro-list li .img{width:100%;}
.pro-list li .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:12px;}
.pro-list li .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.pro-list li .img-cont img{display:block;max-width:100%;max-height: 100%;object-fit: cover;}
.pro-list li .txt{width:100%;padding:0 20px 16px;}
.pro-list li .txt h5{width:100%;font-size:16px;color:#333;line-height:28px;font-weight:bold;height:84px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;transition:all 0.2s; -webkit-transition:all 0.2s;}

.pro-list li:hover{border:#3c7963 solid 1px;}
.pro-list li:hover .txt h5{color:#3c7963;}

.pro-sort.scroll{position:fixed;top:100px;left:50%;margin-left:-640px;z-index:80;}
.pro-sort.stopscroll{position:absolute;top:auto;bottom:0;left:0;margin-left:0;z-index:80;}

@media (max-width:1320px){
    .pro-sort.scroll{left:20px;margin-left:0;}
    .pro-sort.stopscroll{left:0;}
    .pro-title{font-size:32px;line-height:40px;margin-bottom:28px;}
}

@media (max-width:1080px){
    .pro-content{margin-top:20px;}

	.pro-sort{width:100%;position:fixed;top:0;z-index:102;left:auto;right:-120%;height:100%;background-color:#fff;transition:all 0.6s; -webkit-transition:all 0.6s;}
	.pro-sort.open{right:0;}
	.pro-sort .sort-title{border-radius:0;}
	.pro-sort .sort-title .sort-close{display:block;}
	.pro-sort .sort-list{border-radius:0;min-height:0;height:calc(100% - 100px);overflow-y:auto;}
	.pro-sort .sort-list .sort-item:last-child .first-sort a{border-radius:0;}

	.pro-sort .sort-list .sort-item .first-sort a{padding:8px 16px;}
	.pro-sort .sort-list .sort-item .first-sort .sort-icon{width:20px;margin-right:12px;}
	.pro-sort .sort-list .sort-item .first-sort h5{font-size:14px;line-height:28px;}
	.pro-sort .sort-list .sort-item .first-sort .sort-arrow{display:flex;}

	.pro-sort .sort-list .sort-item .sec-sort{position:relative;left:0;top:0;background-color:#fff;box-shadow:none;width:100%;min-height:0;padding: 0 16px;}
	.pro-sort .sec-sort dl{width:100%;margin-bottom:12px;display:block;}
	.pro-sort .sec-sort dl dt{min-width:100%;width:100%;padding-left:32px;}
	.pro-sort .sec-sort dl dt a{font-size:14px;line-height:28px;}
	.pro-sort .sec-sort dl dt a .iconfont{font-size:12px;}

	.pro-sort .sec-sort dl dd{max-width:100%;width:100%;padding-left:48px;}
	.pro-sort .sec-sort dl dd a{margin-right:16px;font-size:12px;line-height:28px;}

	.pro-list-box{width:100%;}
	.filt-btn{display:flex;}
	.pro-title{font-size:24px;line-height:32px;margin-bottom:16px;}
	.pro-list{padding:16px 20px;}
	.pro-list li{width:31.8%;margin-left:2.3%;margin-bottom:2.3%;}
	.pro-list li:nth-child(3n+1){margin-left:0;}
	.pro-list li .txt{padding:0 16px 12px;}
	.pro-list li .txt h5{font-size:14px;line-height:24px;height:72px;}
}

@media (max-width:640px){
	.pro-title{font-size:20px;line-height:28px;margin-bottom:12px;}
	.pro-list{padding:12px 20px;}
	.pro-list li{width:48.5%;margin-left:3%;margin-bottom:3%;}
	.pro-list li:nth-child(3n+1){margin-left:3%;}
	.pro-list li:nth-child(odd){margin-left:0;}
	.pro-list li .txt{padding:0 12px 12px;}
	.pro-list li .txt h5{font-size:14px;font-weight:normal;line-height:20px;height:60px;}
}


.pro-detail-img{float:left;width:46.875%;margin-top:40px;margin-bottom:40px;position: relative;}
.pro-detail-img .gallery-top{width:100%;position:relative;background-color:#fff;border-radius:12px;}
.pro-detail-img .gallery-top .img{width:100%;}
.pro-detail-img .gallery-top .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:12px;}
.pro-detail-img .gallery-top .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.pro-detail-img .gallery-top .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}

.pro-detail-img .gallery-thumbs{width:100%;margin:20px auto 0;position:relative;padding:0 50px;}
.pro-detail-img .gallery-thumbs .swiper-container{padding:0 2px;max-height:116px;}
.pro-detail-img .gallery-thumbs .swiper-slide{opacity:0.6;}
.pro-detail-img .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}
.pro-detail-img .gallery-thumbs .img{width:100%;}
.pro-detail-img .gallery-thumbs .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
.pro-detail-img .gallery-thumbs .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;}
.pro-detail-img .gallery-thumbs .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}

.pro-detail-img .gallery-top .swiper-pagination{bottom:12px;display:none;}
.pro-detail-img .gallery-top .swiper-pagination-bullet{background:rgba(255,255,255,0.6);opacity:1;}
.pro-detail-img .gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3c7963;}

.pro-detail-img .gallery-thumbs .swiper-button-next,.pro-detail-img .gallery-thumbs .swiper-button-prev{width:30px;height:100%;margin-top:0;top:0;opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;left:0;outline:none;border-radius:8px;background:none;background-color:#fff;display:flex;align-items:center;justify-content:center;}
.pro-detail-img .gallery-thumbs .swiper-button-next .iconfont,.pro-detail-img .gallery-thumbs .swiper-button-prev .iconfont{font-size:24px;color:#333;}
.pro-detail-img .gallery-thumbs .swiper-button-next{right:0;left:auto;}
.pro-detail-img .gallery-thumbs .swiper-button-next.swiper-button-disabled .iconfont,.pro-detail-img .gallery-thumbs .swiper-button-prev.swiper-button-disabled .iconfont{color:#ccc;}


.pro-detail-intro{float:right;width:50%;margin-top:40px;margin-bottom:40px;}
.pro-detail-intro .title{margin-top:12px;width:100%;}
.pro-detail-intro .title h1{font-size:24px;color:#333;line-height:36px;font-weight:bold;}
.pro-detail-intro .txt{width:100%;margin-top:30px;font-size:14px;color:#666;line-height:36px;min-height:324px;}
.pro-detail-intro .txt p{line-height:inherit;}

.pro-contact{width:100%;margin-top:30px;}
.pro-contact a{display:block;width:168px;height:46px;border-radius:24px;background-color:#3c7963;font-size:16px;color:#fff;line-height:46px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-contact a:hover{box-shadow:0 2px 12px rgba(60,121,99,0.5);}

.pro-share{margin-top:40px;display:flex;flex-direction:row;align-items:center;width:100%;}
.pro-share .share-title{font-size:16px;color:#333;line-height:32px;}
.pro-share .share-title .iconfont{margin-right:10px;}
.pro-share .custom-share{display:flex;flex-direction:row;align-items:center;}
.pro-share .custom-share a .iconfont{display:block;font-size:20px;line-height:32px;text-align:center;margin-left:4px;width:32px;height:32px;border-radius:50%;}
.pro-share .custom-share a .iconfont.icon-zhi{color:#1296db;border:#1296db solid 1px;}
.pro-share .custom-share a .iconfont.icon-shu{color:#d51a1b;border:#d51a1b solid 1px;font-size:16px;}
.pro-share .custom-share a:hover .iconfont.icon-zhi{background-color:#1296db;color:#fff;}
.pro-share .custom-share a:hover .iconfont.icon-shu{background-color:#d51a1b;color:#fff;}



@media (max-width:1320px){
	.pro-detail-intro .title h1{font-size:20px;line-height:32px;}
	.pro-detail-intro .txt{margin-top:24px;font-size:14px;line-height:32px;min-height:288px;}
}

@media (max-width:1080px){
	.pro-detail-img{margin-top:20px;margin-bottom:20px;}

	.pro-detail-intro{margin-top:20px;margin-bottom:20px;}
	.pro-detail-intro .title h1{font-size:18px;line-height:28px;}
	.pro-detail-intro .txt{margin-top:20px;line-height:24px;min-height:216px;}

	.pro-contact{margin-top:20px;}
	.pro-contact a{width:120px;height:40px;font-size:14px;line-height:40px;}

	.pro-share{margin-top:20px;}
	.pro-share .share-title{font-size:14px;}
}

@media (max-width:769px){
	.pro-detail-img{width:100%;margin-bottom:0;}

	.pro-detail-intro{width:100%;margin-top:12px;}
	.pro-detail-intro .txt{min-height:0;height:auto;}

	.pro-contact{margin-top:20px;}
	.pro-contact a{width:112px;height:36px;line-height:36px;}

	.pro-share{margin-top:16px;}
	.pro-share .share-title{font-size:14px;}

	.pro-detail-img .gallery-thumbs{display:none;}
	.pro-detail-img .gallery-top .swiper-pagination{display:block;}
}


.pro-detail-bottom{background-color:#f5f5f5;width:100%;margin:0 auto;padding-top:40px;}
.pro-detail-cont{float:right;width:71.875%;background-color:#fff;border-radius:12px;overflow:hidden;}
.pro-det-nav{width:100%;border-bottom:#e0e0e0 solid 1px;padding:0 40px;}
.pro-det-nav li{float:left;margin-right:80px;font-size:16px;color:#333;line-height:60px;font-weight:bold;position:relative;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-det-nav li .line{display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#3c7963;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-det-nav li.active{color:#3c7963;}
.pro-det-nav li.active .line{display:block;}
.pro-det-nav li:hover{color:#3c7963;}

.pro-detail-main{width:100%;padding:40px;min-height:820px;}
.pro-det-warp{width:100%;display:none;}

.pro-det-video{width:100%;}
.pro-det-video li{float:left;width:31.666%;margin-left:2.5%;margin-bottom:2.5%;}
.pro-det-video li:nth-child(3n+1){margin-left:0;}
.pro-det-video li .img{width:100%;position:relative;}
.pro-det-video li .img-cont{width:100%;height:0;padding-bottom:56%;position:relative;overflow:hidden;border-radius:12px;}
.pro-det-video li .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.pro-det-video li .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}
.pro-det-video li .img .video-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(60,121,99,0.5);transition: all 0.2s;-webkit-transition: all 0.2s;border-radius:12px;}
.pro-det-video li .img .play-btn{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pro-det-video li .img .play-btn .iconfont{font-size:30px;color:#fff;line-height:32px;}
.pro-det-video li .txt{width:100%;margin-top:16px;}
.pro-det-video li .txt h5{width:100%;font-size:14px;color:#333;line-height:24px;height:48px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


.pro-det-down{width:100%;}
.pro-det-down dl{width:100%;margin-bottom:32px;}
.pro-det-down dl:last-child{margin-bottom:0;}
.pro-det-down dl dt{font-size:16px;color:#333;line-height:32px;font-weight:bold;margin-bottom:12px;}
.pro-det-down dl dd{width:100%;text-align:center;}
.pro-det-down dl dd .down-title{padding-top:2px;padding-left:50px;background-color:#e3ede9;display: flex;align-items: center;justify-content:space-between;flex-direction:row;}
.pro-det-down dl dd .down-title h5{font-size:16px;color:#333;line-height:44px;font-weight:bold;}
.pro-det-down dl dd .down-txt{padding:8px 0;padding-left:50px;background-color:#f5f5f5;min-height:46px;display: flex;align-items: center;justify-content:space-between;flex-direction:row;}
.pro-det-down dl dd .down-txt h6{font-size:14px;color:#888;line-height:20px;}
.pro-det-down dl dd .name{width:44%;text-align:left;}
.pro-det-down dl dd .size{width:18%;}
.pro-det-down dl dd .format{width:18%;}
.pro-det-down dl dd .icon{width:18%;}
.pro-det-down dl dd .icon a{display:block;width:100%;}
.pro-det-down dl dd .icon .iconfont{width:28px;height:28px;display:block;border-radius:50%;background-color:#3c7963;font-size:16px;color:#fff;text-align:center;line-height:28px;margin:0 auto;}

@media (max-width:1080px){
	.pro-detail-bottom{padding-top:20px;}
	.pro-det-nav{padding:0 20px;}
	.pro-det-nav li{margin-right:40px;font-size:14px;line-height:40px;}
	.pro-det-nav li .line{height:2px;}

	.pro-detail-main{padding:20px;min-height:640px;}
	.pro-det-video li{width:48.5%;margin-left:3%;margin-bottom:3%;}
	.pro-det-video li:nth-child(3n+1){margin-left:3%;}
	.pro-det-video li:nth-child(odd){margin-left:0;}
	.pro-det-video li .txt{margin-top:10px;}
	.pro-det-video li .txt h5{line-height:20px;height:40px;}

	.pro-det-down dl{margin-bottom:20px;}
	.pro-det-down dl dt{font-size:14px;line-height:24px;margin-bottom:8px;}
	.pro-det-down dl dd .down-title{padding-left:20px;}
	.pro-det-down dl dd .down-title h5{font-size:14px;line-height:38px;}
	.pro-det-down dl dd .down-txt{padding:8px 0;padding-left:20px;min-height:40px;}
	.pro-det-down dl dd .down-txt h6{font-size:12px;line-height:16px;}
	.pro-det-down dl dd .icon .iconfont{width:24px;height:24px;font-size:14px;line-height:24px;}
}

@media (max-width:769px){
	.pro-detail-cont{width:100%;}
	.pro-det-nav li{margin-right:20px;}

	.pro-detail-main{min-height:240px;}
	.pro-det-video li .img .play-btn .iconfont{font-size:20px;}

	.pro-det-down dl{margin-bottom:16px;}
	.pro-det-down dl dt{margin-bottom:4px;}
	.pro-det-down dl dd .down-title{padding-left:12px;}
	.pro-det-down dl dd .down-txt{padding-left:12px;}

	.pro-det-down dl dd .name{width:42%;}
	.pro-det-down dl dd .size{width:22%;}
	.pro-det-down dl dd .format{width:18%;}
	.pro-det-down dl dd .icon{width:16%;}
}




.pro-detail-recom{float:left;width:25%;background-color:#fff;border-radius:12px;overflow:hidden;}
.recom-title{width:100%;background-color:#e3ede9;position:relative;padding:20px;}
.recom-title .line{position:absolute;left:0;top:20px;width:3px;height:20px;background-color:#3c7963;}
.recom-title h3{font-size:16px;color:#3c7963;line-height:20px;font-weight:bold;}

.rocom-list{width:100%;padding:20px;}
.rocom-list li{width:100%;margin-bottom:20px;border:#e0e0e0 solid 1px;border-radius:12px;transition:all 0.2s; -webkit-transition:all 0.2s;}
.rocom-list li:last-child{margin-bottom:0;}

.rocom-list li a{display:block;width:100%;}
.rocom-list li .img{width:100%;}
.rocom-list li .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:12px;}
.rocom-list li .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.rocom-list li .img-cont img{display:block;max-width:100%;max-height: 100%;object-fit: cover;}
.rocom-list li .txt{width:100%;padding:0 20px 16px;}
.rocom-list li .txt h5{width:100%;font-size:16px;color:#333;line-height:28px;font-weight:bold;height:84px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;transition:all 0.2s; -webkit-transition:all 0.2s;}

.rocom-list li:hover{border:#3c7963 solid 1px;}
.rocom-list li:hover .txt h5{color:#3c7963;}


@media (max-width:1080px){
	.recom-title{padding:10px;}
	.recom-title .line{top:10px;width:2px;height:20px;}
	.recom-title h3{font-size:14px;line-height:20px;}
	.rocom-list li .txt{padding:0 16px 12px;}
	.rocom-list li .txt h5{font-size:14px;line-height:24px;height:72px;}
}

@media (max-width:769px){
	.pro-detail-recom{width:100%;margin-top:20px;}

	.rocom-list li{float:left;width:48.5%;margin-left:3%;margin-bottom:3%;}
	.rocom-list li:last-child{margin-bottom:3%;}
	.rocom-list li:nth-child(odd){margin-left:0;}
}

@media (max-width:640px){
	.rocom-list li .txt{padding:0 12px 12px;}
	.rocom-list li .txt h5{font-size:14px;font-weight:normal;line-height:20px;height:60px;}
}



.brand-list{width:100%;margin-top:40px;}
.brand-list dl{width:100%;display:flex;align-items:center;margin-bottom:40px;background-color:#fff;border-radius:12px;overflow:hidden;}
.brand-list dl dt{width:27.34375%;background-image:url(../images/brand-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:440px;display:flex;align-items:center;}
.brand-list dl dt a{display:block;width:100%;}
.brand-list dl dt a .brand-logo{width:136px;height:136px;margin:0 auto;border-radius:50%;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.brand-list dl dt a .brand-logo img {display: block; max-width: 100%; max-height: 100%; object-fit: cover;}
.brand-list dl dt a .txt{margin-top:16px;width:100%;padding:0 40px;text-align:center;}
.brand-list dl dt a .txt h4{width:100%;font-size:24px;color:#333;line-height:28px;font-weight:bold;height:32px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.brand-list dl dt a .txt p{width:100%;margin-top:30px;font-size:14px;color:#333;line-height:28px;height:84px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.brand-list dl dt a .txt .btn{width:100px;margin:0 auto;margin-top:40px;font-size14px;color:#999;line-height:28px;border-radius:24px;background-color:#fff;transition:all 0.2s; -webkit-transition:all 0.2s;}
.brand-list dl dt a:hover .txt .btn{background-color:#3c7963;color:#fff;}


.brand-list dl dd{width:72.65625%;padding-right:20px;padding-top:20px;}
.brand-list dl dd .brand-pro{width:100%;}
.brand-list dl dd .brand-pro .item{float:left;width:calc(50% - 20px);margin-left:20px;margin-bottom:20px;background-color:#f5f5f5;transition:all 0.3s; -webkit-transition:all 0.3s;}
.brand-list dl dd .brand-pro a{display:block;width:100%;padding:20px;display:flex;justify-content:space-between;}
.brand-list dl dd .brand-pro .img{width:37.97468%;}
.brand-list dl dd .brand-pro .img-cont{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:12px;}
.brand-list dl dd .brand-pro .img-flex{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.brand-list dl dd .brand-pro .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;}
.brand-list dl dd .brand-pro .txt{width:56.962%;padding:16px 0;}
.brand-list dl dd .brand-pro .txt h5{width:100%;font-size:14px;color:#333;line-height:28px;height:84px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;transition:all 0.2s; -webkit-transition:all 0.2s;}

.brand-list dl dd .brand-pro .item:hover{background-color:#e3ede9;}
.brand-list dl dd .brand-pro .item:hover .txt h5{color:#3c7963;}


@media (max-width:1320px){
	.brand-list dl dt{height:auto;padding:40px 0;}
	.brand-list dl dt a .brand-logo{width:120px;height:120px;}
}
@media (max-width:1080px){
	.brand-list{margin-top:20px;}
	.brand-list dl{margin-bottom:20px;}
	.brand-list dl dt{padding:30px 0;}
	.brand-list dl dt a .brand-logo{width:100px;height:100px;}
	.brand-list dl dt a .txt{padding:0 16px;}
	.brand-list dl dt a .txt h4{font-size:18px;line-height:24px;height:24px;}
	.brand-list dl dt a .txt p{margin-top:16px;line-height:24px;height:72px;}
	.brand-list dl dt a .txt .btn{margin-top:20px;}

	.brand-list dl dd .brand-pro .txt{padding:8px 0;}
	.brand-list dl dd .brand-pro .txt h5{line-height:24px;height:72px;}
}
@media (max-width:769px){
	.brand-list dl{display:block;}
	.brand-list dl dt{width:100%;padding:20px 0;}
	.brand-list dl dt a .brand-logo{width:80px;height:80px;}
	.brand-list dl dt a .txt{padding:0 16px;margin-top:8px;}
	.brand-list dl dt a .txt p{margin-top:8px;}
	.brand-list dl dd{width:100%;}
}

@media (max-width:640px){
	.brand-list dl dd{padding:16px;padding-bottom:0;}
	.brand-list dl dd .brand-pro .item{width:100%;margin-left:0;margin-bottom:16px;}
	.brand-list dl dd .brand-pro .item a{padding:12px;}
}


.brand-detail{width:100%;background-color:#fff;border-radius:12px;overflow:hidden;margin-top:40px;padding:40px;}
.brand-detail .brand-logo{float:left;width:200px;height:200px;border-radius:16px;border:#e0e0e0 solid 1px;box-shadow:0 2px 12px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.brand-detail .brand-logo img{display:block;max-width:100%;max-height: 100%;object-fit: cover;}
.brand-detail .brand-intro{float:right;width:calc(100% - 240px);}
.brand-detail .brand-intro .title h1{font-size:24px;font-weight:bold;color:#333;line-height:32px;}
.brand-detail .brand-intro .txt{margin-top:30px;width:100%;font-size:14px;color:#888;line-height:28px;}
.brand-detail .brand-intro .spec{margin-top:30px;width:100%;}
.brand-detail .brand-intro .spec-title{font-size:14px;color:#333;line-height:28px;}
.brand-detail .brand-intro .spec h6{font-size:14px;color:#888;line-height:36px;padding-left:16px;position:relative;}
.brand-detail .brand-intro .spec h6:before{content:"";position:absolute;left:0;top:16px;width:4px;height:4px;border-radius:50%;background-color:#888;}

@media (max-width:1080px){
	.brand-detail{margin-top:20px;padding:20px;}
	.brand-detail .brand-logo{width:120px;height:120px;border-radius:12px;}
	.brand-detail .brand-intro{width:calc(100% - 140px);}
	.brand-detail .brand-intro .title h1{font-size:18px;line-height:28px;}
	.brand-detail .brand-intro .txt{margin-top:20px;line-height:24px;}
	.brand-detail .brand-intro .spec{margin-top:20px;}
	.brand-detail .brand-intro .spec-title{line-height:24px;}
	.brand-detail .brand-intro .spec h6{line-height:28px;}
	.brand-detail .brand-intro .spec h6:before{top:12px;}
}

@media (max-width:640px){
	.brand-detail{margin-top:20px;padding:16px;}
	.brand-detail .brand-logo{margin:0 auto;float:none;}
	.brand-detail .brand-intro{width:100%;float:none;margin-top:20px;}
	.brand-detail .brand-intro .title h1{font-size:18px;line-height:28px;}
	.brand-detail .brand-intro .txt{margin-top:20px;line-height:24px;}
	.brand-detail .brand-intro .spec{margin-top:20px;}
	.brand-detail .brand-intro .spec-title{line-height:24px;}
	.brand-detail .brand-intro .spec h6{line-height:28px;}
	.brand-detail .brand-intro .spec h6:before{top:12px;}
}

/* 产品视频 */
.pro-video-box{position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:100%;}
.pro-video{width:100%;position:absolute;top:0;left:0;height:100%;z-index:1000;cursor:pointer;background:#fff;display:none;}
.pro-video-close{width:40px;height:40px;border-radius:20px;background:url(../images/a7.png) no-repeat center;position:absolute;top:10px;right:10px;z-index:1001;cursor:pointer;display:none;}
.pro-video-play{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1001;background:url(../images/icon-play02.png) no-repeat center;cursor:pointer;}
.pro-video-play.pro-video-close{width:48px;height:48px;top:auto;bottom:10px;left:10px;z-index:999;background:url(../images/video-play.png) no-repeat center;cursor:pointer;}

@media (max-width:991px){
	.pro-video{display:none;}
	.pro-video-close{display:none;}
	.pro-video-play{display:none;}
}