.information_cont{color: #414141;} .information_cont .part-1{margin-bottom: 50px;} .information_cont .part-1 h1{font-weight: bold;line-height: 1.167em;margin-bottom: 6px;} .information_cont .part-1 .title{margin-bottom: 45px;} .information_cont .part-1 .title p{line-height: 24px;text-indent: 2em;} .information_cont .part-1 .title p.inf_p{margin-bottom: 22px;} .information_cont .part-1 .left{float: left;width: 50%;} .information_cont .part-1 .right{float: right;width: 47.222%;padding-top: 13px;overflow: hidden;} .information_cont .part-1 .img{width: 100%;height: 0;padding-bottom: 56.389%;position: relative;} .information_cont .part-1 .img img{position: absolute;width: 100%;height:100%;} .information_cont .part-1 .content{display: none; position: absolute;bottom: 0;right: 0;padding: 3.6% 6.25% 3.6% 5%;line-height: 24px;color: #fff;background: #da2219;width: calc(58.889% - 11.25%);} .information_cont .part-1 .mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,.2);} .information_cont .part-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,.4);} .information_cont .part-1 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.information_cont .part-1 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: rgba(0,0,0,.4);} .information_cont .wrap_index{position: relative;} .info-swiper-container{overflow: hidden;} .info-swiper-container .swiper-wrapper{width: 800%;} .info-swiper-container p{color: #414141;margin-top: 17px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .info-swiper-container .img{width: 100%;height: 0;padding-bottom: 56.523%;position: relative; cursor: default;} .info-swiper-container .img img{position: absolute;width: 100%;height: 100%;} .information_cont .part-2 .wrap{position: relative;left: 0;top: 0;transform: none;} .information_cont .part-2 .swiper-button-next,.info-swiper-container .swiper-button-prev{width: 27px;height: 49px;margin-top: -25px;} .information_cont .part-2 .swiper-button-next{right: 3.37%;background-image: url('../images/info-arrowR-on.png');} .information_cont .part-2 .swiper-button-prev{left: 3.37%;background-image: url('../images/info-arrowL-on.png');} .information_cont .part-2 .swiper-button-next.swiper-button-disabled{background-image: url('../images/info-arrowR.png');opacity: 1;display: none;} .information_cont .part-2 .swiper-button-prev.swiper-button-disabled{background-image: url('../images/info-arrowL.png');opacity: 1;display: none;} .inf_over{overflow: hidden;} @media only screen and (max-width: 1700px){ .information_cont .part-2 .swiper-button-next{right: 0;} .information_cont .part-2 .swiper-button-prev{left: 0;} } @media only screen and (max-width: 1500px){ .information_cont .part-2 .wrap{width: 100%; margin-top: 0;} .information_cont .part-1 .right{padding-top: 0px;} } @media only screen and (max-width: 1280px){ .information_cont .part-1 .title{margin-bottom: 20px;} } @media only screen and (max-width: 1279px){ .information_cont .part-1 .content{ padding: 2%;line-height: 20px;} .information_cont .part-1{margin-bottom: 30px;} } @media only screen and (max-width: 767px){ .information_cont .part-1 .left{width: 100%; margin-bottom: 20px;} .information_cont .part-1 .right{height: auto!important;width: 100%;} .information_cont .part-1{margin-bottom: 20px;} .info-swiper-container p{text-align: center; margin-top: 10px;} }