@charset "utf-8";

.acc_new {}
.acc_new .middleInfoWrap {padding:240px 0 145px;}
.acc_new .middleInfo {width: 1080px; float:right; background: #F4F4F4; height: 400px; padding-right: 200px; box-sizing: border-box;}
.acc_new .middleInfo img {width: 413px; margin-left: -100px; margin-top: -100px;}
.acc_new .middleInfo > .right {width: calc(100% - 400px); height: 100%; display: table;}
.acc_new .middleInfo > .right div {display: table-cell; vertical-align: middle}
.acc_new .middleInfo h3 {font-weight: 600; font-size: 1.3em; margin-bottom: 32px;}
.acc_new .middleInfo h3 + p {font-weight: 400; font-size: 1.067em;}

.acc_new .wayWrap {background:#fafafa; padding: 0 0 120px;}
.acc_new .wayWrap h4 {font-weight: 600; font-size: 2em; margin-bottom: 30px; margin-top: 140px;}
.acc_new .wayWrap ul {}
.acc_new .wayWrap ul li {margin-right: 9px; width: 293px; float:left;}
.acc_new .wayWrap ul li:nth-of-type(5n-1) {margin-right: 0}
.acc_new .wayWrap ul li.div {width: 100%; margin-bottom: 100px;}
.acc_new .wayWrap ul li img {width: 100%;margin-bottom: 10px; float:left;}
.acc_new .wayWrap ul li p {font-size: 1.067em; width: 100%; float:left; position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 400}
.acc_new .wayWrap ul li p b {display: block; }
.acc_new .wayWrap ul li p span {display: block; margin-top: 20px; font-size: 0.813em; line-height: 1.4em;}
.acc_new .wayWrap ul li p::before {position: absolute; left:0; }
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(1) p::before {content:"1."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(2) p::before {content:"2."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(3) p::before {content:"3."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(4) p::before {content:"4."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(6) p::before {content:"5."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(7) p::before {content:"6."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(8) p::before {content:"7."}
.acc_new .wayWrap ul:nth-of-type(1) li:nth-of-type(9) p::before {content:"8."}
.acc_new .wayWrap ul:nth-of-type(2) li p::before {content:"•"}
.acc_new .wayWrap ul:nth-of-type(2) li p:nth-of-type(1) {margin-bottom: 20px;}

.acc_new .downWrap {margin-top: 20px; }
.acc_new .downWrap a {height: 40px; display: inline-block; float:left; margin-right:10px; }
.acc_new .downWrap a img {height: 100%;}

@media (max-width: 1199px) {
    .acc_new .middleInfoWrap {padding:110px 0 50px}
    .acc_new .middleInfo {width: 100%; background: #fff; height: auto; padding:0}
    .acc_new .middleInfo img {width: 100%; margin:0; margin-bottom: 30px;}
    .acc_new .middleInfo > .right {width: 100%; display: block;}
    .acc_new .middleInfo h3 {margin-bottom: 20px;}

    .acc_new .wayWrap {padding-bottom: 50px;}
    .acc_new .wayWrap h4 {margin-top: 50px; font-size: 1.5em;}
    .acc_new .wayWrap ul li {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .acc_new .wayWrap ul li.div {display: none;}
    .acc_new .wayWrap ul li:last-of-type {margin-bottom: 0}
}