@charset "utf-8";
.servicebox{
	width:900px;
	height:260px;
	margin:80px auto 120px auto;
}
.service_blue,.service_green,.service_purple,.service_orange{
	width:197px;
	height:260px;
	margin:0 14px;
	*float:left;
    cursor:pointer;    
}

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

.service_blue {
    background-image:url(../img/index_btn1.png);
    background-repeat:no-repeat;
}

.service_blue:hover {
    background-image:url(../img/index_btn1-2.png);
    background-repeat:no-repeat; 
}

.service_green {
    background-image:url(../img/index_btn2.png);
    background-repeat:no-repeat;
}

.service_green:hover {
    background-image:url(../img/index_btn2-2.png);
    background-repeat:no-repeat;
}

.service_purple {
    background-image:url(../img/index_btn3.png);
    background-repeat:no-repeat;
}

.service_purple:hover {
    background-image:url(../img/index_btn3-2.png);
    background-repeat:no-repeat;
}

.service_orange {
    background-image:url(../img/index_btn4.png);
    background-repeat:no-repeat;
}

.service_orange:hover {
    background-image:url(../img/index_btn4-2.png);
    background-repeat:no-repeat;
}

.container {
        width: 950px;
        height: auto;
        margin: 0 auto;
}
.leftbox {
        width: 160px;
        height: auto;
        float: left;
        border: 0;
}
.leftBtn,.leftBtn_visited {
        width: 180px;
        height:30px;
        float: left;
        background-image: url(../img/arrow2.jpg);
        background-repeat: no-repeat;
        padding-left: 25px;
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 20px;
}
.leftBtn_visited {
        background-image: url(../img/arrowpurple.png)!important;
        background-repeat: no-repeat;
        color:#98438c!important;
}
.rightbox {
        width: 790px;
        height: auto;
        float: right;
        margin-left: 20px;
        border-left: #CCC solid thin;
        padding-left: 20px;
}
.content_service {
        width: 1000px;
        height: auto;
        padding: 40px 20px;
        background-color: #FFF;
        float: left;
        border: 0;
        margin-top: -5px;
}
.table_titlegray {
        width: 162px;
        height: 41px;
        float: left;
        margin-top: 40px;
        margin-left: 20px;
        background-image: url(../img/table_titleBG.png);
        text-align: center;
        color: #FFF;
        font-size: 17px;
        line-height: 41px;
        margin-left: 1px;
}

    /* service2 - PAGE2 */
.project_bg {
        width: 690px;
        height: 290px;
        background-image: url(../img/award.png);
        background-repeat: no-repeat;
        float: left;
        margin-top: 50px;
}
.project_word {
        width: 180px;
        height: 50px;
        float: left;
        margin: 215px 25px 0 25px;
        font-size: 17px;
        line-height: 25px;
        text-align: center;
}

    /* PAGE3、4 */

.word_R {
        width: 580px;
        height: auto;
        float: left;
        margin: 40px 0 0 30px;
}

.tableBox {
        width: 780px;
        height: auto;
        float: left;
        border: #CCC solid thin;
        margin-top: -1px;
        padding-bottom: 20px;
        margin-bottom: 20px;
}

.table_titlegreen {
        width: 440px;
        height: 25px;
        float: left;
        background-image: url(../img/arrow_green.png);
        background-repeat: no-repeat;
        margin: 25px 0;
        padding-left: 50px;
        color: #7AA23F;
        font-size: 22px;
        letter-spacing: 1px;
}

    /* Page3 */
    /* service3 */

.type_word, .type_wordBig {
        width: 465px;
        height: auto;
        float: left;
        margin: 0 15px 20px 15px;
}

.type_wordBig {
        width: 750px;
}

.service3_tableGreen {
        width: 320px;
        height: 205px;
        background-image: url(../img/page3-table.png);
        background-repeat: no-repeat;
        float: right;
        margin-top: -130px;
        font-size: 18px;
        color: #FFF;
        line-height: 35px;
        padding:55px 0 0 20px;
}

.curcle {
        width: 270px;
        height: 250px;
        float: right;
        margin-right: 15px;
        margin-top: -150px;
}

    /* Page4 */
    /* service4 */
.award_logo {
        width: 95px;
        height: auto;
        float: left;
        margin-right: 15px;
        border: #CCC solid thin;
        clear: both;
        margin-left: 20px;
}

.award_word {
        width: 500px;
        height: auto;
        float: right;
        margin: 0 140px 0 0;
}

.page4-flow {
        width: 700px;
        height: 495px;
        float: left;
        margin: 20px 0 0 20px;
}

.award_date {
        width: 685px;
        height: 127px;
        float: left;
        margin: 20px 0 0 20px;
        background-image: url(../img/awarddate_bg.jpg);
        background-repeat: no-repeat;
        padding: 20px 0 0 45px;
}

.award_dateWord {
        width: 165px;
        height: 45px;
        float: left;
        margin: 45px 25px;
        text-align: center;
        line-height:50px;
        color: #FFF;
        font-size: 17px;
}