.container { width: 100%; height: 100%; position: relative; }
.container * { background-position: center center; background-repeat: no-repeat; letter-spacing: -1px; box-sizing: border-box; }
.container > .section { margin: 0 auto; }
.container > .section a { text-decoration: none; }
.container > .section > ul > li { width: 100%; border-style: solid; border-width: 0 0 9px; -moz-border-image: url(/assets/_img/sub/franchise/dot.png) 0 0 9 round; -webkit-border-image: url(/assets/_img/sub/franchise/dot.png) 0 0 15 round; -o-border-image: url(/assets/_img/sub/franchise/dot.png) 0 0 15 round; border-image: url(/assets/_img/sub/franchise/dot.png) 0 0 15 fill round; }
.container > .section > ul > li .fwcb { font-weight: bold; color: #006cba; font-size: inherit; }
.container > .section > ul > li > h3 { color: #1c4684; font-weight: bold; }
.container > .section > ul > li > h3 > span { font-weight: inherit; font-size: inherit; color: inherit; }
.container > .section > ul > li > h4 { color: #aaa; font-weight: normal; }
.container > .section > ul > li > h4 > span { font-weight: inherit; color: inherit; font-size: inherit; }
.container > .section > ul > li > ul > li { width: 100%; }
.container > .section > ul > li > p { font-weight: normal; color: #333; }
.container > .section > ul > li > p > a { color: #006cba; font-weight: bold; }
.container > .section > ul > li > a { background-color: #006cba; text-align: center; color: #fff; float: right; font-weight: bold; }
.container > .section > ul > li > div { background-size: contain; }
.container > .section > ul > li > div > span { width: 0; height: 0; display: block; overflow: hidden; }
.container > .section > ul > .li1 > ul { border-top: 1px solid #333; }
.container > .section > ul > .li1 > ul > li { border-bottom: 1px solid #dadada; }
.container > .section > ul > .li1 > ul > li > h5 { float: left; color: #006cba; }
.container > .section > ul > .li1 > ul > li > p { float: left; color: #333; }
.container > .section > ul > .li1 > ul li:after { content: ""; display: block; clear: both; }
.container > .section > a { background-color: #006cba; color: #fff; text-align: center; margin: 0 auto; display: block; font-weight: bold; }

@media all and (min-width: 1080px) { .container > .section { width: 1005px; padding: 94px 0; }
  .container > .section > ul { width: 100%; margin-bottom: 45px; }
  .container > .section > ul > li { width: 100%; padding: 45px 0; height: auto; }
  .container > .section > ul > li > * { float: left; }
  .container > .section > ul > li > h3 { font-size: 18px; width: 125px; height: 100%; }
  .container > .section > ul > li > h3 > span { display: block; margin-top:6px; }
  .container > .section > ul > li > ul { width: 880px; }
  .container > .section > ul > li > ul > li { line-height: 28px; }
  .container > .section > ul > li > p { font-size: 16px; line-height: 28px; }
  .container > .section > ul > li > a { width: 150px; height: 30px; line-height: 30px; }
  .container > .section > ul > .li1 > h3 { padding-top: 30px; }
  .container > .section > ul > .li1 > h4 { float: right; }
  .container > .section > ul > .li1 > ul { height: 252px; float: right; margin: 10px 0; }
  .container > .section > ul > .li1 > ul > li { height: 42px; }
  .container > .section > ul > .li1 > ul > li > h5 { line-height: 42px; margin-right: 25px; }
  .container > .section > ul > .li1 > ul > li > p { line-height: 42px; }
  .container > .section > ul > .li3 > h3 { width: 100%; margin-bottom: 20px; }
  .container > .section > ul > .li3 > h3 > span { font-size: 16px; color: #333; display: inline-block; font-weight: normal; }
  .container > .section > ul > .li3 > div { width: 100%; height: 280px; background-image: url(/assets/_img/sub/franchise/franchise_p.png); }
  .container > .section > ul > .li5 > ul > li, .container > .section > ul .li6 > ul > li { width: 300px; float: left; }
  .container > .section > ul > li:after { content: ""; display: block; clear: both; }
  .container > .section > a { width: 280px; height: 38px; font-size: 17px; line-height: 38px; border-radius: 38px; } }
@media (min-width: 641px) and (max-width: 1079px) { .container > .section { width: 96%; padding: 58px 0; }
  .container > .section > ul { width: 100%; margin-bottom: 45px; }
  .container > .section > ul > li { width: 100%; padding: 35px 0; height: auto; }
  .container > .section > ul > li > * { float: left; }
  .container > .section > ul > li > h3 { font-size: 18px; width: 20%; height: 100%; }
  .container > .section > ul > li > h3 > span { display: block; }
  .container > .section > ul > li > ul { width: 80%; }
  .container > .section > ul > li > ul > li { line-height: 28px; }
  .container > .section > ul > li > p { font-size: 16px; line-height: 28px; }
  .container > .section > ul > li > a { width: 230px; height: 30px; line-height: 30px; float: right; }
  .container > .section > ul > .li1 > h3 { padding-top: 30px; }
  .container > .section > ul > .li1 > h4 { float: right; }
  .container > .section > ul > .li1 > ul { height: 252px; float: right; margin: 10px 0 20px 0; }
  .container > .section > ul > .li1 > ul > li { height: 42px; }
  .container > .section > ul > .li1 > ul > li > h5 { line-height: 42px; margin-right: 25px; }
  .container > .section > ul > .li1 > ul > li > p { line-height: 42px; }
  .container > .section > ul > .li3 > h3 { width: 100%; margin-bottom: 20px; }
  .container > .section > ul > .li3 > h3 > span { font-size: 16px; color: #333; display: inline-block; font-weight: normal; }
  .container > .section > ul > .li3 > div { width: 100%; height: 280px; background-image: url(/assets/_img/sub/franchise/franchise_p.png); }
  .container > .section > ul > .li5 > ul > li, .container > .section > ul .li6 > ul > li { width: 300px; float: left; }
  .container > .section > ul > li:after { content: ""; display: block; clear: both; }
  .container > .section > a { width: 280px; height: 38px; font-size: 17px; line-height: 38px; border-radius: 38px; } }
@media (max-width: 640px) { .container > .section { width: 96%; padding: 40px 0; }
  .container > .section > ul { margin-bottom: 5%; }
  .container > .section > ul > li { padding: 20px 0; }
  .container > .section > ul > li > h3 { width: 100%; font-size: 16px; float: left; margin-bottom: 10px; }
  .container > .section > ul > li > h4 { font-size: 11px; float: right; text-align: right; padding-top: 6px; }
  .container > .section > ul > li > h4 > span { display: block; margin-top: 4px; }
  .container > .section > ul > li > ul { float: left; width: 100%; margin-top: 4px; }
  .container > .section > ul > li > ul > li { font-size: 12px; line-height: 20px; }
  .container > .section > ul > li > p { font-size: 12px; line-height: 20px; }
  .container > .section > ul > li > a { width: 120px; height: 30px; font-size: 12px; line-height: 30px; }
  .container > .section > ul > .li1 > h3 { width: auto; }
  .container > .section > ul > .li1 > ul { margin-bottom: 20px; }
  .container > .section > ul > .li1 > ul > li { height: 42px; }
  .container > .section > ul > .li1 > ul > li > h5 { line-height: 42px; width: 20%; font-size: 12px; }
  .container > .section > ul > .li1 > ul > li > p { line-height: 42px; width: 80%; font-size: 12px; }
  .container > .section > ul > .li3 > h3 { margin-bottom: 20px; }
  .container > .section > ul > .li3 > h3 > span { font-size: 14px; color: #333; }
  .container > .section > ul > .li3 > div { width: 100%; height: 300px; background-image: url(/assets/_img/sub/franchise/franchise_m.png); float: left; }
  .container > .section > ul li:after { content: ""; display: block; clear: both; }
  .container > .section > a { width: 40%; height: 30px; line-height: 30px; font-size: 14px; border-radius: 30px; } }