.images{background-image:url(//img.hetao101.com/assets/%08pc-official/2019/home/12/images200115.png);background-repeat:no-repeat;background-position:-100% 100%}.images2x{background-size:1157px auto}.clear{clear:both}.clear:after{content:"";display:block;height:0;font-size:0;line-height:0;clear:both}.title{line-height:50px;color:#333;font-size:36px;padding:0 98px;display:inline-block;font-weight:300;clear:both;background:url(//img.hetao101.com/assets/%08pc-official/2019/home/12/home_img_title.png) no-repeat 0,url(//img.hetao101.com/assets/%08pc-official/2019/home/12/home_img_title.png) no-repeat 100%;background-size:54px auto}.title img{display:block;margin:0 auto}.subtitle{padding-top:15px;line-height:22px;color:#777;text-align:center;font-size:16px}.swiper_button{background-image:url(//img.hetao101.com/assets/%08pc-official/2019/home/12/images200115.png);background-repeat:no-repeat;background-position:-100% 100%;width:30px;height:60px;position:absolute;z-index:2;top:320px;opacity:.5;transition:opacity .2s ease-in;cursor:pointer}.swiper_button:hover{opacity:1}.prev{background-position:-846px -251px;left:10px}.next{background-position:-846px -171px;right:10px}.home{min-width:1200px}.home .wrap_box{position:relative;width:1200px;margin:0 auto}.home .main{position:relative;z-index:2;background:#fff}.home .project_videos .obscured{background:rgba(0,0,0,.6);position:fixed;display:table;width:100vw;height:100vh;top:0;left:0;bottom:0;right:0;z-index:100;text-align:center}.home .project_videos .obscured .project_video{width:90vw;margin:0 auto}.home .project_videos .obscured .video{display:table-cell;vertical-align:middle}.home .project_videos .obscured .video .video_close{text-align:right;padding-right:5vw}.home .project_videos .obscured .video .video_close span{width:30px;height:30px;display:inline-block;cursor:pointer;margin-bottom:10px;border-radius:50%;background:#c7c7c7 url(//img.hetao101.com/assets/%08pc-official/close.png) no-repeat 50%;background-size:50% 50%}.home .project_videos .obscured .video .video-js{width:90vw;height:70vh}.home .project_videos .obscured .video .video-js .vjs-big-play-button{top:calc(50% - 1.5em);left:calc(50% - 1em)}.home .projects{clear:both;padding-top:80px;box-sizing:border-box;height:800px;background:url(//img.hetao101.com/assets/%08pc-official/2019/home/12/project_bg.png);position:relative}.home .projects:after{content:"";display:block;height:0;font-size:0;line-height:0;clear:both}.home .projects .subtitle,.home .projects .title{color:#fff}.home .projects h5{color:#fff;font-size:18px;padding-top:25px;font-weight:400;line-height:24px}.home .projects .swiper-projects{padding-top:60px;width:1140px}.home .projects .swiper-projects .swiper-slide{width:380px;padding:14px;background:#fff;border-radius:16px;text-align:left;margin-right:30px}.home .projects .swiper-projects .swiper-slide:last-child{margin-right:0}.home .projects .swiper-projects .swiper-slide .video_button{position:relative;display:block}.home .projects .swiper-projects .swiper-slide .video_button .obscured{position:absolute;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;vertical-align:middle}.home .projects .swiper-projects .swiper-slide .video_button .obscured span{background-image:url(//img.hetao101.com/assets/%08pc-official/2019/home/12/images200115.png);background-repeat:no-repeat;background-position:-100% 100%;background-size:1157px auto;display:block;margin:82px auto 0;width:50px;height:50px;background-position:-141px -87px;border:2px solid #fff;background-color:rgba(0,0,0,.2);border-radius:50%;box-sizing:border-box}.home .projects .swiper-projects .swiper-slide .video_button img{width:310px;height:214px;display:block}.home .projects .swiper-projects .swiper-slide .video_button:hover .obscured{background:transparent;transition:background .2s ease-out}.home .projects .swiper-projects .swiper-slide .video_button:hover .obscured span{background-color:#ffc000;border-color:#ffc000}.home .projects .swiper-projects .swiper-slide h2{padding-top:15px;font-size:20px;color:#333;line-height:28px;font-weight:400}.home .projects .swiper-projects .swiper-slide .bor{width:24px;height:2px;line-height:2px;font-size:0;background:#ffc000;clear:both;margin:5px 0}.home .projects .swiper-projects .swiper-slide p{font-size:16px;line-height:22px;color:#777;padding-top:15px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:content-box;transition:height .2s ease-out}.home .projects .swiper-projects .swiper-slide h4{color:#333;font-size:16px;font-weight:400;line-height:22px}.home .projects .swiper-projects .swiper-slide:hover p{height:110px;-webkit-line-clamp:initial}.home .projects .projects-pagination{width:1200px;margin:0 auto;text-align:center;position:absolute;top:648px}.home .projects .projects-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:.5;margin:0 5px}.home .projects .projects-pagination .swiper-pagination-bullet-active{opacity:1}@media (max-height:850px){.home>header{height:650px}.home>header .swiper-button .banner-pagination{top:600px}.home .obscured .banner_text_wrap .box{height:650px}}