/*样式重设*/
* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

li {
    list-style: none;
}

a {
    color: #ff7f00;
    text-decoration: none;
    cursor: pointer;
}

.cl {
    zoom: 1;
}

.cl:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, ul, li, dl, dt, dd, p, img {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

body {
    color: #2F302F;
    background: #F2FBEF;
    font-family: "Microsoft YaHei", "微软雅黑", "宋体", serif;
    *font-family: "微软雅黑", 微软雅黑, Verdana;
    font-size: 16px;
    position: relative;
}

/*font-family:Tahoma,Helvetica,Arial,"微软雅黑",sans-serif;*/

/*Top*/
#MiniPublicTopTab {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    text-align: center;
    background: url(/special/include/head/top.gif) #fff repeat-x;
    margin: 0 auto;
}

#MiniPublicTopTab a img {
    border: 0;
    padding: 0;
}

#MiniPublicTop {
    width: 950px;
    margin: 0 auto;
    font-size: 12px;
    color: #000;
    height: 33px;
    line-height: 12px;
    clear: both;
}

#MiniPublicTop a.mLink {
    color: #828282;
    text-decoration: none;
}

#MiniPublicTop a.mLink:hover {
    color: red;
}

#MiniPublicTop #miniLogo {
    float: left;
}

#MiniPublicTop #miniLogo img {
    border: 0;
    height: 33px;
}

#MiniPublicTop #miniLink {
    float: right;
    padding: 12px 8px 0 0;
}
/*总的宽度和居中*/
.wrapper{
    width: 960px;
    margin: 0px auto;
}
.head{
    width: 960px;
    height: 50px;
}
/*banner图*/
.banner {
    background: url(image/banner.jpg) center 0px no-repeat;
    height: 362px;
}
/*轮换图及定义*/
.rotation_define{
    height: 311px;
    width: 960px;
    margin: 16px 0px 28px;
}
.rotation{
    float: left;
    width: 470px;
    height: 311px;
    position: relative;
}

/*轮换图*/
.runlf {
    Z-INDEX: 100;
    LEFT: 9px;
    WIDTH: 61px;
    POSITION: absolute;
    TOP: 114px;
    HEIGHT: 61px;
}
.runrg {
    Z-INDEX: 100;
    RIGHT: 12px;
    WIDTH: 61px;
    POSITION: absolute;
    TOP: 114px;
    HEIGHT: 61px;
}
.runlf IMG {
    CURSOR: pointer
}
.runrg IMG {
    CURSOR: pointer
}
#gdq {
    OVERFLOW: hidden;
    WIDTH: 470px;
    POSITION: absolute
}
#gdq DIV {
    WIDTH: 50000px
}
#gdq DL {
    FLOAT: left;
    WIDTH: 470px;
    POSITION: relative;
}
#gdq SPAN {
    DISPLAY: block;
    background: url(image/shadow.png) repeat;
    LEFT: 0px;
    WIDTH: 470px;
    BOTTOM: 0px;
    POSITION: absolute;
    HEIGHT: 35px;
}
#gdq DT {
    MARGIN: 0px auto;
    OVERFLOW: hidden;
    WIDTH: 470px
}
#gdq IMG {
    VERTICAL-ALIGN: bottom;
    WIDTH: 470px;
    HEIGHT: 311px
}
#gdq DD {
    FONT-SIZE: 16px;
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 458px;
    COLOR: #fff;
    BOTTOM: 0px;
    LINE-HEIGHT: 35px;
    WHITE-SPACE: nowrap;
    POSITION: absolute;
    HEIGHT: 35px;
    padding-left: 12px;
    /*TEXT-OVERFLOW: ellipsis;*/
    /*TEXT-ALIGN: center*/
}

#gdq UL LI {
    FLOAT: left;
    WIDTH: 616px
}


.define{
    float: right;
    width: 462px;
    height: 311px;
}
.define .title{
    width: 462px;
    margin-bottom: 15px;
}
.define .title_right{
    width: 391px;
}
.define p{
    font-size: 18px;
    line-height: 36px;
    /*margin-top: 26px;*/
    width: 450px;
}
/*标题条*/
.title {
    height: 55px;
    width: 960px;
}
.title_left{
    width: 69px;
    height:54px;
    line-height: 54px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 1px;
    background:url(image/title_bg.png);
    float: left;
}
.title_right{
    height: 39px;
    line-height: 39px;
    width: 891px;
    font-size: 30px;
    border-bottom: 1px solid #2F302F;
    color: #DF5E00;
    float: left;
}
/*缘起*/
.origin{
    width: 925px;
    padding: 2px 19px 24px 16px;
    border-bottom: 1px dashed #DF6206;
    line-height: 30px;
}

