|
@@ -223,42 +223,46 @@ export default {
|
|
|
margin-bottom: 98px;
|
|
|
}
|
|
|
}
|
|
|
+div.client-xuexishouyi-box {
|
|
|
+ .products-services-box {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 90px;
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
|
-.products-services-box {
|
|
|
- display: flex;
|
|
|
- margin-bottom: 90px;
|
|
|
- justify-content: flex-start;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 446px;
|
|
|
- height: 342px;
|
|
|
+ img {
|
|
|
+ width: 446px;
|
|
|
+ height: 342px;
|
|
|
|
|
|
- &:first-child {
|
|
|
- margin-right: 190px;
|
|
|
+ &:first-child {
|
|
|
+ margin-right: 190px;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
+ @media (max-width: 768px) {
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 3%;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 80%;
|
|
|
+ height: 230px;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto !important;
|
|
|
|
|
|
- @media (max-width: 768px) {
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- margin-bottom: 3%;
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 200px;
|
|
|
- margin: 0;
|
|
|
|
|
|
- &:nth-child(1) {
|
|
|
- order: 2
|
|
|
- }
|
|
|
+ &:nth-child(1) {
|
|
|
+ order: 2
|
|
|
+ }
|
|
|
|
|
|
- &:nth-child(2) {
|
|
|
- order: 1;
|
|
|
+ &:nth-child(2) {
|
|
|
+ order: 1;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
@media (max-width: 768px) {
|
|
|
|
|
|
.client-xuexishouyi-box {
|