.cultureContent { width: 1200px; margin: 0 auto; display: table; } .cultureContent .title { font-size: 22px; width: 100% } .cultureContent .title h5 { text-align: center; padding-bottom: 24px; clear: both } .cultureContent .title div { border-top: 1px solid #dbdbdb } .cultureContent .title p { margin: -16px auto 40px; overflow: hidden; text-align: center; display: table; background-color: #fff; padding: 0 20px } .cultureContent .bannerBox p { line-height: 24px; color: #333; margin: 24px 0 0px; } .cultureContent .item2 .imgBox { overflow: hidden; } /*文化理念*/ .cultureContent .imgItem.left { width:43%; float: left; } .cultureContent .imgItem.left .list{ position: relative; border:10px solid #fff; } .cultureContent .imgItem.right { width:56.5%; float: left; } .cultureContent .imgItem.right .list{ width:50%; float: left; position: relative; } .cultureContent .imgItem.right .list .list-item{ border:10px solid #fff; position: relative; } .cultureContent .imgItem ul { float: left; width: 100%; color: #fff; text-align: center; vertical-align: middle; position: absolute; top: 43%; padding: 0 12px; } .cultureContent .imgItem.left ul{ top:36%; } .cultureContent .imgItem ul strong{ font-size: 1.5rem; padding:0 0 0.6rem; display: block; } .cultureContent .imgItem ul p{ color: rgba(255, 255, 255, 0.6) } @media screen and (max-width:768px){ .cultureContent .imgItem ul{ top: 30%; } .cultureContent .imgItem ul strong{ font-size: 1rem; } .cultureContent .title{font-size: 14px;} } /*imgText*/ .cultureContent .imgText { overflow: hidden; } .cultureContent .imgText .img { width: 50%; float: left; } .cultureContent .imgText .img img { width: 100%; } .cultureContent .imgText .text { width: 50%; padding: 124px 0 0 120px; float: left; box-sizing: border-box; } .cultureContent .imgText h5 { color: #333; margin-bottom: 24px; font-weight: normal; } .cultureContent .imgText p { color: #666; font-size: 16px; line-height: 24px; } .cultureContent .imgText.two .img { float: right; } .cultureContent .imgText.two .text { float: left; } .cultureContent .bottomText { line-height: 24px; color: #333; margin-top: 60px; margin-bottom: 120px; } .item5 { margin-bottom: 120px; } .content_text { padding-left: 50px; padding-top: 30px; } .content_text li { text-align: left; line-height: 24px; } .advantage_content li { float: left; width: 25%; text-align: center; } .advantage_content li img { margin-bottom: 16px; } .advantage_content .li_box { padding-left: 13.3%; padding-right: 13.3%; } .tips { display: inline-block; width: 100%; color: #333; line-height: 24px; font-weight: 600; } /*云顶3118价值观*/ .cultureContent .slide-img-box{ width:initial; margin-right: 20px; overflow: hidden; } .cultureContent .slide-img-box img{ display: block; } .cultureContent .slide-item>:last-child { margin-bottom: 20px; } .cultureContent .suppor-cover .title{ width:initial; top: 85%; } .cultureContent .slide-img-box .title h5{ padding:0; text-align: initial; } .cultureContent .small-support{ background: rgba(0, 0, 0, 0.7); top:0; left: 0; bottom: 0; right: 0; } .cultureContent .bannerBox .divMid h5{ color: #00A990; font-weight: bold; } .cultureContent .bannerBox .divMid h5::after{ content: ''; width:12px; height: 1px; background: #fff; display: block; margin:1rem 0; } .cultureContent .slide-img-box strong{ font-size: 14px; padding: 0 0 6px 0; display: block; } .cultureContent .bannerBox .slide-img-box p{ color: rgba(255, 255, 255, 0.5); margin-top:0px; } @media screen and (max-width:768px){ .cultureContent .slide-img-box{ margin-right:0; } .cultureContent .bannerBox p{ display: none; } .cultureContent .suppor-cover .title{ top:50%; } } /*---------presentation-------------*/ .presentation { border: 1px solid #ccc; border-bottom: none; text-align: center; width: 100%; overflow: hidden; margin-bottom: 120px; } .presentation a:hover { text-decoration: underline; } .presentation ul { display: table; width: 100%; } .presentation>li { display: block; border-bottom: 1px solid #ccc; } .presentation>li.mmt:nth-of-type(odd) { border-right: 1px solid #ccc; } .presentation>li.mmt { width: 49.95%; float: left; } .presentation>li.title>ul { background: #dfdfdf; } .presentation>li.title h5 { padding: 0; font-weight: normal; white-space: nowrap; } .presentation>li>ul>li { padding: 10px; width: 54%; float: left; border-right: 1px solid #ccc; position: relative; } @media screen and (max-width: 640px) { .presentation>li>ul>li{padding: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} } .presentation>li>ul>li:nth-of-type(1), .presentation>li>ul>li:nth-of-type(3) { width: 20%; } .presentation>li>ul>li:last-of-type { border-right: none; } .presentation .li-detail { padding: 24px 46px; line-height: 1.5; text-align: left; display: none; background-color: #f0eeee; } /*---------presentation-------------*/ /*---------email-------------*/ .email { border: 1px solid #ccc; padding: 80px 10%; } .email h5 { font-size: 1.25rem; } .email h5:first-child { margin-bottom: 45px; } /*---------email/-------------*/ /*---------合伙人计划申请-------------*/ .condition-item textarea { border: none; padding: 1%; width: 100%; height: 90%; margin: 1%; outline: none; } .condition p.tit { padding-bottom: 0px; font-weight: bold; text-align: center; color: #333; padding: 30px 0; } .condition p { color: #666; padding-bottom: 16px; } .condition ul ol { color: #666; line-height: 1.5; } .condition-item { padding: 60px 0 0; } .condition-item>p:first-child { padding-bottom: 20px; font-weight: bold; } .condition-item input { border: none; padding: 10px; height: 21px; width: 93%; } .condition-item input+label { position: absolute; left: 10px; top: 10px; color: #f00; text-align: center; width: 100%; } .condition-item input:focus { outline: 0; } .condition-item .presentation>li>ul>li.input-li { padding: 0; width: 75%; } .condition-item .presentation>li>ul>li.name-li { width: 20%; max-width: 146px; } .condition-item .item-li .input-li.height { width: 84%; } .condition-item .item-li .input-li.height label { line-height: 122px; } .condition-item.two .item-li .input-li.height label { line-height: 70px; } .item-li li.height { height: 126px; } .item-li li.height span { padding-top: 35%; display: inline-block; } .condition-item .presentation>li>ul>li.full-li { width: 100%; font-weight: bold; } .item-li li.height input { height: 100%; text-align: center; } .two .item-li li.height { height: 70px; } .two .item-li li.height span { padding-top: 13px; } .condition-item .presentation>li.spe>ul>li { max-width: inherit; } .condition-item .presentation>li.spe>ul>li.input-li { padding: 10px; } .condition-item .presentation>li.spe>ul>li.input-li input { padding: 0; } .condition-item .presentation>li>ul>li.one { width: 6%; } .condition-item .presentation>li>ul>li.two { width: 20%; } .condition-item .presentation>li>ul>li.three { width: 40%; } .condition-item .presentation>li>ul>li.four { width: 27%; } /*-添加文件-*/ .file { padding-top: 16px; position: relative; } .file input { position: absolute; top: 0; left: 16px; z-index: 1; cursor: pointer; border: none; outline: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: inherit; } .file input:focus { outline: 0; } .file a { position: relative; z-index: 3; background: #fff; top: -6px; left: 0; height: 29px; display: inline-block; padding-right: 12px; } .file a img { width: 20px; position: relative; top: 4px; margin-right: 12px; } .file>span { color: #999; position: relative; top: -7px; font-size: 14px; } /*-添加文件/-*/ .planApp .submit { margin-top: 80px; margin-bottom: 120px; } .planApp input { text-align: center; } .condition-item .presentation>li>ul>li.input-li.full-wid { width: 86%; } .cultureContent .mt { display: none; } .height-100{ height: 65px; line-height: 1.5em; } /*---------合伙人计划申请/-------------*/ @media screen and (max-width: 1200px) { .cultureContent { width: 100%; } .cultureContent .item2 .imgItem { margin-bottom: 20px; } } @media screen and (max-width: 980px) { .cultureContent .imgText .text { padding: 40px 0 0 20px; } .height-100{height: 50px;font-size: 12px;line-height: 1.2em;} } @media screen and (max-width: 768px) { .cultureContent .imgText .text { padding: 40px 0 0 20px; } .cultureContent .imgText .img, .cultureContent .imgText .text { width: 100%; } .cultureContent .imgText .text { padding-bottom: 40px; } .cultureContent .imgItem { width: 100%!important; } .cultureContent { width: 100%; margin: 0; padding: 0 10px; box-sizing: border-box; overflow: hidden; display: block; } .presentation { width: 100%; } .presentation>li>ul>li:nth-child(2) { max-width: 42%; font-size: 12px; } .height-100:first-child{ line-height: 4vw !important; } .email h5 { font-size: 1rem; } .condition-item .presentation>li.spe>ul { display: flex; } .condition-item .presentation>li.spe>ul>li { flex: 1; } .condition-item .presentation>li.spe>ul>li:nth-child(2) { line-height: 8vw; } .planApp>.two { padding: 0; } .condition-item .presentation>li>ul>li.full-li { box-sizing: border-box; height: 13vw; } .cultureContent .title p{margin-top: -12px;} } @media screen and (max-width: 420px) { .cultureContent .bottomText { margin-top: 0; margin-bottom: 40px; } .cultureContent .imgBox { margin-bottom: 40px; } }