first commit

衣莎项目/源码/衣莎官网源码/css/page/index.css

@@ -0,0 +1,222 @@
+@import "../pubilc/_mian.css";
+
+.wheel{
+    height: auto;
+    width: 100%;
+}
+/* 主体start */
+
+.introduce{
+    padding: 50px 0;
+    width: 1190px;
+    margin: 0 auto;
+}
+.intl,.intr{
+    width: 50%;
+    height: 556px;
+    float: left;
+}
+.intr{
+    background: #ffffff;
+    padding: 102px 0;
+    box-sizing: border-box;
+    text-align: center;
+}
+.intr-cen h2{
+    font-size: 36px;
+    color: #333333;
+    font-weight: 500;
+}
+.line{
+    width: 40px;
+    height: 2px;
+    margin: 30px auto 0;
+    background: #28a658;
+}
+.int-p{
+    margin: 34px 0;
+    line-height: 33px;
+    font-size: 16px;
+    color: #333333;
+}
+.int-p p{
+    color: #999999;
+}
+.int-p span{
+    color: #28a658;
+    font-weight: 700;
+}
+.sub{
+    width: 127px;
+    height: 35px;
+    line-height: 35px;
+    color: #ffffff;
+    font-size: 16px;
+    margin: 35px auto 0;
+    background: #28a658;
+    cursor: pointer;
+}
+.sub:hover{
+    background: #25c060;
+}
+
+/* 产品服务 */
+.pro-cen{
+    margin-top: 60px;
+}
+.proul{
+    padding: 0 1px;
+    width: 1190px;
+    box-sizing: border-box;
+    margin: 0 auto;
+}
+.proul li{
+    position: relative;
+    height: 500px;
+    float: left;
+    width: 198px;
+    transition: .5s;
+}
+.proul li img{
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.pro-title{
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+}
+.pro-title p {
+    margin-bottom: 32px;
+    color: #ffffff;
+    font-size: 23px;
+}
+.pro-title span{
+    margin: 0 auto;
+    display: block;
+    width: 40px;
+    height: 2px;
+    background: #ffffff;
+}
+.proli-cen{
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 0;
+    width: 0;
+    overflow: hidden;
+    transform: rotateY(-180deg);
+}
+.proli-p{
+    text-align: center;
+    padding: 0 35px;
+    font-size: 16px;
+    line-height: 32px;
+    color: #ffffff;
+}
+.proul li:hover .pro-title{
+    width: 0;
+    height: 0;
+}
+.proul li:hover{
+    -moz-transition: rotateY(180deg);
+    -o-transition: rotateY(180deg);
+    -webkit-transition: rotateY(180deg);
+    transform: rotateY(180deg);
+}
+.proul li:hover .proli-cen{
+    width: 100%;
+    height: 100%;
+    background: rgba(28, 151, 75, .9);
+}
+/* 产品服务end */
+
+/* 团体洗衣start */
+
+.group-cen{
+    width: 1190px;
+    margin: 64px auto 0;
+}
+.group-l,.group-r{
+    float: left;
+}
+.group-l{
+    width: 610px;
+    height: 420px;
+}
+.group-r{
+    width: 580px;
+    height: 420px;
+    background: #ffffff;
+    padding-top: 46px;
+    box-sizing: border-box;
+    color: #333333;
+    font-size: 16px;
+}
+.group-p{
+    text-align: center;
+    padding: 0 30px;
+    box-sizing: border-box;
+    line-height: 39px;
+    margin-bottom: 20px;
+}
+.group-p h4{
+    display: block;
+    font-size: 26px;
+    font-weight: 700;
+}
+.group-p span{
+    display: block;
+    color: #999999;
+}
+/* 团体洗衣end */
+/* 下单 */
+.pro-cen{
+    width: 1190px;
+    margin: 80px auto 0;
+}
+.pro-l{
+    width: 515px;
+    height: 424px;
+    float: left;
+    text-align: center;
+    background: url("./../../img/wxss.png") center center no-repeat;
+}
+.pro-l img{
+    margin-bottom: 15px;
+}
+.pro-r{
+    width: 675px;
+    float: left;
+}
+.pro-r ul {
+    height: 424px;
+}
+.pro-r ul li{
+    height: 50%;
+    width: 50%;
+    float: left;
+}
+.pro-ul li p {
+    color: #333333;
+    font-size: 18px;
+    margin-top: 19px;
+}
+.pro-ul li span{
+    color: #999999;
+    font-size: 16px;
+    margin-top: 9px;
+}
+/* 下单end */
+/* 主体end */
+
+/* 视频样式 */
+.video-js .vjs-big-play-button {
+    top: 43% !important;
+    left: 43% !important;
+}
+/* 视频样式end */