.redwrap *, .page-wrap *{
    font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}

.page-wrap {
    position: relative;
}

.form {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: rgba(0,0,0,.6);
}

.form form {
    width: 540px;
    margin: 28px auto 0;
    border: solid 1px rgba(153,153,153,.48);
}

.form .text {
    width: 416px;
    height: 52px;
    line-height: 50px;
    font-size: 28px;
    color: #fff;
    border: none;
    background: none;
    vertical-align: top;
    text-align: center;
    float: left;
}

.form .button_search {
    width: 122px;
    height: 52px;
    border: none;
    border-left: solid 1px rgba(153, 153, 153, .48);
    float: right;
    text-align: center;
    color: #999498;
    font-size: 28px;
    background: rgba(0,0,0,.6);
}

.redwrap{background:url(../images/bloc/home_wrapbg.jpg) no-repeat center top; padding-top: 60px;}
.graywrap2{background:url(../images/bloc/home_ycbg2.jpg) no-repeat center top;}
.advantage_tit{font-size:28px; margin-bottom: 50px; color:#fff; text-align:center; line-height:36px;}
.arealist{padding:0; margin:0; list-style:none; overflow:hidden;}
.arealist li{float:left; width:195px; min-height:260px; margin:0 100px 20px 0; color:#fff; position:relative; overflow:hidden;}
.arealist li:last-child{margin-right:0;}
.arealist_num{height:70px; text-align:center;}
.arealist_num_ico{display:inline-block; background-image:url(../images/bloc/home_icon.png);background-repeat: no-repeat;}
.arealist li:nth-child(2n+1) .arealist_num_ico{width:55px; height:45px; background-position:0px 0px; margin-top:7px;}
.arealist li:nth-child(2n+2) .arealist_num_ico{width:48px; height:53px; background-position:0px -64px;}
.arealist li:nth-child(2n+3) .arealist_num_ico{width:49px; height:49px; background-position:0px -140px; margin-top:3px;}
.arealist li:nth-child(2n+4) .arealist_num_ico{width:47px; height:47px; background-position:0px -210px; margin-top:3px;}
.arealist li h4{margin:22px 0 0 0; text-align:center; font-size:22px; font-weight:bold!important;}
.arealist li p{margin:16px 0 0 0; text-align:center; color:#fff; font-size:16px; line-height:24px;}
.arealist li:hover .arealist_num_ico{background-position-x:right;}
.arealist li:hover,.arealist li:hover p{color:#96d5fa;}

.wrap{
    width: 1080px;
    margin:0 auto;
}