/* NAVIGATION */
.razr_page .nav_main{
    padding: 25px 0;
    background-color: #1976d2;
}
    .razr_page .nav_main .nav{
        width: 1530px;
        margin: auto;
    }
        .razr_page .nav_main .nav .item{
            float: left;
            margin: 0 25px 0 0;
            font-size: 12px;
            font-weight: 500;
        }
                .razr_page .nav_main .nav .item a{
                    color: #fff;
                    text-decoration: none;
                    float: left;
                    margin: 0 25px 0 0;
                }
        .razr_page .nav_main .nav .item:not(.last) a:hover{
            text-decoration: underline;
        }
        .razr_page .nav_main .nav .item img{
            float: left;
            width: 20px;
            margin: 4px 0 0 0;
        }
        .razr_page .nav_main .nav .item.last a{
            margin: 0;
        }
/* NAVIGATION(END) */

/* TOP TEXT */
.razr_page .top{
    margin: 100px auto;
    width: 1170px;
    font-size: 14px;
    color: #263238;
}
    .razr_page .top .tit{
        font-size: 36px;
        font-weight: 600;
        color: #1976d2;
        margin: 0 0 50px 0;
    }
/* TOP TEXT(END) */

/* ITEMS */
.razr_page .items{
    width: 1530px;
    margin: auto;
}
    .razr_page .items .item{
        width: 1510px;
        border: 10px solid #eceff1;
        position: relative;
        text-decoration: none;
        display: block;
        margin: 0 0 50px 0;
    }
    .razr_page .items .item:hover{
        border: 10px solid #1976d2;
    }
        .razr_page .items .item .left_top_corner{
            position: absolute;
            background-color: #1976d2;
            left: -10px;
            top: -10px;
            width: 50px;
            height: 50px;
        }
            .razr_page .items .item .left_top_corner .w_sq{
                position: absolute;
                background-color: #fff;
                right: 0;
                bottom: 0;
                width: 40px;
                height: 40px;
            }
        .razr_page .items .item .pic{
            float: left;
            width: 270px;
            height: 360px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin: 25px 0 0 90px;
        }
        .razr_page .items .item .text{
            float: right;
            margin: 40px 90px 0 0;
            width: 465px;
        }
            .razr_page .items .item .text .name{
                font-size: 27px;
                font-weight: 700;
                color: #263238;
                margin: 0 0 40px 0;
            }
            .razr_page .items .item .text .t{
                height: 180px;
                position: relative;
                font-size: 14px;
                line-height: 24px;
                color: #263238;
                margin: 0 0 40px 0;
                overflow: hidden;
            }
                .razr_page .items .item .text .t .line{
                    position: absolute;
                    width: 100%;
                    height: 25px;
                    left: 0;
                    bottom: 0;
                    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
                }
            .razr_page .items .item .text .det{
                float: right;
                width: 165px;
                line-height: 45px;
                text-align: center;
                font-size: 14px;
                color: #1976d2;
                font-weight: 500;
                border: 2px solid #1976d2;
                margin: 0 0 30px 0;
            }
            .razr_page .items .item:hover .text .det{
                background-color: #1976d2;
                color: #fff;
            }
        .razr_page .items .item .right_bottom_corner{
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #1976d2;
            bottom: -10px;
            right: -10px;
        }
            .razr_page .items .item .right_bottom_corner .w_sq{
                position: absolute;
                width: 40px;
                height: 40px;
                background-color: #fff;
                top: 0;
                left: 0;
            }
/* ITEMS(END) */


/* MEDIA QUERY */

/* 1620px */
@media (max-width: 1620px) {
    .razr_page .nav_main .nav{
        width: 1170px;
    }
    .razr_page .top {
        width: 940px;
    }
        .razr_page .items{
            width: 1170px;
        }
            .razr_page .items .item {
                width: 1150px;
            }

}
/* 1620px(end) */

/* 1270px */
@media (max-width: 1270px) {
    .razr_page .nav_main .nav {
        width: 940px;
    }
        .razr_page .items{
            width: 940px;
        }
            .razr_page .items .item {
                width: 920px;
            }
                .razr_page .items .item .pic {
                    width: 290px;
                    height: 340px;
                    margin: 25px 0 0 60px;
                }
                .razr_page .items .item .text {
                    margin: 40px 70px 0 0;
                    width: 360px;
                }
}
/* 1270px(end) */

/* 1040px */
@media (max-width: 1040px) {
    .razr_page .nav_main .nav {
        width: 725px;
    }
    .razr_page .top{
        width: 725px;
    }
        .razr_page .items{
            width: 725px;
        }
            .razr_page .items .item {
                width: 725px;
            }
                .razr_page .items .item .pic {
                    width: 200px;
                    height: 270px;
                }
}
/* 1040px(end) */

/* 825px */
@media (max-width: 825px) {
    .razr_page .nav_main {
        display: none;
    }
    .razr_page .top{
        width: 290px;
        margin: 50px auto;
    }
        .razr_page .top .tit{
            font-size: 24px;
            margin: 30px;
        }
        .razr_page .items{
            width: 290px;
        }
        .razr_page .items .item {
            width: 270px;
        }
            .razr_page .items .item .pic {
                display: none;
            }
                .razr_page .items .item .text .name {
                    margin: 40px 0;
                }
            .razr_page .items .item .text {
                margin: auto;
                width: 225px;
                float: none;
            }
                .razr_page .items .item .text .det {
                    float: left;
                }
}
/* 825px(end) */

/* MEDIA QUERY(END) */