.interval2{ width: 100%; height: 150px; } /*banner*/ .banner3{ width: 100%; height: 450px; position: relative; } .banner3 a img{ width: 100%; height: 100%; } /*盛华同心学习方法课*/ .method2{ width: 80%; height: 340px; margin: 0 auto; } .method2 h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .method2 p{ color: #7a7a7a; text-align: center; line-height: 40px; } .method2 ul{ width: 100%; height: 200px; margin-top: 50px; } .method2 ul li{ width: 33.3%; height: 100%; float: left; text-align: center; } .method2 ul li p{ color: #fff; font-size: 24px; } .method2 ul li:nth-child(1){ background-color: #efa506; } .method2 ul li:nth-child(2){ background-color: #0071e3; } .method2 ul li:nth-child(3){ background-color: #8ebb22; } .method2 ul li:nth-child(1) img{ margin-top: 28px; } .method2 ul li:nth-child(2) img{ margin-top: 37px; } .method2 ul li:nth-child(2) p{ margin-top: 10px; } .method2 ul li:nth-child(3) img{ margin-top: 28px; } /*学习方法课案例展示*/ .case2{ width: 80%; height: 560px; margin: 0 auto; } .case2 h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .case2 p{ color: #7a7a7a; text-align: center; line-height: 40px; } .case2 ul{ width: 100%; height: 400px; margin-top: 50px; } .case2 ul li{ width: 24%; height: 49%; margin-top: 1%; margin-left: 1%; float: left; } .case2 ul li img{ width: 100%; height: 100%; } /*学习方法课“四大目标”*/ .target{ width: 80%; height: 560px; margin: 0 auto; } .target h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .target .target_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .target .target_content{ width: 100%; height: 450px; background-image: url(../img/222.jpg); background-repeat: no-repeat; background-size: 100%; background-position: bottom center; position: relative; margin-top: 20px; } .target .target_content div{ width: 30%; height: 150px; } .target .target_content div h2{ color: #008cd4; font-weight: normal; } .target .target_content div p{ color: #a0a0a0; margin-top: 20px; } .target .target_content div p span{ color: #5c5c5c; line-height: 30px; } .target .target_content div:nth-child(1){ position: absolute; top: 13%; bottom: 0; left: -55%; right: 0; margin: 0 auto; } .target .target_content div:nth-child(2){ position: absolute; top: 27%; bottom: 0; left: 65%; right: 0; margin: 0 auto; } .target .target_content div:nth-child(3){ position: absolute; top: 57%; bottom: 0; left: -60%; right: 0; margin: 0 auto; } .target .target_content div:nth-child(4){ position: absolute; top: 75%; bottom: 0; left: 59%; right: 0; margin: 0 auto; } /*盛华同心精品课程三大独创性特征*/ .characteristic{ width: 80%; height: 560px; margin: 0 auto; } .characteristic h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .characteristic .characteristic_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .characteristic .characteristic_content{ width: 80%; height: 400px; margin: 0 auto; margin-top: 50px; } .characteristic .characteristic_content_l{ width: 35%; height: 100%; float: left; } .characteristic .characteristic_content_l img{ display: inline-block; width: 100%; height: 32%; margin-top: 2%; } .characteristic .characteristic_content_r{ width: 60%; height: 100%; float: right; margin-top: 1%; } .characteristic .characteristic_content_r .characteristic_content_r_img{ width: 10%; height: 100%; float: left; margin-top: 1%; } .characteristic .characteristic_content_r .characteristic_content_r_text{ width: 90%; height: 100%; float: right; } .characteristic .characteristic_content_r .characteristic_content_r_text p{ display: inline-block; width: 100%; height: 30%; margin-top: 3%; color: #a0a0a0; font-size: 14px; } .characteristic .characteristic_content_r .characteristic_content_r_text p span{ color: #000; font-size: 20px; line-height: 35px; } /*学习方法课五大优势*/ .advantage{ width: 70%; height: 780px; margin: 0 auto; } .advantage h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .advantage .advantage_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .advantage ul{ width: 100%; height: 550px; margin-top: 50px; } .advantage ul li{ width: 90%; height: 23%; float: left; } .advantage ul li:nth-child(2){ width: 90%; height: 23%; float: right; } .advantage ul li:nth-child(4){ width: 90%; height: 23%; float: right; } .advantage ul li:nth-child(1) .advantage_img{ width: 28%; height: 100%; float: left; } .advantage ul li:nth-child(2) .advantage_img{ width: 38%; height: 100%; float: right; } .advantage ul li:nth-child(3) .advantage_img{ width: 28%; height: 100%; float: left; } .advantage ul li:nth-child(4) .advantage_img{ width: 38%; height: 100%; float: right; } .advantage ul li:nth-child(5) .advantage_img{ width: 28%; height: 100%; float: left; } .advantage ul li:nth-child(1) p{ display: inline-block; width: 65%; height: 76px; float: right; margin-top: 30px; padding-top: 20px; padding-left: 2.5%; padding-right: 2.5%; background-color: #d9d9d9; line-height: 25px; color: #505050; } .advantage ul li:nth-child(2) p{ display: inline-block; width: 55%; height: 76px; float: left; margin-top: 30px; padding-top: 20px; padding-left: 2.5%; padding-right: 2.5%; background-color: #d9d9d9; line-height: 25px; color: #505050; } .advantage ul li:nth-child(3) p{ display: inline-block; width: 65%; height: 76px; float: right; margin-top: 30px; padding-top: 20px; padding-left: 2.5%; padding-right: 2.5%; background-color: #d9d9d9; line-height: 25px; color: #505050; } .advantage ul li:nth-child(4) p{ display: inline-block; width: 60%; height: 96px; float: left; margin-top: 30px; background-color: #d9d9d9; line-height: 96px; color: #505050; text-indent: 20em; } .advantage ul li:nth-child(5) p{ display: inline-block; width: 70%; height: 96px; float: right; line-height: 96px; margin-top: 30px; background-color: #d9d9d9; text-indent: 2em; color: #505050; } /*盛华同心课程特色*/ .feature{ width: 75%; height: 500px; margin: 0 auto; } .feature h1{ font-size: 40px; font-family:"黑体"; text-align: center; color: #2f373b; } .feature .feature_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .feature ul{ width: 90%; height: 350px; margin: 0 auto; margin-top: 50px; } .feature ul li{ width: 31%; height: 100%; margin-left: 2%; float: left; } .feature ul li .feature_img{ width: 100%; height: 60%; } .feature ul li .feature_img img{ width: 100%; height: 100%; } .feature ul li .feature_text{ width: 100%; height: 35%; margin-top: 5%; } .feature ul li .feature_text h2{ line-height: 40px; font-family:"黑体"; } .feature ul li .feature_text p{ color: #a0a0a0; font-size: 14px; }