/*temp_001*/
img{
    max-width:100%;
}
.temp_001 .wrap{
    width:1200px;
    margin:0 auto;
}
.temp_001 .blockA .left {
    float: left;
    width:42.5%;
}
.temp_001 .blockA .right {
    float: right;
    width:50%;
}
.temp_001 img{
    margin:0;
}
.temp_001 .blockA{
    padding:2em 0 5em;
}
.temp_001 .blockA .tit {
    font-size: 24px;
    color: #bb0609;
    line-height:2;
}
.temp_001 .p2{
    margin-top:2em;
}
.temp_001 .BlockB{
    background:#fff url("/images/bg_about.png") no-repeat center bottom;
    padding:70px 0;
}
    .temp_001 .BlockB .tit {
        font-size: 24px;
        color: #bb0609;
        text-align: center;
        line-height: 2;
        margin-bottom:2em;
    }
    .temp_001 .BlockB .ico{
        width:60px;
        height:60px;
    }
    .temp_001 .BlockB .ico1{
        background:url("/images/ico_11.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico1 {
        background: url("/images/ico_12.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico2 {
        background: url("/images/ico_21.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico2 {
        background: url("/images/ico_22.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico3 {
        background: url("/images/ico_31.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico3 {
        background: url("/images/ico_32.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico4 {
        background: url("/images/ico_41.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico4 {
        background: url("/images/ico_42.png") no-repeat center center;
    }
    .temp_001 .BlockB .ico5 {
        background: url("/images/ico_51.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico5 {
        background: url("/images/ico_52.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico6 {
        background: url("/images/ico_61.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico6 {
        background: url("/images/ico_62.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico7 {
        background: url("/images/ico_71.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico7 {
        background: url("/images/ico_72.png") no-repeat center center;
    }

    .temp_001 .BlockB .ico8 {
        background: url("/images/ico_81.png") no-repeat center center;
    }

    .temp_001 .BlockB .item:hover .ico8 {
        background: url("/images/ico_82.png") no-repeat center center;
    }
    .temp_001 .BlockB .items {

    }
    .temp_001 .BlockB .item {
        box-sizing:border-box;
        float: left;
        width: 25%;
        padding:0 15px 50px 15px;
       
    }

    .temp_001 .BlockB .txt{
        height:42px;
        line-height:21px;
    }
    .temp_001 .BlockB .item:hover .txt{
        color:#bb0609;
    }

/*temp_002*/
.temp_002 img{
    margin:0;
}
.temp_002 .left {
    float: left;
    width: 48.75%;
}
.temp_002 .right {
    float: right;
    width: 48.75%;
}
.temp_002 .txt{
    padding:3em 2em 2em;
}
.temp_002 .left .txt {
    text-align: right;
}

@media (max-width: 1200px) {
    .temp_001 .wrap {
        width:90%;
    }
    .temp_002 .txt {
        padding: 1em;
    }
}

@media (max-width: 640px) {
    .temp_001 .BlockB .item{
        width:33.3333%;
    }
    .temp_001 .blockA .left,
    .temp_001 .blockA .right {
        width: 100%;
    }
    .temp_002 .block{
        padding:1em 0;
    }
    .temp_002 .left,
    .temp_002 .right {
        width: 100%;
    }
        .temp_002 .left .txt{
            text-align:left;
        }



        @media (max-width: 480px) {
            .temp_001 .BlockB .item {
        width: 50%;
    }
}