._topic-path {
    color:#fff;
}
._topic-path li a {
    color:#fff;
}

._company-info {
    border-top: 1px solid #B2B2B2;
}

.info-block {
    background:  url(../img/architect/bg_main.jpg) no-repeat center bottom;
		max-width:1400px;
		margin:0 auto;
		height:621px;
		position:relative;
}
	.info-block .layout{
		width:960px;
		margin:0 auto;
	}
		.info-block .layout h1{
			text-align:left;
			padding-top:40px;
		}
		.info-block .layout h2 {
			margin-top:32px;
    }
			.info-block .layout p.txt {
				margin-top:30px;
				width:480px;
				font-size:13px;
				line-height:200%;
				color:#fff;
			}
			.info-block .layout p.scroll {
				position:absolute;
				top:558px;
				left:50%;
				margin-left:-62px;
			}
.message-block {
    padding: 70px 0;
}
.message-block .layout {
}
    .message-block h1 {
        text-align: center;
        margin-bottom: 60px;
    }
    .message-block p {
        color: #eee;
        width: 485px;
        line-height: 2;
        margin-bottom: 2em;
    }
    .message-block p.name {
        text-align: right;
        margin-top: 60px;
        margin-bottom: 0;
    }

.navigate-block {
    padding: 70px 0 100px;
}
    .navigate-block ul {
        width: 1032px;
        margin-left: -1px;
    }
        .navigate-block li {
            float: left;
            margin-right: 30px;
        }
.point-block .layout{
	margin-top:70px;
}
		.point-block .layout h3{
			padding:0 0 25px 25px;
		}
		.point-block .layout .boxL{
			width:480px;
			float:left;
		}
		.point-block .layout .boxR{
			width:480px;
			float:right;
		}
		.staff-block{
			padding:90px 0 ;
		}
				.staff-block h2{
					text-align:center;
					margin-bottom:90px;
				}
				.staff-block ul{
					width:1010px;
					margin:0 auto;
				}
						.staff-block ul li{
							width:240px;
							float:left;
							padding:0 5px 10px;
						}

		#btn-block{
			width:100%;
			min-width:960px;
			background-color:#000;
		}
				#btn-block ul{
					width:830px;
					margin:0 auto;
					padding:40px 0;
				}
						#btn-block ul li.boxL{
							width:400px;
							float:left;
						}
						#btn-block ul li.boxR{
							width:400px;
							float:right;
						}

@media screen and (max-width: 767px) {
    .info-block {
        background: url(../img/architect/sp/bg_main.jpg) no-repeat center top;
        background-size: cover;
        height: auto;
    }
        .info-block .layout {
            width: 100%;
        }
        .info-block .layout h1 {
            padding-top: 54px;
        }
            .info-block .layout .float-right {
                float: none;
                margin: 0 20px;
                padding: 0 0 30px;
            }
                .info-block .layout h1 img {
                    height: 100px;
                    width: auto;
                }
                .info-block .layout h2 img {
                    height: 35px;
                    width: auto;
                }
                .info-block .layout p.txt {
                    margin-top: 25px;
                    width: 100%;
                }
    .point-block {
        padding-top: 39px;
    }
        .point-block .layout {
            margin-top: 36px;
            padding: 0 20px;
            text-align: center;
        }
            .point-block .layout .boxL,
            .point-block .layout .boxR {
                float: none;
                width: 100%;
            }
            .point-block .layout .boxL img,
            .point-block .layout .boxR img {
                height: auto;
                width: 100%;
            }
            .point-block .layout .boxL h3,
            .point-block .layout .boxR h3 {
                padding: 23px 25px;
            }
                .point-block .layout .boxL h3 img,
                .point-block .layout .boxR h3 img {
                    height: 20%;
                }
                .point-block .layout .boxR img.point01 {
                    width: 86%;
                }
                .point-block .layout .boxL img.point02 {
                    width: 100%;
                }
                .point-block .layout .boxR img.point03 {
                    width: 51%;
                }
            .point-block .layout .boxL p,
            .point-block .layout .boxR p {
                text-align: left;
            }
    .staff-block {
        padding: 70px 20px;
    }
        .staff-block h2 {
            margin-bottom: 34px;
        }
            .staff-block h2 img {
                height: auto;
                width: 100%;
            }
        .staff-block ul {
            width: 100%;
        }
            .staff-block ul li {
                display: inline-block;
                padding: 0 0 8px;
                width: 49%;
            }
            .staff-block ul li:nth-child(odd) {
                padding-left: 0;
            }
            .staff-block ul li:nth-child(even) {
                float: right;
                padding-right: 0;
            }
                .staff-block ul li img {
                    height: auto;
                    width: 400px;
                }
    #btn-block {
        min-width: 0;
    }
        #btn-block ul {
            padding: 75px 0;
            width: 100%;
        }
            #btn-block ul li.boxL,
            #btn-block ul li.boxR {
                float: none;
                margin: 0 20px;
                text-align: center;
                width: auto;
            }
            #btn-block ul li.boxL {
                margin-bottom: 25px;
            }
            #btn-block ul li img {
                height: auto;
                width: 720px;
            }

    ._company-info h1 {
        padding-top: 39px;
    }
}