/* 合作案例开å§?*/ .cooperation_cases_wrap { padding-top: 60px; padding-bottom: 140px; } .cooperation_cases_wrap .container { max-width: 1370px; } .cases_box { display: flex; /* box-shadow: 0 0 20px -10px; */ border-radius: 10px; margin-bottom: 30px; position: relative; overflow: hidden; /* background: url('/assets/img/cooperation_cases/¿U‘技企业.png') no-repeat 500px -10px; */ /* background-image: url('/assets/img/cooperation_cases/¿U‘技企业.png'); */ background-repeat: no-repeat; background-position: 520px -10px; background-color: #f9f9f9; background-size: 230px; } .cooperation_cases_wrap .cases_box_left { /* flex: 0 0 60%; */ padding: 60px; position: relative; } .cooperation_cases_wrap .cases_box_title { font-size: 20px; line-height: 30px; color: #333333; font-weight: 800; font-family: "阉K‡Œå·´å·´æ™®æƒ ä½?Medium"; } .cooperation_cases_wrap .cases_box_label { padding: 5px 14px; font-size: 14px; display: inline-block; background-color: #7225CC; border-radius: 15px; color: #fff; text-align: center; margin: 20px 0; font-weight: 600; font-family: "阉K‡Œå¦ˆå¦ˆæ•°é»‘ä½?Bold"; position: absolute; right: 1.5vw; top: 20px; transform: translateX(50%); } .cooperation_cases_wrap .cases_box_time { font-size: 16px; color: #999; margin-top: 6px; } .cooperation_cases_wrap .cases_box_line { width: 80px; height: 2px; background-color: #e1e1e1; margin-top: 10px; } .cooperation_cases_wrap .cases_box_text { font-size: 16px; height: 3em; line-height: 1.5em; margin-top: 10px; color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .cooperation_cases_wrap .cases_box_right { /* flex: 0 0 40%; */ position: relative; } .cases_box_right img { position: relative; right: 0; /* flex: 0 0 40%; */ height: 100%; width: 100%; clip-path: polygon(0% 100%, 100% -350%, 100% 100%, 0% 100%); } .cases_box_occlusion { position: absolute; bottom: 0; left: 0; right: 0; background-color: transparent; background-image: linear-gradient(transparent, #744268); height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0 27px; color: #fff; display: none; } .occlusion_label { background-color: #fff; color: #7225CC; display: inline-block; padding: 4px 14px; border-radius: 20px; } .occlusion_title { font-size: 20px; } .occlusion_right span { font-size: 22px; } @media (max-width:992px) { .cooperation_cases_wrap .cases_box_left { padding: 40px; } } @media (max-width:1200px) { .cases_left_wrap { display: none; } .cases_box { background-position: 56vw top; } } @media (max-width:1100px) { .cases_box { background-position: 52vw top; } } @media (max-width: 992px) { .cases_box { background-position: 44vw top; background-size: 200px; } } @media (max-width: 767px) { .cases_box_left { display: none; } .cases_box { max-height: 290px; } .cases_box_right img { clip-path: unset; } .cases_box_occlusion { display: flex; } } /* 合作案例搜烦æ¡?*/ .cases_form_box { display: flex; justify-content: center; margin-bottom: 70px; } .cases_form_box form { width: 100%; max-width: 716px; display: flex; flex-wrap: wrap; position: relative; border-radius: 0px; } .cases_form_box form input[type="text"] { width: 100%; font-size: 18px; background-color: transparent; border: 1px solid #7225CC; border-radius: 30px; outline: none; height: 58px; padding-left: 37px; padding-right: 145px; color: #000; } .cases_form_box .thm-btn2 { padding: 0; width: 110px; height: 58px; border-radius: 30px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; right: 0; background-color: #7225CC; border: 1px solid #7225CC; transition: all 200ms linear; transition-delay: 0.1s; cursor: pointer; } /*.cases_form_box .thm-btn2:hover {*/ /* background-color: #fff;*/ /* border: 1px solid #fff;*/ /*}*/ /*.cases_form_box .thm-btn2:hover .font_family {*/ /* color: #7225CC;*/ /*}*/ .cases_form_box .thm-btn2 .font_family { margin: 0; font-size: 32px; color: #fff; } /* 合作案例左侧å¯ÆDˆªæ ?*/ .cases_left_wrap { padding: 0 36px; } .cases_left_item { background-color: #f9f9f9; padding: 22px 0 22px 40px; margin-top: 18px; color: #666666; font-size: 18px; display: flex; align-items: center; border-radius: 6px; } .cases_left_item:nth-child(1) { margin-top: 0; } .cases_left_item span { font-size: 36px; line-height: 36px; margin-right: 36px; } .cases_active { background-color: #7225CC; color: #fff; } @media (max-width: 768px) { .cases_form_box form { max-width: 290px; } .cases_form_box .thm-btn2 .font_family{ font-size: 22px; } .cases_form_box form input[type="text"]{ height: 45px; } .cases_form_box .thm-btn2{ width: 70px; height: 45px; } } 日韩AV中文,99日韩一区二区三区精品,日韩精品成人无码专区免费,亚洲精品国产欧美日韩在线