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

/* TOP */
.prod_det .top{
    margin: 100px auto;
    width: 1530px;
}
    .prod_det .top .left{
        float: left;
        width: 475px;
    }
        .prod_det .top .left .main_pic{
            width: 390px;
            padding: 30px;
            border: 10px solid #eceff1;
            position: relative;
            margin: 0 0 25px 0;
        }
            .prod_det .top .left .main_pic .left_top_corner1{
                position: absolute;
                top: -10px;
                left: -10px;
                width: 50px;
                height: 10px;
                background-color: #1976d2;
            }
            .prod_det .top .left .main_pic .left_top_corner2{
                position: absolute;
                top: -10px;
                left: -10px;
                width: 10px;
                height: 50px;
                background-color: #1976d2;
            }
            .prod_det .top .left .main_pic img{
                width: 100%;
                cursor: pointer;
            }
            .prod_det .top .left .main_pic .right_bottom_corner1{
                position: absolute;
                bottom: -10px;
                right: -10px;
                width: 50px;
                height: 10px;
                background-color: #1976d2;
            }
            .prod_det .top .left .main_pic .right_bottom_corner2{
                position: absolute;
                bottom: -10px;
                right: -10px;
                width: 10px;
                height: 50px;
                background-color: #1976d2;
            }
        .prod_det .top .left .other_pics{
            text-align: center;
        }
            .prod_det .top .left .other_pics .item {
                display: inline-block;
                width: 110px;
                padding: 10px;
                border: 10px solid #fff;
                position: relative;
                cursor: pointer;
            }
            .prod_det .top .left .other_pics .item.active {
                border: 10px solid #eceff1;
            }
                .prod_det .top .left .other_pics .item .left_top_corner1{
                    position: absolute;
                    top: -10px;
                    left: -10px;
                    width: 30px;
                    height: 10px;
                    background-color: #1976d2;
                    display: none;
                }
                .prod_det .top .left .other_pics .item .left_top_corner2{
                    position: absolute;
                    top: -10px;
                    left: -10px;
                    width: 10px;
                    height: 30px;
                    background-color: #1976d2;
                    display: none;
                }
                .prod_det .top .left .other_pics .item.active .left_top_corner1,
                .prod_det .top .left .other_pics .item.active .left_top_corner2{
                    display: block;
                }
                    .prod_det .top .left .other_pics .item img{
                        width: 100%;
                    }
        .prod_det .top .left .z{
            width: 100%;
            text-align: center;
            background-color: #1976d2;
            line-height: 70px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            marGIN: 25px 0 0 0;
            display: block;
            text-decoration: none;
        }
        .prod_det .top .left .z:hover{
            background-color: #263238;
        }
    .prod_det .top .right{
        float: right;
        width: 565px;
    }
        .prod_det .top .right .tit{
            font-size: 36px;
            font-weight: 600;
            color: #1976d2;
            margin: 0 0 5px 0;
        }
        .prod_det .top .right .under_tit{
            font-size: 24px;
            color: #263238;
            padding: 0 0 45px 0;
            margin: 0 0 45px 0;
            border-bottom: 2px solid #eceff1;
        }
        .prod_det .top .right .prev{
            font-size: 14px;
            color: #263238;
            padding: 0 0 45px 0;
            border-bottom: 2px solid #eceff1;
        }
            .prod_det .top .right .items .item{
                font-size: 14px;
                font-weight: 500;
                color: #263238;
                padding: 20px 30px;
                border-bottom: 2px solid #eceff1;
                background-image: url("../img/round.png");
                background-repeat: no-repeat;
                background-size: 8px;
                background-position: 0 25px;
            }
/* TOP(END) */

