fix

cms/skin/website/css/footer.css

@@ -2,7 +2,7 @@
   .footer {
     height: 178px;
     background-color: #eee;
-    min-width: 1440px;
+    min-width: 1180px;
   }
   
   .footer > div {

cms/skin/website/css/home.css

+
+.home {
+    margin-top: 54px;
+    min-width: 1180px;
+}
+.home .banner {
+    color: #fff;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+img {
+    vertical-align: bottom;
+}
+.home .banner > img{
+    top: 0;
+}
+.home .banner >div {
+    position: absolute;
+}
+.home .banner >div > p:first-child {
+    font-size: 60px;
+    line-height: 84px;
+}
+.home .banner >div > p:nth-child(2) {
+    font-size: 30px;
+    line-height: 42px;
+    margin-top: 30px;
+}
+.home .banner >div img {
+    cursor: pointer;
+    margin-top: 90px;
+}
+#videoPlay1 {
+    display: none;
+}
+.home .wp {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 70px;
+}
+.home .wp > p:first-child {
+    font-size: 36px;
+    color: #4A4A4A;
+}
+.home .wp > p:nth-child(2) {
+    font-size: 16px;
+    color: #9B9B9B;
+    margin: 20px 0 70px;
+}
+.home .wp1 div:nth-child(3) {
+    font-size: 0;
+    margin-right: -20px;
+}
+.home .wp1 div:nth-child(3) img {
+    width: 340px;
+    margin-right: 20px;
+    margin-bottom: 70px;
+}
+.home .wp1 ul {
+    display: flex;
+    width: 100%;
+}
+.home .wp1 ul li {
+    width: 25%;
+    padding: 60px;
+    height: 420px;
+}
+.home .wp1 ul li:first-child {
+    background: url('../image/home_wp10301.png') #EEEEEE no-repeat right 38px bottom/220px;
+}
+.home .wp1 ul li:nth-child(2) {
+    background: url('../image/home_wp10302.png') #F4F4F4 no-repeat right 38px bottom/220px;
+}
+.home .wp1 ul li:nth-child(3) {
+    background: url('../image/home_wp10303.png') #EEEEEE no-repeat right 38px bottom/220px;
+}
+.home .wp1 ul li:nth-child(4) {
+    background: url('../image/home_wp10304.png') #F4F4F4 no-repeat right 38px bottom/220px;
+}
+.home .wp1 ul li > p:first-child {
+    font-size: 12px;
+    color: #999;
+}
+.home .wp1 ul li > p:nth-child(2) {
+    font-size: 24px;
+    color: #333;
+    margin: 24px 0 30px;
+}
+.home .wp1 ul li > p:nth-child(3) {
+    font-size: 18px;
+    color: #333;
+    line-height: 33px;
+}
+.home .wp2 .tab {
+    position: absolute;
+    top: -40px;
+    width: 240px;
+    font-size: 0;
+    display: flex;
+    justify-content: space-between;
+}
+.home .wp2 .tab > img {
+    width: 80px;
+    height: 80px;
+    cursor: pointer;
+}
+.home .wp2 > div {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+}
+.home .wp2 #tab1 {
+    background: url('../image/home_wp2_tab001.png') rgba(0, 0, 0, .5) no-repeat center/100%;
+    width: 100%;
+    height: 670px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+}
+.home .wp2 #tab1 > div {
+    border: 1px solid #fff;
+    border-radius: 20px;
+    width: 280px;    
+    height: 180px;;
+    margin-right: 80px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+.home .wp2 #tab1 > div:nth-child(3n+3) {
+    margin-right: 0;
+}
+.home .wp2 #tab1 > div > p:first-child {
+    font-size: 36px;
+    margin-bottom: 18px;
+}
+.home .wp2 #tab1 > div > p:nth-child(2) {
+    font-size: 18px;
+}
+.home #tab2 {
+    background: url('../image/home_wp2_tab2bg.png') #2F2F2F no-repeat center/100%;
+    height: 670px;
+    width: 100%;
+    font-size: 0;
+    display: none;
+    align-items: center;
+    justify-content: center;
+}
+.home #tab2 > div {
+    width: 1000px;
+    margin-bottom: -80px;
+}
+.home #tab2 img {
+    width: 280px;
+    margin: 0 80px 80px 0;
+}
+.home #tab2 img:nth-child(3n+3) {
+    margin-right: 0;
+}
+.home .wp3 > div {
+    display: flex;
+    align-items: center;
+}
+.home .wp3 > div img {
+    width: 630px;
+}
+.home .wp3 > div .left >div {
+    cursor: pointer;
+}
+.home .wp3 > div .left >div >p {
+    display: flex;
+    align-items: center;
+}
+.home .wp3 > div .left >div >p:first-child::before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    background: #CCCCCC;
+    border-radius: 5px;
+}
+
+.home .wp3 > div .left >div > p.cur:first-child::before {
+    background: #84DA7B;
+}
+.home .wp3 > div .left >div > p:first-child {
+    font-size: 24px;
+    color: #333;
+    margin-bottom: 16px;
+}
+.home .wp3 > div .left >div > p:nth-child(2) {
+    color: #999;
+    margin-bottom: 50px;
+    margin-left: 25px;
+}
+.home .wp3 > div .left >div > p.cur {
+    color: #84DA7B;
+}
+.home .wp4 {
+    background: #F4F4F4;
+    padding-bottom: 80px;
+}
+.home .wp4 >div {
+    font-size: 0;
+    width: 1180px;
+}
+.home .wp4 > div img{
+    width: 570px;
+    margin-right: 40px;
+    cursor: pointer;
+}
+.home .wp4 > div img:nth-child(2) {
+    margin-right: 0;
+}
+.home .wp.wp6 p {
+    color: #fff;
+}
+.home .wp6 {
+    background: url('../image/8background.png') no-repeat center/100% 100%;
+    padding-bottom: 98px;
+}
+.home .wp6 img {
+    width: 280px;
+    margin: 0 20px 20px 0;
+}
+.home .wp6 img:nth-child(4n+4) {
+    margin-right: 0;
+}
+.home .wp6 >div {
+    width: 1180px;
+    font-size: 0;
+    margin-bottom: -20px;
+}
\ No newline at end of file