@charset "utf-8";
/* CSS Document */
.yun1{ background:url(../../../images/hongtu/yonyou_u8cloud/banner.gif) no-repeat center 0;}
.ys_01a dl{ width:399px}
.ys_01a dl dd{ width:273px}


.bottom{width:1200px;margin:45px auto}
.bottom:after,.bottom:before{content:" ";display:table}
.bottom:after{clear:both}
.bottom .item{position:relative;width:298px;height:290px;background:#fff;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;float:left;text-align:center;cursor:pointer;overflow:hidden}
.bottom .item:hover .mark{transition:all .5s;top:0}
.bottom .item:nth-child(4n+1){border-left:1px solid #e9e9e9}
.bottom .item .img{margin-top:76px}
.bottom .item .title{font-size:20px;color:#636363;line-height:20px;margin-top:29px}
.bottom .item .mark{position:absolute;top:300px;left:0;right:0;bottom:0;background:#dd3730;transition:all .5s}
.bottom .item .mark .mark-title{font-size:20px;color:#fff;line-height:20px;margin-top:51px}
.bottom .item .mark ul{margin-top:5px;margin-left:28px;font-size:14px;color:#fff;line-height:26px;list-style:none}
.bottom .item .mark ul li{list-style-type:disc;color:#fff;font-size:14px;line-height:26px;width:240px;margin:0;text-align:center;padding-left:5px;list-style:none}