/*banner*/ .mx_banner { width: 100%; height: auto; overflow: hidden; display: block; overflow: hidden; margin-top: -1px; } .mx_banner img { width: 100%; height: 580px; object-fit: none; } .mx_banner_m { display: none; } .mx_banner_m img { width: 100%; height: auto; } @media (max-width:1100px) { .mx_banner { display: none;} .mx_banner_m { display: block; margin-top: 50px;} } .publicTitle{ width: 100%; height: auto; float: left; text-align: center; position: relative; word-wrap: break-word; word-break: break-all;} .publicTitle span{ width: 100%; height: auto; float: left; opacity: 0.08; font-size: 4rem; line-height:3. 75rem; font-family: MyFont; font-weight: W5; color: #666666; position: absolute; top: 0; left: 0;} .publicTitle p{ width: 100%; height: auto; float: left; margin-top: 1.5rem; font-size: 3rem; line-height: 5.4rem; font-family: MyFont1; font-weight: 400; color: #222222;} .publicTitle .white{ color: #ffffff;} @media(max-width: 1100px){ .publicTitle span{ font-size: 2.3rem; line-height: 2.3rem;} .publicTitle p{ font-size: 1.6rem; line-height: 1.6rem; margin-top: 1.3rem;} } /*面包屑*/ /* .bnav { margin-top: 25px; max-width: 1280px; height: 70px; line-height: 60px; margin: auto; } .bnav span i { margin-left: 10px; margin-right: 10px; } @media (max-width:575px) { .bnav { padding:10px 30px;} } */ /*次导航*/ .mx_snav { max-width: 100%; height: 58px; margin: auto; background:#333a8b; } .mx_snav .box {max-width: 1280px; margin: auto; text-align: center;} .mx_snav .box span { color: #fff; font-size: 1.125rem; width: auto; height: 58px; line-height: 58px; text-align: center; display: inline-block; border-bottom: #333a8b 4px solid; margin:0 30px; cursor: pointer; transition: all 0.5s; } .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #fcb131 4px solid; color: #fcb131; } .mx_snav.set_fixed { width: 100%; position: fixed; top:0; left: 0; z-index: 199; } @media (max-width:575px) { .mx_snav { padding:5px 10px; height: auto; } .mx_snav .box { max-width: 100%; text-align: left; } .mx_snav .box span { text-align: left; margin:0 10px; height: 30px; line-height: 24px; overflow: hidden; font-size: 1rem; } .mx_snav .box span.active,.mx_snav .box span:hover { border-bottom: #fcb131 2px solid; } .mx_snav.set_fixed { display: none; } } /* CSS Document */ #main{ width: 100%; height: auto; display:inline-block; margin: 0; background: #fff; } .mainN1{ width: 100%; height: auto; float: left;} .mainN1 img{ width: 100%; height: 74rem; object-fit: cover;} .mainN1Wap{ width: 100%; height: auto; float: left; display: none;} .mainN1Wap img{ width: 100%; height: 26rem; object-fit: cover;} @media(max-width: 1100px){ .mainN1{ display: none;} .mainN1Wap{ display: block;} } .mainN2{ width: 100%; height: auto; } .mainN2In{ width: 1386px; height: auto; margin: 0 auto; overflow: hidden;} .mainN2T{ width: 100%; height: auto; float: left; margin-top: 2.5rem;} .mainN2B{ width: 100%; height: auto; float: left; margin-top: 4.5rem; padding-bottom: 7.5rem;} .mainN2B li{ width: 20%; height: 15rem; float: left; margin-left: 5rem; display: flex; align-items: center; background: #FFFFFF; box-shadow: 1px 1px 18px 0px rgba(217, 217, 232, 0.4); border-radius: 5px;} .mainN2B li:first-child{ margin-left: 0.5rem;} .mainN2B .liL{ width: 13rem; height: 13rem; float: left; margin-left: 1rem; position: relative; z-index: 1;} .mainN2B .liL img{ width: 100%; height: auto; object-fit: cover;} .mainN2B .liR{ width: 14rem; height: auto; float: left; margin-left: -2rem; position: relative; z-index: 2; font-size: 1rem; font-weight: 400; color: #343434; line-height: 26px;} .mainN2B li:nth-child(1) .liR{ margin-left: -3.5rem;} .mainN2B li:nth-child(2) .liR{ margin-left: -1rem;} .mainN2B li:nth-child(3) .liR{ margin-left: -1rem;} @media(max-width: 1100px){ .mainN2{ width: 100%; height: auto; } .mainN2In{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding: 0 4%;} .mainN2T{ width: 100%; height: auto; float: left; margin-top: 4rem;} .mainN2B{ width: 100%; height: auto; float: left; margin-top: 1rem; padding-bottom: 4rem; display: flex; flex-wrap: wrap;} .mainN2B li{ width: 100%; height: auto; float: left; padding: 1rem 0; margin-top: 1.5rem; display: flex; align-items: center; background: #FFFFFF; box-shadow: 1px 1px 9px 0px rgba(217, 217, 232, 0.4); border-radius: 0.3rem;margin-left: 0; } .mainN2B li:first-child{ margin-left: 0rem;} .mainN2B .liL{ width: 6.7rem; height: 6.7rem; float: left; margin-left: 1rem; position: relative; z-index: 1;} .mainN2B .liL img{ width: 100%; height: 100%; object-fit: contain;} .mainN2B .liR{ width: 14rem; height: auto; float: left; margin-left: -1rem; position: relative; z-index: 2; font-size: 1rem; font-weight: 400; color: #343434;line-height: 1.6rem;} .mainN2B li:nth-child(1) .liR{ margin-left: 1rem;} .mainN2B li:nth-child(2) .liR{ margin-left: 1rem;} .mainN2B li:nth-child(3) .liR{ margin-left: 1rem;} .mainN2B li:nth-child(4) .liR{ margin-left: 1rem;} } .mainN3{ width: 100%; height: auto; background-color: #F9F9F9;} .mainN3In{ width: 1386px; height: auto; margin: 0 auto; overflow: hidden;} .mainN3T{ width: 100%; height: auto; float: left; margin-top: 3rem;} .mainN3B{ width: 100%; height: auto; float: left; padding-top: 4.5rem; padding-bottom: 11.5rem;} .mainN3B li{ width: 17%; height: 35rem; float: left; margin-left: 20px; margin-right: 20px; background: #FFFFFF; box-shadow: 0px 1px 18px 0px rgba(217, 217, 232, 0.4); border-radius: 1rem;} .mainN3B li:first-child{ margin-left: 0.5rem;} .mainN3B li:nth-child(2n+0){ position: relative; top: 5rem; left: 0;} .mainN3B .liT{ width: 100%; height: 16rem; float: left; margin-top: 3rem; text-align: center; padding: 20px; } .mainN3B .liT img{ width: 100%; height: auto; border-radius: 50%; } .mainN3B .liM{ width: 100%; height: auto; float: left; margin-top: 1.5rem; text-align: center; position: relative;} .mainN3B .liM em{ width: 100%; height: auto; float: left; line-height: 5rem; font-size: 5rem; font-family: Bebas Neue; font-weight: bold; color: #7E7ED2; opacity: 0.1; position: absolute; top: 0; left: 0; font-style: normal;} .mainN3B .liM span{ width: 100%; height: auto; float: left; margin-top: 1.5rem; line-height:1. 25rem; font-size: 1.5rem; font-weight: bold; color: #333333;} .mainN3B .liM i{ width: 5rem; height: 2px; float: left; margin-top: 1.5rem; margin-left: 7.5rem; background: #7E7ED2; border-radius: 1px;} .mainN3B .liB{ width: 100%; height: auto; float: left; margin-top:1. 25rem; text-align: center; font-size: 1rem; font-weight: 400; color: #333333; line-height:1. 25rem;} @media(max-width: 1100px){ .mainN3{ width: 100%; height: auto; background-color: #F9F9F9; } .mainN3In{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding: 0 10px;} .mainN3T{ width: 100%; height: auto; float: left; margin-top: 2.8rem;} .mainN3B{ width: 100%; height: auto; float: left; margin-top: 2rem; padding-bottom:1. 25rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;padding-top: 0;} .mainN3B li{ width: calc(45% - 1rem); height: 13rem; float: left; margin-left: 0.5rem;background: #FFFFFF; box-shadow: 0px 1px 9px 0px rgba(217, 217, 232, 0.4); border-radius: 0.5rem; margin-top: 20px; } .mainN3B li:first-child{ } .mainN3B li:nth-child(4){ margin-left: 0;} .mainN3B li:nth-child(2n){position: revert;} .mainN3B .liT{ width: 100%; height: auto; float: left; margin-top: 0.33rem; text-align: center;margin-left: 0;} .mainN3B .liT img{ width: 100%; height: auto; border-radius: 50%; object-fit: cover;} .mainN3B .liM{ width: 100%; height: auto; float: left; margin-top: 0rem; text-align: center; position: relative;} .mainN3B .liM em{ width: 100%; height: auto; float: left; line-height: 2.5rem; font-size: 3.4rem; font-family: Bebas Neue; font-weight: bold; color: #7E7ED2; opacity: 0.1; position: absolute; top: 0; left: 0; font-style: normal;} .mainN3B .liM span{ width: 100%; height: auto; float: left; margin-top: 0.75rem; line-height: 1.1rem; font-size: 1.1rem; color: #333333;} .mainN3B .liM i{display: none;} .mainN3B .liB{display: none;} } .mainN4{ width: 100%; height: auto; background: url("../images/service/fuxueshi/bachelorN13.jpg") no-repeat center; background-size: cover;} .mainN4In{ width: 1386px; height: auto; margin: 0 auto; overflow: hidden; display: flex; justify-content: center;} .mainN4L{ width: auto; height: auto; float: left; margin: 4.5rem 0; font-size: 2.5rem; font-weight: 500; color: #FFFFFF; line-height: 4.8rem;} .mainN4L em{ font-size: 3.5rem; font-style: normal;} .mainN4R{ width: 200px; height: 50px; float: left; margin: 5rem 0; margin-left: 28rem; text-align: center; line-height: 50px; background: #FFCA28; border-radius: 25px; font-size: 1.375rem; font-weight: 500; color: #222222; cursor: pointer;} @media(max-width: 1100px){ .mainN4{ width: 100%; height: auto; background: url("../images/service/fuxueshi/bachelorN15.jpg") no-repeat center; background-size: cover; margin-top: -60px;} .mainN4In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;display:block;} .mainN4L{ width: 100%; height: auto; float: left; margin: 2.2rem 0 0 0; text-align: center; font-size:1.6rem; line-height:1. 25rem; color: #ffffff;} .mainN4L em{ font-size: 2.5rem; font-style: normal;} .mainN4R{ width: 50%; height: auto; float: left; text-align: center; margin: 1.5rem 0 1.5rem 50%; transform: translateX(-50%); line-height:1. 25rem; background: #FFCA28; border-radius: 2rem; font-size: 1.1rem; font-weight: 500; color: #222222; cursor: pointer;} } .mainN5{ width: 100%; height: auto; margin-bottom: 8.5rem; background-color: #F9F9F9; } .mainN5In{ width: 75rem; height: auto; margin: 0 auto; overflow: hidden;} .mainN5T{ width: 100%; height: auto; float: left; margin-top: 5.37rem;} .mainN5B{ width: 100%; height: auto; float: left; margin-top: 0.6rem; position: relative;} .mainN5B:after{ content: ''; width: 64.4rem; height: 14.25rem; background: url("../images/service/fuxueshi/bachelorN5.png") no-repeat center; background-size: 100%; position: absolute; top: 6.5rem; left: 5.625rem; z-index: 1;} .mainN5BL{ width: 62.25rem; height: auto; float: left; position: relative; z-index: 2;} .mainN5BL li{ width: 11.25rem; height: 10rem; float: left; margin-left: 5.12rem; margin-top: 3.9rem; padding: 0 1.56rem; background: #828CDC; border-radius: 0.625rem;} .mainN5BL li:first-child{ margin-left: 0;} .mainN5BL li:nth-child(5){ margin-left: 0;} .mainN5BL .liT{ width: 100%; height: auto; float: left; margin-top: 1.25rem; font-size: 1.125rem; font-weight: 500; color: #FFFFFF;} .mainN5BL .liM{ width: 2.19rem; height: 3px; float: left; background: #FFC927; margin-top: 0.625rem;} .mainN5BL .liB{ width: 100%; height: auto; float: left; margin-top:0.75rem; font-size: 0.875rem; font-weight: 400; color: #FFFFFF; line-height:1. 25rem;} .mainN5BR{ width: 10rem; height: 10rem; float: right; padding: 0 2.5rem; margin-top: 8.75rem; background: #818BDB; border-radius: 5rem; position: relative; z-index: 2;} .mainN5BR span{ width: 100%; height: auto; float: left; margin-top:3. 75rem; font-size:1. 25rem; font-weight: 500; color: #FFFFFF; padding-top: 50px; } .mainN5BR em{ width: 2.19rem; height: 3px; float: left; background: #FFC927; margin-top: 0.625rem;} .mainN5Wap{ width: 100%; height: auto; margin-bottom: 1.875rem; display: none;} .mainN5WapIn{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;} .mainN5WapT{ width: 100%; height: auto; float: left; margin-top: 2.5rem;} .mainN5WapB{ width: 100%; height: auto; float: left; margin-top: 1.5rem; position: relative;} .mainN5WapBN1{ width: 100%; height: auto; float: left; display: flex; justify-content: center; flex-wrap: wrap;} .mainN5WapBN1 li{ width: 15.6rem; height: auto; float: left; min-height: 4.68rem; margin-top: 0.625rem; padding: 0.625rem; color: #ffffff; background-color: #828CDC; border-radius: 0.5rem;} .mainN5WapBN1 .liT{ width: 100%; height: auto; float: left; position: relative;} .mainN5WapBN1 .liT span{ width: auto; height: auto; float: left; font-size:1.125rem; line-height:1.125rem; font-weight: bold;} .mainN5WapBN1 .liT i{ width: 1.8rem; height: 0.2rem; float: left; margin-top: 0.5rem; background-color: #FFCA28; position: absolute; top: 100%; left: 0;} .mainN5WapBN1 .liB{ width: 100%; height: auto; float: left; margin-top: 1rem;} .mainN5WapBN1 .liB p{ width: 100%; height: auto; float: left; display: flex; justify-content: space-between; align-items: flex-start; color: #Fff; } .mainN5WapBN1 .liB span{ width: auto; height: auto; float: left; font-size: 1rem; color: #Fff;} .mainN5WapBN2{ width: 100%; height: auto; float: left; margin: 1.5rem 0 0.5rem 0; display: flex; align-items: flex-start; justify-content: center; position: relative; z-index: 2;} .mainN5WapBN2 span{ width: 7.5rem; height: 1.875rem; float: left; margin-left: -11.87rem; line-height: 1.875rem; background-color: #FFCA28; border-radius: 1.5rem; font-size: 1.3rem; font-weight: bold; color: #ffffff; text-align: center;} .mainN5WapBN3{ width: 100%; height: 100%; float: left; text-align: center; position: absolute; top: 0; left: 0;} .mainN5WapBN3 img{ margin-left: -18.5rem; height: 98%;} @media(max-width: 1100px){ .mainN5{ display: none;} .mainN5Wap{ display: block;} .mainN5BL .liT{ font-size: 1.325rem;} } .mainN6{ width: 100%; height: auto; } .mainN6 img{ width: 100%; height: auto; object-fit: none;} .mainN6Wap{ width: 100%; height: auto; float: left; display: none;} .mainN6Wap img{ width: 100%;} @media(max-width: 1100px){ .mainN6{ display: none;} .mainN6Wap{ display: block;} } .mainN7{ width: 100%; height: auto; } .mainN7In{ width: 75rem; height: auto; margin: 0 auto; overflow: hidden;} .mainN7T{ width: 100%; height: auto; float: left; margin-top: 5.3rem;} .mainN7B{ width: 100%; height: auto; float: left; padding-bottom: 5rem; position: relative;} .mainN7B:after{ content: ''; width: 20rem; height: 18.75rem; background: url("../images/service/fuxueshi/bachelorN7.png") no-repeat center; background-size: 100%; position: absolute; top: 4rem; left: 50%; transform: translateX(-50%); z-index: 1;} .mainN7BL{ width: 20rem; height: auto; float: left; margin-left: 7.5rem;} .mainN7BL li{ width: 100%; height: auto; float: left; margin-top: 2.8rem; text-align: right; position: relative;} .mainN7BL li:nth-child(2){ padding-right: 3rem;} .mainN7BL li:nth-child(2) .liT{ right: 2.8rem; left: auto;} .mainN7BL .liT{ width: 100%; height: auto; float: left; font-size: 4.37rem; font-weight: bold; color: #F1F1F9; line-height: 3.43rem; position: absolute; top: 0; left: 0.18rem; z-index: 1;} .mainN7BL .liM{ width: 100%; height: auto; float: left; margin-top: 1.87rem; line-height: 1.25rem; font-size: 1.25rem; font-weight: 500; color: #333333; position: relative; z-index: 2;} .mainN7BL .liB{ width: 100%; height: auto; float: left; margin-top: 0.625rem; line-height: 0.875rem; font-size: 0.875rem; font-weight: 400; color: #333333; position: relative; z-index: 2;} .mainN7BM{ width: 7.93rem; height: 7.93rem; float: left; margin: 10rem 6rem 0 6rem; background: #7171CD; border-radius: 3.93rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; cursor: pointer;} .mainN7BM span{ width: 5.1rem; height: auto; float: left; text-align: center; font-size: 1.25rem; font-weight: 500; color: #FFFFFF; line-height: 1.69rem;} .mainN7BR{ width: 20rem; height: auto; float: left;} .mainN7BR li{ width: 100%; height: auto; float: left; margin-top: 2.81rem; position: relative;} .mainN7BR li:nth-child(2){ padding-left: 3rem;} .mainN7BR li:nth-child(2) .liT{ left: 2.81rem; right: auto;} .mainN7BR .liT{ width: 100%; height: auto; float: left; font-size: 4.37rem; font-weight: bold; color: #F1F1F9; line-height: 3.43rem; position: absolute; top: 0; right: 0.3rem; z-index: 1;} .mainN7BR .liM{ width: 100%; height: auto; float: left; margin-top: 1.875rem; line-height: 1.25rem; font-size: 1.25rem; font-weight: 500; color: #333333; position: relative; z-index: 2;} .mainN7BR .liB{ width: 100%; height: auto; float: left; margin-top: 0.625rem; line-height: 0.875em; font-size: 0.875rem; font-weight: 400; color: #333333; position: relative; z-index: 2;} @media(max-width: 1100px){ .mainN7{ width: 100%; height: auto; } .mainN7In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;} .mainN7T{ width: 100%; height: auto; float: left; margin-top: 2.5rem;} .mainN7B{ width: 100%; height: auto; float: left; margin-top: 1.5rem; padding-bottom: 2rem; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;} .mainN7B::after{display: none;} .mainN7BL{ width: 6.25rem; height: auto; float: left;margin-left: 0; } .mainN7BL li{ width: 100%; height: auto; float: left; margin-top: 0.31rem; text-align: right; position: relative;} .mainN7BL li:nth-child(2){ padding-right: 0.93rem;} .mainN7BL li:nth-child(2) .liT{ right: 0.81rem; left: auto;} .mainN7BL .liT{ width: 100%; height: auto; float: left; font-size: 2.18rem; font-weight: bold; color: #F1F1F9; line-height: 1.56rem; position: absolute; top: 0; left: 1.875rem; z-index: 1;} .mainN7BL .liM{ width: 100%; height: auto; float: left; margin-top: 0.93rem; line-height: 0.625rem; font-size: 0.625rem; font-weight: 500; color: #333333; position: relative; z-index: 2;} .mainN7BL .liB{ width: 100%; height: auto; float: left; min-height: 35px; margin-top: 0.625rem; font-size: 12px; font-weight: 400; color: #333333; position: relative; z-index: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height:1rem; } .mainN7BM{ width: 7.94rem; height: 7.94rem; float: left; margin: 2.31rem 0 0 0; background: url("../images/service/fuxueshi/bachelorN7.png") no-repeat center; background-size: 100%; display: flex; align-items: center; justify-content: center;} .mainN7BM p{ width: 4rem; height: 4rem; float: left; background: #7171CD; border-radius: 2rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; cursor: pointer;} .mainN7BM span{ width: 3.125rem; height: auto; float: left; text-align: center; font-size: 0.75rem; font-weight: 500; color: #FFFFFF; line-height: 0.937rem;} .mainN7BR{ width: 6.25rem; height: auto; float: left;} .mainN7BR li{ width: 100%; height: auto; float: left; margin-top: 0.3125rem; position: relative;} .mainN7BR li:nth-child(2){ padding-left: 0.94rem;} .mainN7BR li:nth-child(2) .liT{ left:0.81rem; right: auto;} .mainN7BR .liT{ width: 100%; height: auto; float: left; font-size: 2.18rem; font-weight: bold; color: #F1F1F9; line-height: 1.56rem; position: absolute; top: 0; right: 0.18rem; z-index: 1;} .mainN7BR .liM{ width: 100%; height: auto; float: left; margin-top: 0.937rem; line-height: 0.625rem; font-size: 0.625rem; font-weight: 500; color: #333333; position: relative; z-index: 2; } .mainN7BR .liB{ width: 100%; height: auto; float: left; min-height: 35px; margin-top: 0.625rem; font-size: 12px; font-weight: 400; line-height: 20px; color: #333333; position: relative; z-index: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} } /*main8*/ .mx_main8 { max-width: 100%; height: auto; margin:0 auto; overflow: hidden; } .mx_main8 .box { max-width: 1280px; margin:25px auto; padding-top: 30px; } .mx_main8 .box .header h3 { width: auto; margin: auto; height: 160px; font-size: 3rem; text-align: center; overflow: hidden; } .mx_main8 .box .header h3 span.se { color: #7171cd;} .mx_main8 .box .header h3 strong { width: auto; height:60px ; line-height: 60px;color: #333; position: relative; left: 0; right: 0; } .mx_main8 .box .header h3 div.en { width: 100%; height: 39px; margin-top: 20px; opacity: 0.08; font-size: 4rem; font-family: MyFont; font-weight: W5; color: #666666; } .mx_main8 .box .header p { width: 100%; line-height: 40px; text-align: center; display:inline-block; font-size: 1.125rem; } .mx_main8 .box .row { background: #fff; box-shadow: 0 0 5px #ddd; border-radius: 10px; margin-top: 30px; padding-bottom: 50px; } .mx_main8 .box .list { width: 100%; height: auto; overflow: hidden; background: #fff; padding:30px 30px 30px 20px; border-radius: 10px; } .mx_main8 .box .list .img { width: 45%; overflow: hidden; float: left; text-align: center; } .mx_main8 .box .list .img img { width: 100%; height: auto; } .mx_main8 .box .list .right { width: 55%; overflow: hidden; float: right; padding-top: 10px; padding-left: 30px;} .mx_main8 .box .list .right h4{ height: auto; line-height: 24px; font-size: 1.375rem; margin-bottom: 15px; } .mx_main8 .box .list .right p { line-height: 22px; font-size: 1rem; } .mx_main8 .box .list2 { width: 100%; height: auto; overflow: hidden; } .mx_main8 .box .list2 ul li { width: 100%; padding: 0 30px 0 20px ; line-height: 30px;} .mx_main8 .box .list2 ul li i { margin-right: 10px; color: #ff8534; } .mx_main8 .box .list2 ul li span { font-size: 0.85rem;} .mx_main8 .box .more { text-align: center; margin-top: 75px; margin-bottom: 110px; } .mx_main8 .box .more a { width: auto; height: 50px; line-height: 50px; display: inline-block; padding: 0 45px; border-radius: 50px; background: #7171cd; color: #fff; font-size: 1.375rem; overflow: hidden; vertical-align: middle; } .mx_main8 .box .more img { margin-top: -6px; } .mx_main8 .box .more a:hover { background: #ff7d27;} @media (max-width:575px) { .mx_main8 .box { margin:10px auto; padding-top: 20px; } .mx_main8 .box .header h3 { width: auto; margin: auto; height: 110px; font-size: 2rem; } .mx_main8 .box .header h3 strong { top:-20px;line-height: 24px; } .mx_main8 .box .header h3 div.en { font-size: 2.5rem; } .mx_main8 .box .header h3 span.t1 { top: -20px; } .mx_main8 .box .header h3 span.t2 {top: -20px; } .mx_main8 .box .header p { font-size: 0.95rem; line-height: 24px; } .mx_main8 .box .row { background: #fff; box-shadow:none; border-radius: 0; padding-bottom: 0; } .mx_main8 .box .list {padding:15px 30px 15px 20px; } .mx_main8 .box .list .right { padding-top: 0; padding-left: 30px;} .mx_main8 .box .list .right h4{ font-size: 1.125rem; margin-bottom: 0; } .mx_main8 .box .list .right p { display: none; } .mx_main8 .box .list2 ul li span { display: none; } .mx_main8 .box .more { margin-top: 45px; margin-bottom: 50px; } }