.origin img{
    margin-left: 14px;
    margin-bottom: 10px;
}

/*第一个口袋公园*/
.frist_park{
    width: 960px;
    height: 1870px;
    margin-bottom: 20px;
}

.frist_park span img{
    margin: 20px 0px 0px 23px;
}
.diagram_text{
    width: 960px;
    height: 494px;
    line-height: 25px;
    margin-top: 20px;
    font-size: 14px;
}

.block01{
    width: 234px;
    height: 492px;
    float: left;
}
.block01 p{
    background: #DF5E00;
    width: 209px;
    height: 137px;
    padding: 6px 14px 0px 11px;
    margin-top: 3px;
    color: #fff;
}
.block02{
    width: 426px;
    height: 492px;
    margin-left: 3px;
    float: left;
}
.block02 p{
    background: #DF5E00;
    width: 400px;
    height: 115px;
    padding: 8px 11px 0px 15px;
    margin-bottom: 3px;
    color: #fff;
}
.block03{
    width: 294px;
    height: 492px;
    margin-left: 3px;
    float: left;
}
.block03 p{
    background: #DF5E00;
    width: 265px;
    height: 113px;
    padding: 6px 13px 0px 16px;
    margin-top: 3px;
    color: #fff;
}

/*特点*/
.advantage {
    width: 960px;
    height: 1254px;
    margin-top: 5px;
}

.advantage_block{
    height: 312px;
    width: 960px;
    border-bottom: 1px dashed #E06409;
}

.advantage_left {
    height: 275px;
    width: 399px;
    margin-top: 20px;
    float: left;
}

.advantage_right {
    height: 286px;
    width: 542px;
    margin-top: 12px;
    float: left;
    margin-left: 12px;
}

.advantage_right p{
    line-height: 28px;
}

.advantage_right .advantage_title{
    font-weight: bold;
    line-height: 34px;
    font-size: 18px;
}
/*特点*/
.characteristics{
    width: 960px;
    height: 460px;
    margin-bottom: 20px;
}

.characteristics span img{
    margin: 8px 0px 0px 26px;
}
.characteristics .style1{
    padding-left: 16px;
    padding-right: 14px;
    height: 73px;
    width: 930px;
    line-height: 30px;
    margin-top: 10px;
    border-bottom: 1px dashed #E4873F;
}
.char_block{
    width: 960px;
    height: 313px;
    margin-top: 26px;
}

.pin{
    width: 181px;
    height: 314px;
    background: url("image/pin1.png") no-repeat;
    float: left;
    margin-right: 11px;
}

.pin .bt{
    width: 179px;
    text-align:center;
    font-size: 18px;
    color: #DF5E00;
    line-height: 52px;
}
.pin p span{
    color: #407434;
}
.pin .bt2{
    margin: 0px 10px;
    font-size: 14px;
    line-height: 25px;
}
.cb2{
    height: 250px;
}
.cb2 .char_block{
    height: 100px;
}
.pin2{
    width: 181px;
    height: 101px;
    background: url("image/pin2.png") no-repeat;
    float: left;
    margin-right: 11px;
}
.pin2 p{
    width: 157px;
    font-size: 14px;
    color: #DF5E00;
    margin: 36px 0px 0px 10px;
    line-height: 25px;
}

.cb3{
    height: 386px;
}
.cb3 .style1{
    height: 43px;
}
.cb3 .char_block{
    height: 268px;
}
.pin3{
    width: 147px;
    height: 269px;
    background: url("image/pin3.png") no-repeat;
    /*background-color: #fff;*/
    float: left;
    margin-right: 11px;
}
.pin3 p{
    width: 126px;
    height: 50px;
    font-size: 14px;
    color: #DF5E00;
    margin: 36px 0px 10px 10px;
    line-height: 25px;
}
.pin3 img{
    margin-left: 8px;
}

/*“口袋公园”遍国外  城市中心区*/
.case{
    width: 960px;
    height: 2500px;
    margin: 22px auto 28px;
}

.case_tu {
    height: 726px;
    width: 960px;
    position: relative;
    border-bottom: 1px dashed #DF6105;
}

