.interval2{ width: 100%; height: 150px; } /*banner*/ .banner2{ width: 100%; height: 450px; } .banner2 a img{ width: 100%; height: 100%; } /*鍏充簬鐩涘崕*/ .about{ width: 80%; height: 620px; margin: 0 auto; text-align: center; } .about h1{ font-size: 40px; color: #008cd4; font-family:"榛戜綋"; } .about hr{ width: 5%; height: 3px; background: #008cd4; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; } .about_p{ color: #a0a0a0; line-height: 30px; } .about .about_content{ width: 90%; height: 350px; margin: 0 auto; margin-top: 35px; } .about_content_img{ width: 45%; height: 100%; float: left; position: relative; } .about_content_img img{ width: 100%; height: 100%; } .about_content_img p{ text-align: left; position: absolute; top: 30%; left: 10%; right: 0; bottom: 0; margin: 0 auto; color: #f3f3f3; line-height: 25px; } .about_content_text{ width: 50%; height: 100%; float: right; text-align: left; } .about_content_text p{ width: 100%; height: 14%; line-height: 25px; color: #4e4e4e; } /*鍙戝睍鍘嗙▼*/ .history{ width: 70%; height: 560px; margin: 0 auto; } .history .history_title{ width: 100%; height: 70px; } .history .history_title .history_title1{ width: 18%; height: 50px; float: left; background: #008cd4; color: #fff; font-size: 20px; } .history .history_title .history_title1 p{ display: inline-block; width: 53%; height: 100%; float: left; line-height: 50px; text-align: right; } .history .history_title .history_title1 .history_title1_img{ width: 42%; height: 80%; float: right; margin-top: 10px; } .history .history_title .history_title_text{ width: 79%; height: 70px; float: right; } .history .history_title .history_title_text p{ display: inline-block; width: 100%; height: 100%; color: #818080; line-height: 24px; font-size: 16px; } .history .history_content{ width: 100%; height: 425px; margin-top: 65px; background-image: url(../img/jindu.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center center; position: relative; } .history .history_content p{ display: inline-block; width: 14%; height: 150px; color: #575757; text-align: center; font-size: 14px; } .history .history_content p:nth-child(1){ position: absolute; top: 70%; bottom: 0; left: 0; right: 75%; margin: 0 auto; } .history .history_content p:nth-child(2){ position: absolute; top: 16%; bottom: 0; left: 0; right: 60%; margin: 0 auto; } .history .history_content p:nth-child(3){ position: absolute; top: 70%; bottom: 0; left: 0; right: 46%; margin: 0 auto; } .history .history_content p:nth-child(4){ position: absolute; top: 16%; bottom: 0; left: 0; right: 30%; margin: 0 auto; } .history .history_content p:nth-child(5){ position: absolute; top: 70%; bottom: 0; left: 0; right: 16%; margin: 0 auto; } .history .history_content p:nth-child(6){ position: absolute; top: 12%; bottom: 0; left: 0; right: 1%; margin: 0 auto; } .history .history_content p:nth-child(7){ position: absolute; top: 70%; bottom: 0; left: 13%; right: 0; margin: 0 auto; } .history .history_content p:nth-child(8){ position: absolute; top: 16%; bottom: 0; left: 28%; right: 0; margin: 0 auto; } .history .history_content p:nth-child(9){ position: absolute; top: 70%; bottom: 0; left: 42%; right: 0; margin: 0 auto; } .history .history_content p:nth-child(10){ position: absolute; top: 2%; bottom: 0; left: 57%; right: 0; margin: 0 auto; } .history .history_content p:nth-child(11){ position: absolute; top: 70%; bottom: 0; left: 71%; right: 0; margin: 0 auto; } /*鍥涘ぇ浼樺娍*/ .advantage{ width: 80%; height: 560px; margin: 0 auto; } .advantage .advantage_title{ width: 100%; height: 60px; position: relative; text-align: center; position: relative; } .advantage .advantage_title h1{ color: #008cd4; font-size: 40px; font-family:"榛戜綋"; } .advantage .advantage_title .advantage_title_img1{ position: absolute; top: -12%; bottom: 0; left: 0; right: 27%; margin: 0 auto; } .advantage .advantage_title .advantage_title_img2{ position: absolute; top: 61%; bottom: 0; left: 27%; right: 0; margin: 0 auto; } .advantage .advantage_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: 50px; } .advantage .advantage_content div{ width: 30%; height: 150px; } .advantage .advantage_content div h2{ color: #008cd4; font-weight: normal; } .advantage .advantage_content div p{ color: #a0a0a0; } .advantage .advantage_content div p span{ color: #5c5c5c; line-height: 30px; } .advantage .advantage_content div:nth-child(1){ position: absolute; top: 8%; bottom: 0; left: -55%; right: 0; margin: 0 auto; } .advantage .advantage_content div:nth-child(2){ position: absolute; top: 22%; bottom: 0; left: 65%; right: 0; margin: 0 auto; } .advantage .advantage_content div:nth-child(3){ position: absolute; top: 52%; bottom: 0; left: -60%; right: 0; margin: 0 auto; } .advantage .advantage_content div:nth-child(4){ position: absolute; top: 61%; bottom: 0; left: 59%; right: 0; margin: 0 auto; } /*鏁欏鐜*/ .environment{ width: 70%; height: 65 0px; margin: 0 auto; text-align: center; } .environment h1{ font-size: 40px; color: #008cd4; font-family:"榛戜綋"; } .environment hr{ width: 5%; height: 3px; background: #008cd4; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; } .environment .environment_p{ color: #a0a0a0; line-height: 30px; } .environment .environment_img{ width: 100%; height: 400px; margin-top: 50px; } .environment .environment_img img{ width: 100%; height: 100%; } .environment .environment_img .environment_img_l{ width: 50%; height: 100%; float: left; } .environment .environment_img .environment_img_l .environment_img_l_t{ width: 100%; height: 49%; } .environment .environment_img .environment_img_l .environment_img_l_b{ width: 100%; height: 49%; margin-top: 2%; } .environment .environment_img .environment_img_l .environment_img_l_b .environment_img_l_b_l{ width: 49%; height: 100%; float: left; } .environment .environment_img .environment_img_l .environment_img_l_b .environment_img_l_b_r{ width: 49%; height: 100%; float: right; margin-left: 2%; } .environment .environment_img .environment_img_c{ width: 24%; height: 100%; float: left; margin-left: 1%; margin-right: 1%; } .environment .environment_img .environment_img_c .environment_img_c_t{ width: 100%; height: 49%; } .environment .environment_img .environment_img_c .environment_img_c_b{ width: 100%; height: 49%; margin-top: 2%; } .environment .environment_img .environment_img_r{ width: 24%; height: 100%; float: right; } /*鑽h獕璧勮川*/ .honor{ width: 80%; height: 440px; margin: 0 auto; } .honor .honor_title{ width: 100%; height: 60px; position: relative; text-align: center; position: relative; } .honor .honor_title h1{ color: #008cd4; font-size: 40px; font-family:"榛戜綋"; } .honor .honor_title .honor_title_img1{ position: absolute; top: -12%; bottom: 0; left: 0; right: 27%; margin: 0 auto; } .honor .honor_title .honor_title_img2{ position: absolute; top: 61%; bottom: 0; left: 27%; right: 0; margin: 0 auto; } .honor ul{ width: 80%; height: 300px; margin: 0 auto; margin-top: 40px; } .honor ul li{ width: 19%; height: 49%; float: left; margin-left: 1%; margin-top: 2%; } .honor ul li img{ width: 100%; height: 100%; }