@media (max-width:500px) {
    /* common */
    body .w1300 {padding-left:20px;padding-right: 20px;width: 100%;}
    body img {width: 75%;}
    body .pc {display: none !important;}
    body .mo {display: block;}
    body #wrap {padding-top: 50px;}
    body section {font-size: 15px;padding:50px 0}
    body .grid {display: block;}
    body section .center {margin-bottom: 30px;}

    body header {padding:0 18px;height: 50px;}
    body header ul {height: 50px;}
    body header ul li {width: 45%;}
    body header ul li:first-child a {font-size: 0;}
    body header ul li:last-child {width: 51%;}
    body section .font {font-size: 28px;}

    body footer .grid {display: flex;}
    body footer .grid > div:nth-child(2) {width: 80px;}
    body footer span {font-size: 11px;}

    /* wrap */
    body section:nth-child(2) ul {padding:35px 40px 60px}
    body section:nth-child(2) ul li {padding:8px 25px;margin-right: 35px;}
    body section:nth-child(3) .txt_box {width: 90%;}
    body section:nth-child(4) .grid {width: 100%;}
    body section:nth-child(4) img.mo {width: 80% !important;display: block;margin:30px auto 0;}
    body section:nth-child(4) .grid > div {width: calc(100% - 36px) !important;padding:18px}
    body section:nth-child(4) h2 {font-size: 22px;}
    body section:nth-child(4) .grid .left_box > div {padding:20px;}
    body section:nth-child(4) .grid p {font-size: 12px;}
    body section:nth-child(5) h2 {font-size: 21px;}
    body section:nth-child(5) .swiper {padding:18px 18px 140px;margin-bottom: 0;height: 520px;}
    body section:nth-child(5) .swiper-slide p {font-size: 15px;}
    body section:nth-child(5) .swiper-slide {padding:20px 20px 30px;}
    body section:nth-child(5) .swiper-pagination {bottom: 0;left: 0;width: 100% !important;position: relative;top: 77px !important;height: 50px !important;padding: 39px 0 67px;background: #f4f9ff;}
    body section:nth-child(5) .swiper-pagination-bullet-active .Num {transform: translate(0);}
    body section:nth-child(5) .swiper-pagination-bullet {display: inline-block !important;width: auto;;font-size: 15px;top:0 !important;margin:0 !important}
    body section:nth-child(5) .swiper-pagination-bullet .Num {width: 30px;height: 30px;margin-right: 14px;line-height: 30px;}
    body section:nth-child(5) .swiper-pagination-bullet:last-child .Num {margin-right: 0;}
    body section:nth-child(5) .swiper-pagination-bullet .Num + span {font-size: 0;}
    body section:nth-child(5) .swiper-pagination-bullet .Num::after {width: 25px;height: 2px;bottom: auto;right: -38px;left: auto;top: 48%;}
    body section:nth-child(5) > div:last-child img {width: 500% !important;}

    body section:nth-child(6) {text-align: center;padding-bottom: 0;}
    body section:nth-child(6) p {font-size: 12px;}
    body section:nth-child(6) .right_img {position: relative;top: auto;right: -9%;width: 200%;margin-top: 50px;}

    body section:nth-child(7) ul {width: 100%;font-size: 13px;}
    body section:nth-child(7) ul li strong {width: 70px;}
    body section:nth-child(7) ul li::after {width: 8px;height: 8px;}
    body section:nth-child(7) ul li::before {position: absolute;bottom: -17px;left: 3.5px;width: 1px;height: 32px;background-color: #86d9db;content: '';}

    body section:nth-child(8) .w1300 > .grid > div {width: 100%;text-align: center;}
    body section:nth-child(8) .w1300 > .grid > div > h1 {margin-bottom: 30px;}
    body section:nth-child(8) .w1300 > .grid > div > h1.font,
    body section:nth-child(8) .w1300 > .grid > div span.font.point {font-size: 38px;}
    body section:nth-child(8) .fake-wr {padding:20px;font-size: 11px;}
    body section:nth-child(8) .fake-wr .desc {text-align: left;}
    body section:nth-child(8) .fake-wr form input,
    body section:nth-child(8) .fake-wr form textarea {padding:10px;margin-bottom: 7px;}
    body section:nth-child(8) .fake-wr textarea {height: 100px !important;}
    body section:nth-child(8) .fake-wr input[type=checkbox] {transform: translateY(3px);margin-right: 5px;}
    body section:nth-child(8) .submit_cover {font-size: 20px;height: 44px;}
    body section:nth-child(8) .w1300 > .grid > div.mo .grid {display: flex;text-align: left;}
    body section:nth-child(8) .grid > img {width: 60px !important;}
    body section:nth-child(8) ul {padding-top: 20px;}
    body section:nth-child(8) .font {font-size: 20px;}
    body section:nth-child(8) ul li {padding:15px 20px}
    body section:nth-child(8) ul li span {font-size: 14px;}
    


    .fixed-fake-wr {display: none;}
}