body{ } p{ /*margin 20px 0 20px;*/ margin-bottom: 10px; line-height: 150%; } /*左右边距*/ .ut-margain{ margin-left: 80px; margin-right: 80px; } /*轮播图 */ /* carousel 轮播 */ .layui-carousel{position: relative; left: 0; top: 0; background-color: #f8f8f8;} .layui-carousel>*[carousel-item]{position: relative; width: 100%; height: 100%; overflow: hidden;} .layui-carousel>*[carousel-item]:before{position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 100px; line-height: 20px; margin: -10px 0 0 -50px; text-align: center; color: #c2c2c2; font-family:"layui-icon" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .layui-carousel>*[carousel-item] > *{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s;background-repeat: no-repeat;background-color: #ffffff} .layui-carousel-updown > *{-webkit-transition: .3s ease-in-out up; transition: .3s ease-in-out up;} .layui-carousel-arrow{display: none\0; opacity: 0; position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: none 0; border-radius: 50%; background-color: rgba(0,0,0,.2); color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer;} .layui-carousel-arrow[lay-type="add"]{left: auto!important; right: 10px;} .layui-carousel[lay-arrow="always"] .layui-carousel-arrow{opacity: 1; left: 20px;} .layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"]{right: 20px;} .layui-carousel[lay-arrow="none"] .layui-carousel-arrow{display: none;} .layui-carousel-arrow:hover, .layui-carousel-ind ul:hover{background-color: rgba(0,0,0,.35);} .layui-carousel:hover .layui-carousel-arrow{display: block\0; opacity: 1; left: 20px;} .layui-carousel:hover .layui-carousel-arrow[lay-type="add"]{right: 20px;} .layui-carousel-ind{position: relative; top: -35px; width: 100%; line-height: 0!important; text-align: center; font-size: 0;} .layui-carousel[lay-indicator="outside"]{margin-bottom: 30px;} .layui-carousel[lay-indicator="outside"] .layui-carousel-ind{top: 10px;} .layui-carousel[lay-indicator="outside"] .layui-carousel-ind ul{background-color: rgba(0,0,0,.5);} .layui-carousel[lay-indicator="none"] .layui-carousel-ind{display: none;} .layui-carousel-ind ul{display: inline-block; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s;} .layui-carousel-ind li{display: inline-block; width: 10px; height: 10px; margin: 0 3px; font-size: 14px; background-color: #e2e2e2; background-color: rgba(255,255,255,.5); border-radius: 50%; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s;} .layui-carousel-ind li:hover{background-color: rgba(255,255,255,.7);} .layui-carousel-ind li.layui-this{background-color: #fff;} .layui-carousel>*[carousel-item]>.layui-this, .layui-carousel>*[carousel-item]>.layui-carousel-prev, .layui-carousel>*[carousel-item]>.layui-carousel-next{display: block} .layui-carousel>*[carousel-item]>.layui-this{left: 0;} .layui-carousel>*[carousel-item]>.layui-carousel-prev{left: -100%;} .layui-carousel>*[carousel-item]>.layui-carousel-next{left: 100%;} .layui-carousel>*[carousel-item]>.layui-carousel-prev.layui-carousel-right, .layui-carousel>*[carousel-item]>.layui-carousel-next.layui-carousel-left{left: 0;} .layui-carousel>*[carousel-item]>.layui-this.layui-carousel-left{left: -100%;} .layui-carousel>*[carousel-item]>.layui-this.layui-carousel-right{left: 100%;} .my-carousel_item{ background-position: center 0;float: left;width: 100%; } .my-carousel_item .title { width: 960px; font-size: 43px; position: relative; top: 100px; margin: 0 auto; color: #fff; font-weight: 100; right: 100px; } .my-carousel_item h2 { color: #fff; padding-top: 128px; text-align: center; font-weight: 300; font-size: 40px; } .my-item-btn{ text-align: center; padding-top: 50px; } .my-part_title { text-align: center; margin: 40px; } .my-part_title h3 { font-size: 34px; } .my-part_cloud, .my-part_bigdata{ text-align: center; margin-top: 40px; } .my-part_cloud img{ width:auto; height:auto; max-width: 500px; max-height:300px; } .my-part_cloud p{ font-weight: 500; font-size: 18px; text-align: left; line-height: 120%; /*margin-bottom: 10px;*/ } .my-part_bigdata{ vertical-align: middle; margin-left: 80px; } .my-part_bigdata p{ font-weight: 500; font-size: 18px; text-align: left; line-height: 120%; } .my-part_bigdata img{ width:auto; height:auto; max-width: 500px; max-height:400px; float:left; }