@charset "utf-8";

@media (min-width: 981px) {
    .banner {
        width: 100%;
    }

        .banner .banner_con ul li {
            height: 425px;
        }

        .banner .banner_con ul img {
            height: 425px;
            width: 1395px;
        }

        .banner .banner_con {
            background: url(../images/index_banner.png) no-repeat;
            height: 425px;
            margin: 0 auto;
            width: 1395px;
        }

    .tobu2 {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        border-top: 4px solid #000;
    }

        .tobu2 .bannt ul {
            position: relative;
            left: 50%;
            float: left;
            margin-top: -35px;
            *margin-top: -65px;
        }

        .tobu2 .bannt li {
            float: left;
            position: relative; /* 只能用相对不能用绝对 */
            left: -50%; /* 或者right: 50%; */
            margin: 0px 5px;
            width: 65px;
            height: 65px;
        }

            .tobu2 .bannt li a {
                background: url(../images/shoy4_2.png) no-repeat;
                display: block;
                padding: 5px 0px;
                *padding: 5px;
                *margin-top: 30px;
            }

                .tobu2 .bannt li a img {
                    width: 55px;
                    height: 55px;
                    -moz-border-radius: 30px;
                    -webkit-border-radius: 30px;
                    border-radius: 30px;
                }

            .tobu2 .bannt li.active {
                width: 85px;
                height: 100px;
                margin: 0;
            }

                .tobu2 .bannt li.active a {
                    background: url(../images/shoy4_1.png) no-repeat;
                    width: 85px;
                    height: 100px;
                    margin-top: -20px;
                    padding-top: 30px;
                }

            .tobu2 .bannt li .smart {
                display: none;
            }

            .tobu2 .bannt li.active .smart {
                color: #07c4a9;
                margin-top: 20px;
                font-weight: bold;
                text-align: center;
                display: block;
            }
}

@media (max-width: 980px) {
    .main {
        border-top:none;
    }
    .banner {
        width: 100%;
        overflow:hidden;
    }

        .banner .banner_con ul li {
            height: auto;
            width: 90%;
        }

        .banner .banner_con ul img {
            height: auto;
            width: 100%;
        }

        .banner .banner_con {
            background: url(../images/index_banner.png) no-repeat;
            height: auto;
            margin: 0 auto;
            width: 90%;
        }

    .tobu2 {
        width: 80%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        border-top: 4px solid #000;
    }

        .tobu2 .bannt ul {
            position: relative;
            left: 50%;
            float: left;
            margin-top: -18px;
            *margin-top: -65px;
        }

        .tobu2 .bannt li {
            float: left;
            position: relative; /* 只能用相对不能用绝对 */
            left: -50%; /* 或者right: 50%; */
            margin: 0px 5px;
            width: 31px;
            height: 30px;
        }

            .tobu2 .bannt li a {
                background: url(../images/shoy4_2.png) no-repeat;
                background-size: 31px;
                display: block;
                padding: 3px 0px;
                *padding: 5px;
                *margin-top: 30px;
            }

                .tobu2 .bannt li a img {
                    width: 25px;
                    height: 25px;
                    -moz-border-radius: 30px;
                    -webkit-border-radius: 30px;
                    border-radius: 30px;
                }

            .tobu2 .bannt li.active {
                width: 55px;
                height: 70px;
                margin: 0;
            }

                .tobu2 .bannt li.active a {
                    background: url(../images/shoy4_1.png) no-repeat;
                    background-size: 42px;
                    width: 55px;
                    height: 70px;
                    margin-top: -15px;
                    margin-left: 6px;
                    padding-top: 18px;
                    padding-right:12px;
                }

            .tobu2 .bannt li .smart {
                font-size:5px;
                display: none;
            }

            .tobu2 .bannt li.active .smart {
                font-size:5px;
                color: #07c4a9;
                margin-top: 20px;
                font-weight: bold;
                text-align: center;
                display: block;
            }
}