.interval2{ width: 100%; height: 150px; } /*banner*/ .banner3{ width: 100%; height: 450px; position: relative; } .banner3 a img{ width: 100%; height: 100%; } /*瀛︾鍩逛紭涓夊ぇ鐩爣*/ .target2{ width: 70%; height: 350px; margin: 0 auto; } .target2 h1{ font-size: 40px; font-family:"榛戜綋"; text-align: center; color: #2f373b; } .target2 .target2_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .target2 ul{ width: 100%; height: 200px; margin-top: 50px; } .target2 ul li{ width: 31%; height: 200px; float: left; text-align: center; background-color: #ebebeb; margin-left: 2%; border: 1px solid #c5c5c5; position: relative; } .target2 ul li img{ position: absolute; top: 50px; left: 0; bottom: 0; right: 0; margin: 0 auto; } .target2 ul li p{ margin-top: 120px; color: #545454; } /*瀛︾鍩逛紭涓夊ぇ鐗硅壊*/ .feature2{ width: 100%; height: 700px; background-color: #008cd4; } .feature2 .feature2_title{ width: 100%; height: 100px; padding-top: 100px; } .feature2 .feature2_title h1{ font-size: 40px; font-family:"榛戜綋"; text-align: center; color: #fff; } .feature2 .feature2_title .feature2_title_p{ color: #fff; text-align: center; line-height: 40px; } .feature2 ul{ width: 70%; height: 350px; margin: 0 auto; margin-top: 50px; } .feature2 ul li{ width: 31%; height: 350px; margin-left: 2%; float: left; } .feature2 ul li .feature2_img{ width: 100%; height: 62%; } .feature2 ul li .feature2_img img{ width: 100%; height: 100%; } .feature2 ul li .feature2_text{ width: 100%; height: 30%; margin-top: 3%; } .feature2 ul li .feature2_text p{ color: #fff; font-size: 14px; } .feature2 ul li .feature2_text p span{ font-weight: bold; font-size: 22px; line-height: 40px; } /*瀛︾鍩逛紭涓夊ぇ浼樺娍*/ .advantage2{ width: 70%; height: 550px; margin: 0 auto; } .advantage2 h1{ font-size: 40px; font-family:"榛戜綋"; text-align: center; color: #2f373b; } .advantage2 .advantage2_p{ color: #7a7a7a; text-align: center; line-height: 40px; } .advantage2 .advantage2_content{ width: 100%; height: 390PX; margin-top: 50PX; background-image: url(../img/sj1.png); background-repeat: no-repeat; background-position: bottom center; position: relative; } .advantage2 .advantage2_content p{ display: inline-block; width: 30%; height: 100PX; font-size: 20px; } .advantage2 .advantage2_content p:nth-child(1){ position: absolute; top: 26%; bottom: 0; right: 41%; left: 0; margin: 0 auto; color: #23b574; } .advantage2 .advantage2_content p:nth-child(2){ position: absolute; top: 82%; bottom: 0; right: 52%; left: 0; margin: 0 auto; color: #f8931f; } .advantage2 .advantage2_content p:nth-child(3){ position: absolute; top: 70%; bottom: 0; right: 0; left: 70%; margin: 0 auto; color: #008cd4; } /*瀛︾鍩逛紭涓ゅぇ鏁欏褰㈠紡*/ .mode{ width: 100%; height: 710px; background: #f8931f; } .mode .mode_title{ width: 100%; height: 100px; padding-top: 80px; } .mode .mode_title h1{ font-size: 40px; font-family:"榛戜綋"; text-align: center; color: #fff; } .mode .mode_title .mode_title_p{ color: #fff; text-align: center; line-height: 40px; } .mode ul{ width: 70%; height: 400px; margin: 0 auto; margin-top: 50px; } .mode ul li{ width: 24%; height: 49%; margin-left: 1%; margin-top: 1%; float: left; } .mode ul li .mode_img{ width: 100%; height: 78%; } .mode ul li .mode_img img{ width: 100%; height: 100%; } .mode ul li .mode_text{ width: 100%; height: 20%; margin-top: 2%; } .mode ul li .mode_text p{ color: #fff; font-size: 14px; text-align: center; line-height: 30px; }