/* MAIN */
.prod_det .main{
    border-top: 2px solid #1976d2;
    border-bottom: 2px solid #1976d2;
    padding: 0 0 100px 0;
}
    .prod_det .main .main_in{
        width: 1530px;
        margin: auto;
    }
        .prod_det .main .main_in .menu{
            padding: 0 0 100px 0;
        }
            .prod_det .main .main_in .menu .item{
                width: 510px;
                padding: 20px 0;
                font-size: 14px;
                font-weight: 600;
                text-align: center;
                cursor: pointer;
                float: left;
            }
            .prod_det .main .main_in .menu .item.active{
                color: #fff;
                background-color: #1976d2;
            }
                .prod_det .main .main_in .menu .item span{
                    border-bottom: 2px solid #1976d2;
                }

            /* DESCRIPTION */
            .prod_det .main .main_in .descr .tit{
                font-size: 36px;
                font-weight: 700;
                color: #1976d2;
                padding: 0 0 45px 0;
            }
            .prod_det .main .main_in .descr .left{
                float: left;
                width: 375px;
                font-size: 14px;
                font-weight: 500;
                color: #263238;
                line-height: 24px;
            }
            .prod_det .main .main_in .descr .right{
                float: right;
                width: 760px;
                font-size: 14px;
                color: #263238;
            }
                .prod_det .main .main_in .descr .right .item{
                    margin: 0 0 20px 0;
                }
                .prod_det .main .main_in .descr .right .item:last-child {
                    margin: 0;
                }
                    .prod_det .main .main_in .descr .right .item .tit{
                        font-size: 18px;
                        font-weight: 600;
                    }
                    .prod_det .main .main_in .descr .right .item .t{
                        margin: 0 0 50px 0;
                        line-height: 24px;
                    }

            /* DESCRIPTION(END) */

            /* CHARACTERS */
            .prod_det .main .main_in .char{
                display: none;
            }
                .prod_det .main .main_in .char .left{
                    float: left;
                    width: 375px;
                    font-size: 14px;
                    font-weight: 500;
                }
                    .prod_det .main .main_in .char .tit{
                        font-size: 36px;
                        font-weight: 700;
                        color: #1976d2;
                        padding: 0 0 40px 0;
                    }
                        .prod_det .main .main_in .char .left .items .item{
                            font-size: 14px;
                            font-weight: 600;
                            padding: 20px 25px;
                            border-bottom: 2px solid #eceff1;
                        }
                        .prod_det .main .main_in .char .left .items .item:first-child{
                            border-top: 2px solid #1976d2;
                            color: #1976d2;
                        }
                        .prod_det .main .main_in .char .left .items .item:last-child{
                            border-bottom: 2px solid #1976d2;
                            margin: 0 0 25px 0;
                        }
                            .prod_det .main .main_in .char .left .items .item .l{
                                float: left;
                            }
                            .prod_det .main .main_in .char .left .items .item .r{
                                float: right;
                                width: 140px;
                            }
                        .prod_det .main .main_in .char .left .t{
                            font-size: 12px;
                            color: #1976d2;
                        }
                .prod_det .main .main_in .char .right{
                    float: right;
                    width: 770px;
                    border-top: 2px solid #1976d2;
                    border-bottom: 2px solid #1976d2;
                    padding: 40px 0 60px 0;
                }
                    .prod_det .main .main_in .char .right .item{
                        float: right;
                        width: 100%;
                        border-bottom: 2px solid #eceff1;
                        padding: 0 0 40px 0;
                        margin: 0 0 40px 0;
                    }
                    .prod_det .main .main_in .char .right .item:last-child{
                        border-bottom: 0;
                        padding: 0;
                        margin: 0;
                    }
                        .prod_det .main .main_in .char .right .item .l{
                            float: left;
                            width: 165px;
                            font-size: 16px;
                            font-weight: 600;
                            color: #263238;
                        }
                        .prod_det .main .main_in .char .right .item .r{
                            float: right;
                            width: 570px;
                            font-size: 14px;
                            color: #263238;
                            line-height: 24px;
                        }
                            .prod_det .main .main_in .char .right .item .r .i{
                                padding: 0 0 5px 30px;
                                background-image: url("../img/round.png");
                                background-repeat: no-repeat;
                                background-size: 8px;
                                background-position: 0 8px;
                            }
            /* CHARACTERS(END) */

            /* FILES */
            .prod_det .main .main_in .files{
                display: none;
            }
                .prod_det .main .main_in .files .tit{
                    font-size: 36px;
                    font-weight: 700;
                    color: #1976d2;
                    padding: 0 0 40px 0;
                }
                    .prod_det .main .main_in .files .items .item{
                        float: left;
                        width: 350px;
                        margin: 0 160px 50px 0;
                        text-decoration: none;
                    }
                        .prod_det .main .main_in .files .items .item img{
                            float: left;
                            width: 50px;
                            margin: 0 20px 0 0;
                        }
                        .prod_det .main .main_in .files .items .item .t{
                            font-size: 14px;
                            margin: 0 0 5px 0;
                            color: #000;
                        }
                        .prod_det .main .main_in .files .items .item .name{
                            font-size: 18px;
                            font-weight: 700;
                            color: #1976d2;
                        }
            /* FILES(END) */
