
.home-container .part-title{position:relative}
.home-container .part-title h1{text-align:center;;font-size:52px;font-weight:700;color:#1a1a1a}
.home-container .part-title h1 em{color:var(--primary-color);font-style:normal;}
.home-container .part-title h2{text-align:center;;font-size:52px;font-weight:700;color:#1a1a1a}
.home-container .part-title h2 em{color:var(--primary-color);font-style:normal;}
.home-container .part-title p{text-align:center;color:#202020;font-weight:700;line-height:24px}
.home-container .part-title:after{color:#dedede;font-weight:700;font-size:210px;;position:absolute;top:-120%;left:50%;transform:translateX(-50%);z-index:-99}

.home-container .welcom-info{margin-top:100px;margin-bottom: 60px;}
.home-container .welcom-info .part-item{margin:80px 260px 0}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide{width: 100%}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item{position:relative;}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background:var(--primary-color)}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:absolute;transition:all .5s ease;width:100%;height:100%;display:block}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{transition:all .5s ease;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0;display:flex;font-size:24px;transform:translate3d(0,20px,0);opacity:0;color:#FFF;z-index:666}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{content:"";display:block;padding-top:100%}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item p{color:#2B2B2B;}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:20px 10px 0;font-size:18px;line-height:24px;padding-right:5px}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:10px;font-size:14px;line-height:18px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3)}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--primary-color)}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.home-container .welcom-info .part-item .swiper-part-pagination{margin:50px 0;display:flex;justify-content:center}
.home-container .welcom-info .part-item .swiper-part-pagination .swiper-pagination-bullet{background:#000}
.home-container .welcom-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active{background:var(--primary-color)}

.home-container .about-info{overflow:hidden;width:100%;display:flex}
.home-container .about-info .video-container{background:#222222;display: flex;align-items: center;justify-content: center;}
.home-container .about-info .about-content{padding:20px 0;background:var(--primary-color);display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .about-info .about-content .content-title{padding-left:80px;font-size:40px;font-weight:700;color:#FFF}
.home-container .about-info .about-content article{padding-left:80px;padding-right:200px}
.home-container .about-info .about-content article p{font-size:22px;color:#FFF;line-height:36px;;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.home-container .about-info .about-content .about-btn{width:200px;height:60px;border:2px solid #FFF;font-size:22px;display:flex;justify-content:center;align-items:center;;margin-left:80px;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover{background:#FFF;border:2px solid var(--primary-color);cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a{color:var(--primary-color)}
.home-container .about-info .about-content .about-btn a{color:#FFF}

.home-container .hot-product{margin-top:130px}
.home-container .hot-product ul{margin:80px 260px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-container .hot-product ul li{width:30%;height:30%;margin-bottom:50px}
.home-container .hot-product ul li .pro-img{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #EEE}
.home-container .hot-product ul li .pro-img img{display:block;width:100%;height:100%;border:none;transition:all .5s}
.home-container .hot-product ul li .pro-img:after{display:block;content:"";padding-top:100%}
.home-container .hot-product ul li .pro-name{color:#2B2B2B;font-size:16px;text-align:center;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn{width:120px;height:33px;margin:0 auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center;border:1px solid #4e4d4d;border-radius:16.5px;transition:all .5s}
.home-container .hot-product ul li .pro-btn a{color:#2B2B2B;font-weight:700}
.home-container .hot-product ul li:hover .pro-img img{transform:scale(1.1)}
.home-container .hot-product ul li:hover .pro-name{color:var(--primary-color)}
.home-container .hot-product ul li:hover .pro-btn{border:1px solid #FFF;background:var(--primary-color)}
.home-container .hot-product ul li:hover .pro-btn a{color:#FFF}
.home-container .lastest-news{width:100%}
.home-container .lastest-news ul{width:100%;display:flex;flex-wrap:wrap}
.home-container .lastest-news ul li{width:50%}
.home-container .lastest-news ul li a object{display:flex}
.home-container .lastest-news ul li div{flex:1}
.home-container .lastest-news ul li .news-img img{width:100%;display:block}
.home-container .lastest-news ul li .news-content{position:relative;background:#f6f6f6;display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .lastest-news ul li .news-content .news-title{margin:0 80px;color:#2B2B2B;font-size:22px;;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .news-date{margin:0 80px;color:#666;font-weight:700}
.home-container .lastest-news ul li .news-content article{margin:0 80px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .more-link{margin:0 80px;color:#2B2B2B;font-weight:700;line-height:24px;font-size:18px}
.home-container .lastest-news ul li .news-content .more-link i{color:#2B2B2B;position:relative;top:1px;transform:scale(1.7)}
.home-container .lastest-news ul li .news-content:before{content:"";position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.home-container .lastest-news ul li .news-content:after{transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color);transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a{color:var(--primary-color)}
.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before{opacity:1;transform:scale(1)}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object{flex-direction:row-reverse}
.home-container .partners{margin:140px 260px 150px}
.home-container .partners .part-title:after{content:"05"}
.home-container .partners ul{width:100%;margin-top:130px;display:flex;flex-wrap:wrap}
.home-container .partners ul li{max-width:16%;min-width:16%;height:0;padding-bottom:13%;flex:1;border-top:1px solid #EEE;border-left:1px solid #EEE;transition:all .5s}
.home-container .partners ul li img{transition:all .3s ease}
.home-container .partners ul li:nth-of-type(6n){border-right:1px solid #EEE}
.home-container .partners ul li:nth-of-type(n+7){border-bottom:1px solid #EEE}
.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid var(--primary-color)}
.home-container .partners ul li:hover{border-top:1px solid var(--primary-color);border-left:1px solid var(--primary-color)}
.home-container .partners ul li:hover img{transform:scale(1.1)}
.home-container .partners ul li:hover+li{border-left:1px solid var(--primary-color)}
.home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid var(--primary-color)}
.home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid var(--primary-color)}


.abouts-content{padding:0 260px 50px}
.abouts-content .abouts-title{margin-top:40px;font-size:28px;font-weight:700;color:#2B2B2B;text-transform:uppercase;padding:10px 0;border-bottom:1px solid #d5d5d5;margin-bottom:20px}
.abouts-content article div{margin-bottom:30px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p{color:#2B2B2B;line-height:28px}
.abouts-content article .title{font-size:16px;font-weight:700}
.abouts-content article .content{width:1000px}
.abouts-content article .imgs-list{margin-top:30px;display:flex;justify-content:space-between}
.abouts-content article .imgs-list li{margin-right:10px}
.abouts-content article .imgs-list li:last-child{margin:0}
.abouts-content article .imgs-list li img{display:block}

.pro-filter{position:absolute;top:19px;right:260px;height:40px;background:var(--primary-color);display:flex;justify-content:space-between;align-items:center;padding:0 40px 0 10px}
.pro-filter>a{color:#FFF!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.pro-filter i{top:10px;right:20px;position:absolute;transform:scale(1.5);color:#FFF}
.pro-filter i:hover,.pro-filter:hover{cursor:pointer}




@media(min-width:1441px)and (max-width:1680px){
  .home-container .about-info .about-content .content-title{font-size:30px}
  .home-container .about-info .about-content article{padding-right:100px}
  .home-container .about-info .about-content article p{font-size:18px}
  .home-container .about-info .about-content .about-btn{width:140px;height:40px;font-size:18px}
  .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article{margin:0 50px}}

@media(min-width:1281px)and (max-width:1440px){
  .home-container .about-info .about-content .content-title{font-size:26px}
  .home-container .about-info .about-content article{padding-right:100px}
  .home-container .about-info .about-content article p{font-size:14px}
  .home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:14px}
  .home-container .lastest-news ul li .news-content .news-title{margin:0 40px;font-size:20px}
  .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0 40px}
}

@media(min-width:1281px)and (max-width:1520px){
  .home-container .welcom-info .part-item{margin:80px 100px 0}
  .home-container .hot-product ul{margin:80px 100px}
  .home-container .partners{margin:140px 100px 150px}
}
@media(max-width:1440px){
  .home-container .part-title p:first-child{font-size:40px}
  .home-container .part-title:after{font-size:170px}
  .home-container .about-info .about-content .content-title{padding-left:20px;font-size:18px}
  .home-container .about-info .about-content article{padding:0 20px}
  .home-container .about-info .about-content article p{font-size:15px;line-height:28px}
  .home-container .about-info .about-content .about-btn{width:120px;height:30px;font-size:14px;margin-left:20px}
}
@media(min-width:1081px)and (max-width:1280px){
  .home-container .welcom-info .part-item{margin:80px 50px 0}
  .home-container .hot-product ul{margin:80px 50px}
  .home-container .lastest-news ul li .news-content .news-title{margin:0 30px;font-size:16px}
  .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article{margin:0 30px}
  .home-container .partners{margin:140px 50px 150px}
}
@media(min-width:769px)and (max-width:1081px){
  .home-container .welcom-info .part-item{margin:80px 15px 0 25px}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item{margin-right:25px}
  .home-container .about-info .about-content article{padding:0 20px}
  .home-container .about-info .about-content article p{font-size:13px;line-height:28px}
  .home-container .hot-product ul{margin:80px 25px}
  .home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title{margin:0 20px;font-size:14px}
  .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article{margin:0 20px;font-size:12px}
  .home-container .lastest-news ul li .news-content:before{border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color)}
  .home-container .lastest-news ul li .news-content:after{border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color)}
  .home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before{width:96%;height:94%;top:3%;left:2%}
  .home-container .partners{margin:140px 25px 150px}
}
@media screen and (max-width:768px){
  .home-container .part-title h3{font-size:4.8vw}
  .home-container .part-title p{line-height:24px;font-size:3.4666666667vw}
  .home-container .part-title:after{font-size:19.2vw;top:-6.6vw}
  .home-container .welcom-info{margin-top:13.3vw}
  .home-container .welcom-info .part-item{margin:10.6vw 6.6vw 0}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide{max-width:44vw; padding-top: 5px;}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:2.6vw 1.3vw 0;font-size:3.4666666667vw;line-height:120%;padding-right:.5vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:1.3vw;font-size:3.4vw;line-height:14px}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{min-height:41vw;background:#FFF}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(0);box-shadow:none}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--primary-color)}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
  .home-container .welcom-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
  .home-container .welcom-info .part-item .swiper-part-pagination{margin:4vw 0}
  .home-container .about-info{position:relative;padding:0;margin:0;}
  .home-container .about-info .video-container{background:var(--primary-color);display: flex;align-items: center;justify-content: center;}
  .home-container .about-info .about-content{padding:2.6vw 0;width:100%;height:100%;position:static;top:0;left:0;}
  .home-container .about-info .about-content .content-title{padding-left:5.3vw;font-size:4.8vw;font-weight:700;color:#FFF}
  .home-container .about-info .about-content article{padding-left:5.3vw;padding-right:4vw}
  .home-container .about-info .about-content article p{font-size:4vw;line-height:150%}
  .home-container .about-info .about-content article p:nth-child(2){display:none}
  .home-container .about-info .about-content .about-btn{width:26.6vw;height:10.6vw;border:1px solid #FFF;font-size:4vw;;margin-left:5.3vw;transition:all .5s ease}
  .home-container .about-info .about-content .about-btn:hover{background:#FFF;border:2px solid var(--primary-color);cursor:pointer}
  .home-container .about-info .about-content .about-btn:hover a{color:var(--primary-color)}
  .home-container .about-info .about-content .about-btn a{color:#FFF}
  .home-container .hot-product{margin-top:13.3vw}
  .home-container .hot-product ul{margin:13.3vw 6.6vw}
  .home-container .hot-product ul li{width:48%;margin-bottom:0.6vw;margin-right:1.8666666667vw}
  .home-container .hot-product ul li:nth-of-type(2n){margin-right:0}
  .home-container .hot-product ul li .pro-img{min-height:40vw}
  .home-container .hot-product ul li .pro-name{font-size:3.4666666667vw;text-align:center;line-height:4.8vw;margin:2.6vw 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .home-container .hot-product ul li .pro-btn{display:none}
  .home-container .lastest-news ul li{width:100%}
  .home-container .lastest-news ul li:nth-of-type(2n){display:none}
  .home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img{width:50%}
  .home-container .lastest-news ul li .news-content .news-title{margin:1.0666666667vw 2.6vw 0;font-size:3.4666666667vw}
  .home-container .lastest-news ul li .news-content .news-date{margin:.6vw 2.6vw;font-size:3.2vw}
  .home-container .lastest-news ul li .news-content article{display:none;margin:0 2.6vw;font-size:3.4vw;line-height:110%}
  .home-container .lastest-news ul li .news-content .more-link{display:none}
  .home-container .partners{margin:13.3vw 6.6vw 20vw}
  .home-container .partners ul{margin-top:10.6vw}
  .home-container .partners ul li{box-sizing:border-box;max-width:33%;min-width:33%;height:auto;padding-bottom:0;border:1px solid #EEE;border-right:none;border-bottom:none}
  .home-container .partners ul li:nth-of-type(6n){border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:none}
  .home-container .partners ul li:nth-of-type(3n){border-right:1px solid #EEE}
  .home-container .partners ul li:nth-of-type(n+7){border-top:1px solid #EEE;border-left:1px solid #EEE;border-bottom:none}
  .home-container .partners ul li:nth-of-type(n+10),.home-container .partners ul li:nth-of-type(n+7):hover{border-bottom:1px solid #EEE}
  .home-container .partners ul li:hover{border-top:1px solid #EEE;border-left:1px solid #EEE}
  .home-container .partners ul li:hover+li{border-left:1px solid #EEE}
  .home-container .partners ul li:hover+li+li+li+li+li+li{border-top:1px solid #EEE}
  .home-container .partners ul li:nth-of-type(6n):hover{border-right:1px solid #EEE}
}

.video-js .vjs-big-play-button {
    top: calc(50% - 1.5em);
    left: calc(50% - 1.5em);
}
@media (min-width: 800px) {
    .vjs-poster {
        background-size: cover;
    }
}
