.banner_content{
    top: 0;}
.banner_title{
    width: 100%;
    height: 52px;
    background: url(../img/banner_title_bj.png) repeat-x;
    text-align: center;
    font: 400 20px/52px "Arial";
    color: #fff;}
.banner_btn{
    margin: 20px 0 0 150px;}
.banner_btn2{
    width: 213px;
    height: 38px;
    margin: 20px 155px 0 0;
    background: url(../img/btn_hover.png) no-repeat;
    font: bold 12px/38px "Arial";
    color: #fff;}
.banner_btn2:hover{
    background: url(../img/btn_hover_2.png) no-repeat;}
.nanjing_facts{
    width: 100%;
    height: 600px;
    background: #F0F0F0;}
.nanjing_facts_title{
    padding: 42px 0 0 0;
    text-align: center;
    font: normal 24px/40px "Arial";
    color: #006A5E;}
.total_count{
    width: 856px;
    margin: 20px auto 0;}
.pins li{
    width: 200px;
    height: 195px;
    text-align: center;
    margin: 0 7px;
    display: inline;}
.pins li.dark_bj .dis_area{
    width: 150px;
    height: 152px;
    text-align: center;
    margin: 0 auto;
    background: url(../img/dark_green_bj.png) no-repeat top left;}
.pins li.light_bj .dis_area{
    width: 150px;
    height: 152px;
    text-align: center;
    margin: 0 auto;
    background: url(../img/thin_green_bj.png) no-repeat top left;}
.pins li .dis_area p,
.pins li .dis_area span{
    display: block;
    text-align: center;}
.pins li.light_bj .population p{
    padding: 20px 0 0 0;
    font: normal 70px/80px "Microsoft YaHei";
    color: #fff;}
.pins li.light_bj .population span,
.pins li.light_bj .sq span{
    font: normal 20px/20px "Microsoft YaHei";
    color: #fff;}
.pins li.light_bj .sq p,
.pins li.dark_bj .time_zone span{
    padding: 20px 0 0 0;
    font: normal 50px/80px "Microsoft YaHei";
    color: #fff;}
.pins li.light_bj .location span{
    font: normal 20px/20px "Microsoft YaHei";
    color: #fff;
    padding: 45px 0 0 0;}
.pins li.light_bj .currency span,
.pins li.dark_bj .language span{
    font: normal 24px/24px "Microsoft YaHei";
    color: #fff;
    padding: 50px 0 0 0;}
.pins li.dark_bj .gdp p{
    font: normal 64px/70px "Microsoft YaHei";
    color: #fff;
    padding: 20px 0 0 0;}
.pins li.dark_bj .gdp span{
    font: normal 16px/16px "Microsoft YaHei";
    color: #fff;}
.pins li.dark_bj .time_zone span{
    padding: 40px 0 0 0;}
.pins li.dark_bj .template span{
    padding: 50px 0 0 0;
    font: normal 54px/54px "Microsoft YaHei";
    color: #fff;}
.pins li .pin_info{
    font: normal 20px "Microsoft YaHei";
    color: #959394;
    padding: 5px 0 0 0;}
.pin_btns{
    width: 446px;
    margin: 0 auto;
    padding: 30px 0 0 0;}
.pin_btns a{
    display: block;
    width: 213px;
    height: 38px;
    text-align: center;
    background: url(../img/back_top.png) no-repeat;
    font: 400 11px/40px "Arial";
    color: #fff;}
.pin_btns a:hover{
    background: url(../img/back_top_hover.png) no-repeat;}
.point_items{
    width: 920px;
    margin: 20px auto;}
.location_map{
    width: 916px;
    height: 300px;
    margin: 20px auto;
    overflow: hidden;}
.point_each_top{
    font: normal 24px/48px "Arial";
    color: #71BE43;}
.point_each_content{
    font: normal 16px/20px "Arial";
    color: #7f7f7f;}
.pics_wall{
    width: 950px;
    height: 460px;
    margin: 100px auto 0;
    position: relative;}
.pics_wall ul li{
    position: absolute;}
.pics_wall ul li.pic1{
    left: 0;
    top: 0;}
.pics_wall ul li.pic2{
    left: 230px;
    top: 0;}
.pics_wall ul li.pic3{
    left: 230px;
    top: 230px;}
.pics_wall ul li.pic4{
    right: 40px;
    top: 0;}