/* MAIN(END) */


/* MEDIA QUERY */

/* 1620px */
@media (max-width: 1620px) {
    .prod_det .nav_main .nav{
        width: 1170px;
    }
    .prod_det .top {
        width: 1170px;
    }
    .prod_det .main .main_in {
        width: 1170px;
    }
    .prod_det .main .main_in .menu .item {
        width: 390px;
    }
    .prod_det .main .main_in .files .items .item {
        width: 420px;
    }
        .prod_det .main .main_in .char .right .item .l {
            float: left;
            width: 105px;
        }
        .prod_det .main .main_in .char .right .item .r {
            width: 430px;
        }
    .prod_det .main .main_in .files .items .item {
        width: 300px;
    }
}
/* 1620px(end) */

/* 1270px */
@media (max-width: 1270px) {
    .prod_det .nav_main .nav {
        width: 940px;
    }
    .prod_det .top {
        width: 940px;
    }
        .prod_det .top .left {
            width: 360px;
        }
            .prod_det .top .left .main_pic {
                width: 280px;
            }
                .prod_det .top .left .other_pics .item {
                    display: inline-block;
                    width: 75px;
                }
        .prod_det .top .right {
            width: 520px;
        }
    .prod_det .main .main_in {
        width: 940px;
    }
        .prod_det .main .main_in .menu .item {
            width: 313px;
        }
        .prod_det .main .main_in .descr .right {
            width: 530px;
        }
    .prod_det .main .main_in .char .right {
        width: 550px;
    }
}
/* 1270px(end) */

/* 1040px */
@media (max-width: 1040px) {
    .prod_det .nav_main .nav {
        width: 725px;
    }
    .prod_det .top {
        width: 725px;
    }
        .prod_det .top .left {
            width: 100%;
        }
            .prod_det .top .left .main_pic {
                width: 645px;
            }
                .prod_det .top .left .other_pics .item {
                    width: 101px;
                }
    .prod_det .top .right {
        width: 100%;
        margin: 50px 0 0 0;
    }
        .prod_det .main .main_in {
            width: 725px;
        }
            .prod_det .main .main_in .menu .item {
                width: 241px;
            }
        .prod_det .main .main_in .descr .left {
            width: 100%;
        }
        .prod_det .main .main_in .descr .right {
            width: 100%;
            margin: 50px 0 0 0;
        }
            .prod_det .main .main_in .char .left {
                width: 100%;
            }
                .prod_det .main .main_in .char .left .items .item .r {
                    width: 350px;
                }
            .prod_det .main .main_in .char .right {
                width: 100%;
                margin: 50px 0 0 0;
            }
            .prod_det .main .main_in .files .items .item {
                margin: 0 60px 50px 0;
            }
}
/* 1040px(end) */

/* 825px */
@media (max-width: 825px) {
    .prod_det .nav_main {
        display: none;
    }
    .prod_det .top {
        width: 290px;
    }
        .prod_det .top .left .main_pic {
            width: 210px;
        }
        .prod_det .top .right .under_tit {
            font-size: 20px;
        }
        .prod_det .main .main_in {
            width: 290px;
        }
            .prod_det .main .main_in .menu .item {
                width: 100%;
            }
        .prod_det .main .main_in .menu {
            padding: 0 0 200px 0;
        }
        .prod_det .main .main_in .descr .tit,
        .prod_det .main .main_in .char .tit,
        .prod_det .main .main_in .files .tit{
            font-size: 30px;
            padding: 0 0 30px 0;
        }

            .prod_det .main .main_in .char .left .items .item .r {
                width: 115px;
            }
            .prod_det .main .main_in .char .right .item .r {
                width: 100%;
                font-size: 12px;
                line-height: 20px;
                margin: 30px 0 0 0;
            }

        .prod_det .main .main_in .files .items .item {
            width: 100%;
            margin: 0 0 50px 0;
        }
}
/* 825px(end) */

/* MEDIA QUERY(END) */