.hot {padding:100px 0px;height:450px}
.hot .common-wrap {display:flex}
.hot .slide-title {font-size:60px;font-weight:bold;opacity:0.08;writing-mode:vertical-lr;text-transform:uppercase;margin-right:30px}
.hot .swiper-container {flex:1;box-sizing:border-box;padding-right:60px}
.hot .swiper-button-next.swiper-button-disabled,.hot .swiper-button-prev.swiper-button-disabled {opacity:1}
.hot .swiper-button-next,.hot .swiper-button-prev {display:block;width:54px;height:54px;box-sizing:border-box;background-color:#000;display:flex;justify-content:center;align-items:center;transition:background-color ease 0.2s;right:10px;left:auto;border-radius:5px}
.hot .swiper-button-next i,.hot .swiper-button-prev i {color:#FFF;transform:scale(1.8)}
.hot .swiper-button-next {top:40%}
.hot .swiper-button-prev {top:55%;background-color:#2b3aa1}
.hot .swiper-slide {box-sizing:border-box;display:flex}
.hot .swiper-slide-active {margin-right:60px}
.hot-img {height:100%;flex:5;background-color:#FFF;display:flex;justify-content:center;align-items:center}
.hot-img img {max-width:100%;max-height:100%;display:block}
.hot-info {padding:0 100px;flex:5}
.hot-name {font-size:44px;font-weight:bold;line-height:1.2;margin:30px 0px}
.hot-intro {display:-webkit-box;display:-moz-box;max-height:180px;line-height:30px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.hot .common-btn {margin-top:60px;font-size:20px;background-color:#000;color:#FFF;padding:0px;width:200px;height:58px;display:flex;justify-content:center;align-items:center}
.hot .common-btn:hover {background-color:#2b3aa1;color:#FFF}
.hot .common-wrap {max-width:1400px;margin:0px auto}
.home-container .hot .swiper-container .swiper-button-next i,.home-container .hot .swiper-container .swiper-button-prev i {color:#FFF;font-size:12px}
.hot-img a {display:flex;width:100%;height:100%;justify-content:center;align-items:center}
.hot-img {position:relative}
.lastest-news {margin-top:100px}
.home-container .partners .part-title:after {content:""}
@media screen and (max-width:768px) {.hot {height:auto;display:block;padding:0 0 6vw}
.hot .common-wrap {flex-direction:column;display:flex}
.hot .slide-title {font-size:8vw;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;margin:5.3333333333vw 0}
.hot .swiper-container {padding-right:0px;width:100%}
.hot .swiper-button-prev {left:0px}
.hot .swiper-button-next,.hot .swiper-button-prev {top:auto;bottom:1.3333333333vw;width:10.6666666667vw;height:10.6666666667vw}
.hot .swiper-button-next {left:16vw}
.hot .swiper-slide {flex-direction:column;padding-bottom:16vw}
.hot-img {flex:1;width:100%;min-height:33.3333333333vw}
.hot-info {padding:0px;flex:1}
.hot-name {font-size:4.8vw;line-height:1.3;margin:10px 0px}
.hot-intro {display:-webkit-box;display:-moz-box;max-height:48px;line-height:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hot .common-btn {display:none}
.hot .common-wrap {width:100vw;padding:0 5.3333333333vw;box-sizing:border-box}}