.case_tu li {
    margin: 3px 3px 0px 0px;
    position: absolute;
    float: left;
}

.case_tu p{
    padding-left: 13px;
    padding-right: 10px;
    bottom: 0px;
    left: 0px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    position: absolute;
    background: url(image/shadow.png) repeat;
    color: #fff;
    margin-bottom: 4px;
}
.case00,.case10,.case20,.case30 {
    top: 0px;
    left: 0px;
    background: #DF5E00;
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-top: 53px;
}
/*城市中心区*/
.case00{
    width: 234px;
    height: 90px;
}
.case01 {
    top: 146px;
    left: 0px;
}
.case02 {
    top: 0px;
    left: 237px;
}
.case03 {
    top: 0px;
    left: 592px;
}
.case04 {
    top: 250px;
    left: 237px;
}
.case05 {
    top: 250px;
    left: 501px;
}
.case06 {
    top: 250px;
    left: 708px;
}
.case07 {
    top: 495px;
    left: 0px;
}
.case08 {
     top: 495px;
     left: 285px;
 }
.case09 {
    top: 495px;
    left: 568px;
}
/*商务区*/
.tu2{
    margin-top: 18px;
    height: 515px;
}
.case10{
    width: 234px;
    height: 90px;
}
.case11 {
    top: 146px;
    left: 0px;
}
.case12 {
    top: 0px;
    left: 237px;
}
.case13 {
    top: 0px;
    left: 592px;
}
.case14 {
    top: 252px;
    left: 237px;
}
/*住宅区*/
.tu3{
    margin-top: 18px;
    height: 585px;
}
.case20{
    width: 234px;
    height: 90px;
}
.case21 {
    top: 146px;
    left: 0px;
}
.case22 {
    top: 333px;
    left: 0px;
}
.case23 {
    top: 0px;
    left: 237px;
}
.case24 {
    top: 282px;
    left: 237px;
}
.case25 {
    top: 0px;
    left: 628px;
}
/*文教区*/
.tu4{
    margin-top: 18px;
    height: 615px;
    border-bottom: 0px;
}
.case30{
    width: 234px;
    height: 90px;
}
.case31 {
    top: 146px;
    left: 0px;
}
.case32 {
    top: 0px;
    left: 237px;
}
.case33 {
    top: 330px;
    left: 0px;
}
.case34 {
    top: 330px;
    left: 517px;
}
/*趋势*/
.trend {
    height: 495px;
    width: 960px;
    margin: 20px auto 26px;
}

.trend p {
    width: 936px;
    padding-left: 14px;
    line-height: 32px;
    font-size: 18px;
    margin-bottom: 9px;
}
.trend_block{
    height: 340px;
    width: 960px;

}
.trend_block p{
    padding-left: 6px;
    bottom: 0px;
    width: 108px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    position: absolute;
    background: url(image/shadow.png) repeat;
    color: #fff;
    margin-bottom: 4px;
}

.trend_block_left{
    width: 467px;
    float: left;
    position: relative;
    margin-right: 23px;
}
.trend_block_left p{
    width: 97px;
    left: 0;
    padding-left: 10px;
}
.trend_block_right{
    width: 467px;
    float: left;
    position: relative;
}
.trend_block_right p{
    left: 0;
}

.trend .trend_ul{
    width: 960px;
    height: 135px;
    line-height: 40px;
    margin-top: 20px;
}

.trend .trend_ul li{
    width: 467px;
    height: 30px;
    line-height: 30px;
    float: left;
    background: #DF5E00;
    margin-bottom: 5px;
}

.trend .trend_ul li a{
    font-size: 16px;
    color: #fff;
}

.trend .trend_ul li span{
    margin: 0px 10px;
    font-size: 20px;
}

/*结语*/
.conclusion{
    height:120px;
    width: 960px;
    margin: 9px auto 20px;
}

.conclusion p{
    width: 936px;
    font-size: 16px;
    line-height: 30px;
    padding-left: 14px;
    margin-bottom: 9px;
}

/*评论*/
.pl {
    width: 958px;
    margin: 18px auto 110px;
    border: 1px solid #CAC9C9;
}

#xfdh {
    position: fixed;
    bottom: 5px;
    right: 80px;
    _position: absolute;
    text-align: center;
    color: #FCFEFD;
    font-size: 16px;
    cursor: pointer;
}