.a_logo { position: fixed; left: 0; top: 0; width: 100%; height: 50px; background-color: #e2fbfe; overflow: hidden; padding: 0 10px 0 12px; }
.a_logo a { display: block; width: 124px; height: 36px; padding-top: 8px; }
.a_logo a img { display: block; width: 100%; }
.body { padding-top: 50px; }
.contact_h1 { display: block; font-size: 18px; line-height: 26px; text-align: center; margin: 20px 0 20px 0; }
.contact_ul { width: 210px; margin: 0 auto 30px auto; }
.contact_ul li { height: 60px; margin-bottom: 12px; }
.contact_ul li a { position: relative; display: block; height: 60px; padding-left: 60px; text-align: center; font-size: 22px; line-height: 58px; color: #333333; border: 1px solid #dddddd; }
.contact_ul li a:after { content: ''; display: block; position: absolute; left: -1px; top: -1px; z-index: 1; width: 60px; height: 60px; }
.contact_ul li a:before { content: ''; display: block; position: absolute; left: 8px; top: 8px; z-index: 2; width: 42px; height: 42px; background-image: url(../images/contact_ul.png); background-repeat: no-repeat; background-size: 42px auto; }
.contact_ul li:nth-child(1) a:after { background-color: #ff8800; }
.contact_ul li:nth-child(1) a:before { background-position: 0 0; }
.contact_ul li:nth-child(2) a:after { background-color: #00a0e9; }
.contact_ul li:nth-child(2) a:before { background-position: 0 -42px; }
.twoImg { width: 106px; height: 106px; margin: 0 auto; overflow: hidden; }
.twoImg img { display: block; width: 106px; }
.two_text { display: block; text-align: center; color: #333333; }
.two_text b { display: block; font-size: 18px; line-height: 30px; font-weight: normal; }
.two_text span { display: block; font-size: 14px; line-height: 22px; }
.job { padding: 16px; }
.job_p { margin-bottom: 20px; }
.job h1 { font-size: 20px; color: #333333; line-height: 44px; text-align: center; }
.job h2 { font-size: 16px; line-height: 32px; color: #2abbb4; border-bottom: 2px solid #2abbb4; margin-bottom: 4px; }
.job p { display: block; color: #333333; font-size: 14px; line-height: 26px; }
.job p span { font-size: 14px; line-height: 22px; }
.job p.p1 { text-align: center; }
.job p.p_red { color: #f75a53; }
.job .c_ed6800 { color: #ed6800; }
.job .c_f7609f { color: #f7609f; }
.job .c_4b9dd7 { color: #4b9dd7; }
.job .c_43b57e { color: #43b57e; }
.job .c_6f64c0 { color: #6f64c0; }
.text {margin-left:50px;}
 
@media screen and (min-width: 480px) and (max-width: 639px) {
    .a_logo { height: 74px; padding: 0 14px 0 18px; }
    .a_logo a { width: 186px; height: 54px; padding-top: 12px; }
    .body { padding-top: 74px; }
    .contact_h1 { font-size: 26px; line-height: 38px; margin: 30px 0 30px 0; }
    .contact_ul { width: 314px; margin: 0 auto 44px auto; }
    .contact_ul li { height: 90px; margin-bottom: 18px; }
    .contact_ul li a { height: 90px; padding-left: 90px; font-size: 32px; line-height: 86px; border: 2px solid #dddddd; }
    .contact_ul li a:after { left: -2px; top: -2px; width: 90px; height: 90px; }
    .contact_ul li a:before { left: 12px; top: 12px; width: 62px; height: 62px; background-size: 62px auto; }
    .contact_ul li:nth-child(2) a:before { background-position: 0 -62px; }
    .twoImg { width: 158px; height: 158px; }
    .twoImg img { width: 158px; }
    .two_text b { font-size: 26px; line-height: 44px; }
    .two_text span { font-size: 20px; line-height: 32px; }
    .job { padding: 24px; }
    .job_p { margin-bottom: 30px; }
    .job h1 { font-size: 30px; line-height: 66px; }
    .job h2 { font-size: 24px; line-height: 48px; border-bottom: 2px solid #2abbb4; margin-bottom: 6px; }
    .job p { font-size: 20px; line-height: 38px; }
    .job p span { font-size: 20px; line-height: 32px; }
}

@media screen and (min-width: 640px) {
    .a_logo { height: 100px; padding: 0 20px 0 24px; }
    .a_logo a { width: 248px; height: 72px; padding-top: 16px; }
    .body { padding-top: 100px; }
    .contact_h1 { font-size: 36px; line-height: 52px; margin: 40px 0 40px 0; }
    .contact_ul { width: 420px; margin: 0 auto 60px auto; }
    .contact_ul li { height: 120px; margin-bottom: 24px; }
    .contact_ul li a { height: 120px; padding-left: 120px; font-size: 44px; line-height: 116px; border: 2px solid #dddddd; }
    .contact_ul li a:after { left: -2px; top: -2px; width: 120px; height: 120px; }
    .contact_ul li a:before { left: 16px; top: 16px; width: 84px; height: 84px; background-size: 84px auto; }
    .contact_ul li:nth-child(2) a:before { background-position: 0 -84px; }
    .twoImg { width: 212px; height: 212px; }
    .twoImg img { width: 212px; }
    .two_text b { font-size: 36px; line-height: 60px; }
    .two_text span { font-size: 28px; line-height: 44px; }
    .job { padding: 32px; }
    .job_p { margin-bottom: 40px; }
    .job h1 { font-size: 40px; line-height: 88px; }
    .job h2 { font-size: 32px; line-height: 64px; border-bottom: 4px solid #2abbb4; margin-bottom: 8px; }
    .job p { font-size: 28px; line-height: 52px; }
    .job p span { font-size: 28px; line-height: 44px; }
}