#topic_bg { width: 100%; } #topic_bg > .topic_bg_info { width: 100%; height: 300px; background-image: url(../images/ceo.jpg); background-position: 50% 40%; background-repeat: no-repeat; background-size: cover; } #topic_bg > .topic_bg_info > ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; } #topic_bg > .topic_bg_info > ul > li { color: #fff; } #topic_bg > .topic_bg_info > ul > li:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; } #topic_bg > .topic_bg_info > ul > li:first-child > span { margin-left: 3px; font-size: 13px; font-weight: 600; color: #ffc700; } #topic_bg > .topic_bg_info > ul > li:last-child { font-size: 13px; } .topic2_bg { width: 100%; height: 300px; background-image: url(../images/topic05_bg.jpg); background-position: 50% 20%; background-repeat: no-repeat; background-size: cover; } .topic2_bg > ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; } .topic2_bg > ul > li { color: #fff; } .topic2_bg > ul > li:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; } .topic2_bg > ul > li:first-child > span { margin-left: 3px; font-size: 13px; font-weight: 600; color: #ffc700; } .topic2_bg > ul > li:last-child { font-size: 13px; } .topic3_bg { width: 100%; height: 300px; background-image: url(../images/question2.jpg); background-position: 50% 15%; background-repeat: no-repeat; background-size: cover; } .topic3_bg > ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; } .topic3_bg > ul > li { color: #fff; } .topic3_bg > ul > li:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; } .topic3_bg > ul > li:first-child > span { margin-left: 3px; font-size: 13px; font-weight: 600; color: #ffc700; } .topic3_bg > ul > li:last-child { font-size: 13px; } #ceo { width: 100%; margin-bottom: 60px; height: 700px; background-color: #fff; } #ceo > .index_tap { width: 100%; height: 35px; border-bottom: 1px solid #eee; background-color: #ffffff; } #ceo > .index_tap > p { margin: 0 auto; width: 1000px; font-size: 13px; line-height: 35px; text-align: right; color: #333; } #ceo > .index_tap > p > em { padding: 0 3px; font-weight: 900; color: #ffc700; } #ceo > .index_tap > p > span > a { color: #222; font-weight: 900; } #ceo > .index_tap > p > span > a:hover { text-decoration: underline; } #ceo > .ceo_info { position: relative; width: 1000px; margin: 0 auto; } #ceo > .ceo_info > ul { margin-top: 80px; width: 100%; } #ceo > .ceo_info > ul > li { margin-top: 20px; font-size: 14px; font-weight: 500; color: #333; line-height: 1.7em; text-align: justify; } #ceo > .ceo_info > ul > li.ceo_info_main { position: relative; font-size: 30px; font-weight: 700; color: #1e3571; margin-bottom: 55px; line-height: 1.3em; } #ceo > .ceo_info > ul > li.ceo_info_main:after { position: absolute; top: 65px; left: 0; width: 100%; height: 1px; background-color: #ddd; content: ''; } #ceo > .ceo_info:after { position: absolute; top: 100px; right: 0; width: 300px; height: 445px; background-image: url(../images/ceo_bg.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: ''; } /*# sourceMappingURL=sub.css.map */