.welcome{ width: 890px; margin: 0 auto;} .welome_title{ margin: 43px auto 0; text-align: center; font: bold 24px/60px "Arial","Microsoft YaHei"; color: #006A5E;} .welcome_discribe{ font: 400 16px/24px "Arial","Microsoft YaHei"; color: #959394;} .left_content{ width: 550px; padding: 20px 0 0 0;} .left_content p{ font: 400 14px/18px "Arial"; color: #959394; padding: 6px 0;} .left_content p.president{ font: normal 18px/18px "Arial"; color: #006A5E; padding: 3px 0;} .left_content p#president{ font: 700 18px/18px "Arial";} .right_img{ width: 321px;} .total_numbers{ width: 100%; padding: 45px 0 0 0;} .total_numbers_inner{ width: 100%; height: 525px; background: #f0f0f0;} .total_numbers_center{ width: 900px; margin:0 auto;} .numbers_title{ text-align: center; padding: 35px 0 0 0; font:700 24px/48px "Arial"; color: #006A5E;} .thin_bjs{ width: 100%; height: 208px; margin: 10px 0 0 0;} .thin_bjs ul li, .dark_bjs ul li{ width: 200px; height: 180px; float: left; margin: 0 11px; text-align: center;} .thin_bjs ul li .dis_area{ width: 150px; height: 150px; margin: 0 auto; background: url(../img/thin_green_bj.png) left no-repeat; text-align: center;} .dark_bjs ul li .dis_area{ width: 150px; height: 150px; margin: 0 auto; background: url(../img/dark_green_bj.png) left no-repeat; text-align: center;} .thin_bjs ul li div p{ text-align: center; font: normal 54px/150px "Arial"; color: #fff;} .thin_bjs ul li div.location p{ text-align: center; font: normal 20px/1 "Arial"; color: #fff; padding: 55px 0 0 0;} .thin_bjs ul li .info, .dark_bjs ul li .info{ display: block; margin: 6px 0 0 0; font: normal 18px/24px "Arial"; color: #7f7f7f; text-align: center;} .dark_bjs ul li div.staff p, .dark_bjs ul li div.platforms p{ text-align: center; font: normal 54px/150px "Arial"; color: #fff;} .dark_bjs ul li div.degree p{ text-align: center; font: normal 20px/1 "Arial"; color: #fff;} .dark_bjs ul li div.languages p{ text-align: center; font: normal 23px/1 "Arial"; color: #fff; padding: 45px 0 0 0;}