.banner{width:100%;height:450px;position:relative;background-image:url(../img/banner5.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.banner #header_page{position:absolute;top:10px;z-index:999}.banner .ABOUT{line-height:450px;color:#fff;font-family:"biaoti";font-size:48px;font-style:italic}.SERVICES{margin:50px 0;width:100%}.SERVICES h1{color:#1b40b6;font-size:32px;background-color:transparent;text-align:center;padding:50px 0;border-bottom:1px solid #2222223b;font-family:"biaoti"}.SERVICES .SERVICES_text{margin-top:20px}.SERVICES .SERVICES_text ul{display:flex;justify-content:space-between}.SERVICES .SERVICES_text ul li{margin-top:5px}.SERVICES .SERVICES_text ul li:hover{margin-top:0px}.SERVICES .SERVICES_text .ul1 li{width:24%;height:217px}.SERVICES .SERVICES_text .ul1 li:nth-child(odd){background-color:#212121;color:#fff}.SERVICES .SERVICES_text .ul1 li:nth-child(odd) h3{font-size:20px;margin:20px 15px}.SERVICES .SERVICES_text .ul1 li:nth-child(odd) p{padding:0px 15px;font-size:15px;line-height:24px;box-sizing:border-box}.SERVICES .SERVICES_text .ul1 li:nth-child(even) img{width:100%;height:217px}.SERVICES .SERVICES_text .ul2{margin:40px 0}.SERVICES .SERVICES_text .ul2 li{width:24%;height:217px}.SERVICES .SERVICES_text .ul2 li:nth-child(even){background-color:#1b40b6;color:#fff}.SERVICES .SERVICES_text .ul2 li:nth-child(even) h3{font-size:20px;margin:20px 15px}.SERVICES .SERVICES_text .ul2 li:nth-child(even) p{padding:0px 15px;font-size:15px;line-height:24px;box-sizing:border-box}.SERVICES .SERVICES_text .ul2 li:nth-child(odd) img{width:100%;height:217px}@media (max-width:680px){.SERVICES .SERVICES_text ul{display:block;overflow:hidden}.SERVICES .SERVICES_text .ul1 li{width:100%}.SERVICES .SERVICES_text .ul2 li{width:100%}.SERVICES .SERVICES_text .ul2{display:block;overflow:hidden}}@media (max-width:1059px){.SERVICES .SERVICES_text ul{display:flex;flex-wrap:wrap}.SERVICES .SERVICES_text .ul1 li{overflow:hidden}.SERVICES .SERVICES_text .ul2 li{overflow:hidden}.SERVICES .SERVICES_text .ul2{display:flex;flex-wrap:wrap}.SERVICES .SERVICES_text .ul1 li:nth-child(odd) h3{font-size:16px;margin:7px 15px}.SERVICES .SERVICES_text .ul1 li:nth-child(odd) p{padding:0px 15px;font-size:14px;line-height:1.3}.SERVICES .SERVICES_text .ul2 li:nth-child(even) h3{font-size:16px;margin:7px 15px}.SERVICES .SERVICES_text .ul2 li:nth-child(even) p{padding:0px 15px;font-size:14px;line-height:1.3}}@media (max-width:1200px){.w{width:95%;margin:0 auto}}