





.list_content .video_item .item .img_video_wrap{position:relative;overflow:hidden;border-radius:6px}
.list_content .video_item .item .video_watch{position:absolute;top:8px;right:8px;padding:4px;background-color:rgba(33,33,33,.8);z-index:9;border-radius:6px;display:none}
.list_content .video_item .item .video_watch .watch_icon i{display:block;width:22px;height:22px;background:url(../images/icon_watch.png) no-repeat center;filter:brightness(100)}
.list_content .video_item .item:hover .video_watch{display:block}
.list_content .video_item .item .img_wrap{position:relative;padding-bottom:70%;width:100%;height:0;overflow:hidden}
.list_content .video_item .item .img_wrap picture{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.list_content .video_item .item .img_wrap img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.list_content .video_item .item .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;pointer-events:none;z-index:1}
.list_content .video_item .item .stats{position:absolute;padding:10px 10px 5px;left:0;bottom:0;width:100%;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));box-sizing:border-box}
.list_content .video_item .item .stats .stats_lf .stats_item{display:inline-block}
.list_content .video_item .item .stats .stats_lf .stats_item:nth-child(1){margin-right:10px}
.list_content .video_item .item .stats .stats_lf .stats_item i{display:inline-block;margin-right:5px;width:20px;height:16px;filter:brightness(100);vertical-align:middle}
.list_content .video_item .item .stats .stats_lf .stats_item span{display:inline-block;vertical-align:middle}
.list_content .video_item .item .video_info{margin-top:20px}
.list_content .video_item .item .video_info .tit{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.list_content .video_item .item .video_info .time{margin-top:10px;color:#666}
.list_content .video_item .item .video_info .price{font-size:15px;font-weight:700;margin-top:5px}
.stats_item i.count{background:url(../images/icon_vcount.png) no-repeat center;background-size:100% auto}
.stats_item i.like{background:url(../images/icon_vlike.png) no-repeat center;background-size:100% auto}
@media only screen and (max-width:1080px){
.list_content .video_item .item .video_info .price{font-size:13px}
}
@media only screen and (max-width:480px){
.list_content .video_item .item .stats .stats_lf .stats_item i{width:18px}
.list_content .video_item .item .stats .stats_lf .stats_item span{font-size:12px}
}

/* hot_product */
.hot_product{padding:50px 0 0}
.hot_product .list_content{display:flex;flex-wrap:wrap;justify-content:flex-start}
.hot_product .list_content .video_item{margin:0 2% 2% 0;width:18.4%}
.hot_product .list_content .video_item:nth-child(5n){margin-right:0}
.hot_product .list_content .video_item:nth-last-child(-n+5){margin-bottom:0}
.hot_product .list_content .video_item .item .img_video_wrap{position:relative;overflow:hidden;border-radius:6px}
.hot_product .list_content .video_item .item .img_wrap{position:relative;padding-bottom:70%;width:100%;height:0;overflow:hidden}
.hot_product .list_content .video_item .item .img_wrap picture{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.hot_product .list_content .video_item .item .img_wrap img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.hot_product .list_content .video_item .item .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;pointer-events:none;z-index:1}
.hot_product .list_content .video_item .item .stats{position:absolute;padding:10px 10px 5px;left:0;bottom:0;width:100%;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));box-sizing:border-box}
.hot_product .list_content .video_item .item .stats .stats_lf .stats_item{display:inline-block}
.hot_product .list_content .video_item .item .stats .stats_lf .stats_item:nth-child(1){margin-right:10px}
.hot_product .list_content .video_item .item .stats .stats_lf .stats_item i{display:inline-block;margin-right:5px;width:20px;height:16px;filter:brightness(100);vertical-align:middle}
.hot_product .list_content .video_item .item .stats .stats_lf .stats_item span{display:inline-block;vertical-align:middle}
.hot_product .list_content .video_item .item .video_info{margin-top:20px}
.hot_product .list_content .video_item .item .video_info .tit{font-size:14px}
.hot_product .list_content .video_item .item .video_info .time{margin-top:10px;color:#666}
.hot_product .stats_item i.count{background:url(../images/icon_vcount.png) no-repeat center}
.hot_product .stats_item i.like{background:url(../images/icon_vlike.png) no-repeat center}
@media only screen and (max-width:1080px){.hot_product .list_content .video_item{margin:0 2.33% 2% 0;width:23%}
.hot_product .list_content .video_item:nth-child(6n){margin-right:2.33%}
.hot_product .list_content .video_item:nth-child(4n){margin-right:0}
.hot_product .list_content .video_item:nth-last-child(-n+6){margin-bottom:2%}
.hot_product .list_content .video_item:nth-last-child(-n+4){margin-bottom:0}
}
@media only screen and (max-width:750px){.hot_product .list_content .video_item{margin:0 1.33% 2% 0;width:32%}
.hot_product .list_content .video_item:nth-child(4n),.hot_product .list_content .video_item:nth-child(6n){margin-right:1.33%}
.hot_product .list_content .video_item:nth-child(3n){margin-right:0}
.hot_product .list_content .video_item:nth-last-child(-n+4){margin-bottom:2%}
.hot_product .list_content .video_item:nth-last-child(-n+3){margin-bottom:0}
}
@media only screen and (max-width:480px){.hot_product{padding:30px 0 0}
.hot_product .list_content{justify-content:space-between}
.hot_product .list_content .video_item{margin:0 0 2% 0;width:48.5%}
.hot_product .list_content .video_item:nth-child(4n),.hot_product .list_content .video_item:nth-child(6n){margin-right:0}
.hot_product .list_content .video_item:nth-child(3n){margin-right:0}
.hot_product .list_content .video_item:nth-last-child(-n+3){margin-bottom:2%}
.hot_product .list_content .video_item:nth-last-child(-n+2){margin-bottom:0}
.hot_product .list_content .video_item .item .video_info{margin-top:10px}
}





/* home_provide */
.home_provide{padding:50px 0 0}
.home_provide .pro_category{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:4%}
.home_provide .pro_category:nth-last-child(1){margin-bottom:0}
.home_provide .pro_category_part{width:32%;background:#fff}
.home_provide .pro_category_part .top_banner .img{position:relative;padding-bottom:33%;width:100%;height:0;overflow:hidden}
.home_provide .pro_category_part .top_banner .img img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.home_provide .pro_category_part .top_banner .tag{position:absolute;color:#fff;left:5%;top:36%;font-size:26px;font-weight:700}
.home_provide .pro_category_part .btm_wrap{background:#fff;padding:25px 16px 16px;box-sizing:border-box}
.home_provide .pro_category_part .btm_wrap ul li{width:32%}
.home_provide .pro_category_part .btm_wrap ul li .img{position:relative;padding-bottom:75%;width:100%;height:0;overflow:hidden;border-radius:6px}
.home_provide .pro_category_part .btm_wrap ul li .img img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.home_provide .pro_category_part .btm_wrap ul li .img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.home_provide .pro_category_part .btm_wrap ul li .tit{margin:5px 0 15px;font-size:16px;color:#494949;font-weight:400;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;letter-spacing:-1px;word-break:break-all;line-height:1.35em}
.home_provide .pro_category_part .btm_wrap ul li .price span{display:inline-block;font-size:14px;font-weight:700}
.home_provide .pro_category_part .btm_wrap ul li .more span{display:inline-block;margin-top:12px;padding:6px 15px;border-radius:30px;border-radius:30px;border:1px solid #ddd;font-size:12px}
.home_provide .pro_category_part .btm_wrap ul li:hover .img:after{opacity:1}
.home_provide .pro_category_video_wrap{width:66%}
.home_provide .pro_category_video_wrap .list_content{display:flex;flex-wrap:wrap;justify-content:flex-start}
.home_provide .pro_category_video_wrap .list_content .video_item{margin:0 2.33% 2% 0;width:23%}
.home_provide .pro_category_video_wrap .list_content .video_item:nth-child(4n){margin-right:0}
.home_provide .pro_category_video_wrap .list_content .video_item:nth-last-child(-n+4){margin-bottom:0}
@media only screen and (max-width:1080px){.home_provide .pro_category_part{width:100%}
.home_provide .pro_category_part .top_banner .tag{font-size:26px}
.home_provide .pro_category_part .btm_wrap ul li .tit{font-size:14px;letter-spacing:0}
.home_provide .pro_category_video_wrap{margin-top:30px;width:100%}
}
@media only screen and (max-width:768px){.home_provide .pro_category_part .top_banner .tag{font-size:20px}
}
@media only screen and (max-width:680px){.home_provide .pro_category_video_wrap .list_content{justify-content:space-between}
.home_provide .pro_category_video_wrap .list_content:after{content:"";width:48.5%}
.home_provide .pro_category_video_wrap .list_content .video_item{margin:0 1.5% 2% 0;width:48.5%}
.home_provide .pro_category_video_wrap .list_content .video_item:nth-child(2n){margin-right:0}
.home_provide .pro_category_video_wrap .list_content .video_item:nth-last-child(-n+4){margin-bottom:2%}
}
@media only screen and (max-width:480px){.home_provide{padding:35px 0 0}
.home_provide .pro_category_part .btm_wrap{display:none}
}



/* btm_banner */
.btm_banner{margin: 50px 0;}
.btm_banner .layout{padding:24px 6% 18px 6%;box-sizing:border-box;align-items:center;background:url(../images/btm_slogan.jpg) no-repeat center/cover;overflow:hidden;border-radius:10px}
.btm_banner .layout .text_part{width:65%}
.btm_banner .layout .text_part p{font-size:24px;line-height:1.42em;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.3);font-weight:700}
.btm_banner .layout .rt{display:inline-block;padding:10px 28px;font-size:22.4px;color: #ffffff;background:#ffcf34;border-radius:30px;}
@media only screen and (max-width:1080px){.btm_banner{margin-top:30px}
.btm_banner .layout{padding:24px 6% 18px;border-radius:6px}
.btm_banner .layout .text_part p{font-size:20px}
.btm_banner .layout .rt{font-size:18px}
}
@media only screen and (max-width:768px){
.btm_banner .layout .text_part{width:96%}
.btm_banner .layout .rt{margin-top:10px;font-size:16px}
}
@media only screen and (max-width:480px){
.btm_banner{margin: 25px 0;}
.btm_banner .layout{border-radius:4px}
.btm_banner .layout .text_part p{font-size:16px}
.btm_banner .layout .rt{font-size:14px}
}

