fix

cms/skin/website/css/index.css

+.bannerWrapper {
+    width: 100%;
+}
+
+.mainBanner {
+    max-width: 1920px;
+    min-width: 1440px;
+    position: relative;
+    margin: 54px auto 0;
+}
+
+.infoWrapper {
+    position: absolute;
+    bottom: 60px;
+    left: 176px;
+}
+
+.mainBanner .imgWrapper img {
+    width: 100%;
+    max-width: 1920px;
+    min-width: 1440px;
+    height: auto;
+    margin: 0 auto;
+    display: none;
+}
+
+.mainBanner .infoWrapper p.cur {
+    font-weight: bold;
+    color: #fff;
+    position: relative;
+}
+
+.mainBanner .infoWrapper p.cur::before {
+    content: '';
+    background: url("../image/icon-box.png") left center no-repeat;
+    background-size: 12px 13px;
+    width: 12px;
+    height: 30px;
+    display: block;
+    position: absolute;
+    left: -22px;
+    top: 0;
+}
+
+.mainBanner .infoWrapper p {
+    cursor: pointer;
+    line-height: 30px;
+    color: #909090;
+
+    font-size: 14px
+}
+
+.mainBanner .p2 {
+}
+
+.mainBanner .p3 {
+    color: #fff;
+    font-size: 14px
+}
+
+.product {
+    text-align: center;
+}
+
+.product .p1 p {
+    line-height: 30px;
+    font-size: 14px;
+    color: #595959;
+}
+
+.product .p1 p:first-child {
+    padding: 50px 0 10px 0;
+    font-size: 24px;
+    color: #333;
+}
+
+.product .p1 .video-js {
+    margin: 30px auto;
+}
+
+.vjs-big-play-button {
+    font-size: 50px !important;
+}
+
+.product .item img {
+    width: 1440px;
+    min-width: 1440px;
+    height: auto;
+    margin: 0 auto;
+}
+
+.product .item.p2 {
+    background: #fff;
+    height: auto;
+
+}
+
+.product .item.p3 {
+    background: #f8f8f8;
+    height: auto;
+
+}
+
+.product .item.p4 {
+    background: #fff;
+    height: auto;
+
+}
+
+.product .item {
+    background-color: #f8f8f8;
+    height: 600px;
+    position: relative;
+}
+
+.successCase {
+    position: relative;
+    text-align: center;
+    height: 455px;
+    margin: 0 auto;
+    width: 1440px;
+    background-color: #f8f8f8;
+}
+
+.successCase p {
+    color: #595959;
+    font-size: 14px;
+    line-height: 30px;
+}
+
+.successCase p:first-child {
+    padding: 50px 0 10px 0;
+    color: #333;
+    font-size: 24px;
+}
+
+.successCase ul {
+    left: 0;
+    bottom: 0;
+    position: absolute;
+    width: 1440px;
+}
+
+.successCase ul li {
+    float: left;
+    width: 288px;
+    height: 288px;
+    position: relative;
+
+    background-color: yellow;
+}
+
+.successCase ul li em {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .5);
+    color: #fff;
+    font-size: 18px;
+    line-height: 288px;
+}
+
+.successCase .btn-more {
+    position: absolute;
+    box-shadow: 0 0 5px #ddd;
+    background-color: #fff;
+    left: 50%;
+    margin-left: -62.5px;
+    bottom: -22.5px;
+    width: 125px;
+    height: 45px;
+    border-radius: 30px;
+    line-height: 45px;
+    color: #333;
+    font-size: 14px;
+}
+
+.partner {
+    text-align: center;
+    padding-bottom: 65px;
+}
+
+.partner .logoWrapper {
+    margin-top: 30px;
+}
+
+.partner .item {
+    font-size: 16px;
+    color: #333;
+}
+
+.partner .item ul {
+    width: 940px;
+    margin: 20px auto 0 auto;
+}
+
+.partner .item ul li {
+    float: left;
+    width: 140px;
+    height: 60px;
+    margin-right: 60px;
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+}
+
+.partner .item ul li:nth-child(5n) {
+    margin: 0;
+}
+
+.partner .item ul li img {
+    width: auto;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0 auto;
+}
+
+.partner p {
+    color: #595959;
+    font-size: 14px;
+    line-height: 30px;
+}
+
+.partner p:first-child {
+    padding: 50px 0 10px 0;
+    color: #333;
+    font-size: 24px;
+}
+
+.partner .btn-more {
+    background-color: #fff;
+    border: 1px solid #c2c2c2;
+    width: 125px;
+    height: 45px;
+    border-radius: 30px;
+    line-height: 45px;
+    color: #333;
+    font-size: 14px;
+    display: inline-block;
+
+}
+
+.video-js .vjs-big-play-button {
+    height: 75px !important;
+    line-height: 75px !important;
+    width: 100px !important;
+    top: 50% !important;
+    margin-top: -37.5px !important;
+    left: 50% !important;
+    margin-left: -50px !important;
+}
+
+.more {
+    position: relative;
+    width: 1440px;
+    margin: 0 auto;
+}
+
+.more a:hover {
+    box-shadow: 4px 4px 12px #d6d6d6;
+
+}
+
+.more a {
+    font-size: 14px;
+    height: 40px;
+    width: 120px;
+    text-align: center;
+    color: #000;
+    line-height: 40px;
+    background-color: #fff;
+    border-radius: 20px;
+    display: block;
+    position: absolute;
+    border: 1px solid #cccccc;
+
+}
+
+.more.left a {
+    left: 152px;
+    bottom: 159px;
+}
+
+.more.right a {
+    right: 380px;
+    bottom: 122px;
+}