锘緻charset "utf-8";

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

html, body {
    font: normal 100% "Microsoft YaHei", Arial;
    background-color: #fafafa;
}

form {
    height: 100%;
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, table, tbody, thead, tfoot, tr, td, th, input {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, em, h6, b, p {
    font-weight: normal;
    font-style: normal;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu, hgroup {
    display: block;
    margin: 0;
    padding: 0;
}

img, hr {
    vertical-align: bottom;
    border: none;
    -ms-interpolation-mode: bicubic;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #06265a;
    }

ul, li {
    list-style: none outside none;
}

li, p, a {
    vertical-align: bottom;
}

.clear {
    clear: both;
}

table {
    border-collapse: collapse;
}

::selection {
    background: #3bb3c3;
    color: #fff; /* Safari */
}

::-moz-selection {
    background: #3bb3c3;
    color: #fff; /* Firefox */
}

input, select {
    -webkit-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

    input[type=radio]::-ms-check, input[type=checkbox]::-ms-check {
        display: none;
    }

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.md0 {
    margin-bottom: 0px !important
}

.ml0 {
    margin-left: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pd0 {
    padding-bottom: 0px !important
}

.pl0 {
    padding-left: 0px !important;
}

.cf {
    color: #fff !important;
}

.main {
    width: 1105px;
    height: auto;
    margin: auto;
    vertical-align: middle;
}

/*瀵艰埅*/

.headert {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #fff;
    display: block;
}

.logo {
    width: auto;
    height: auto;
    float: left;
    padding: 19px 0;
}

.nav {
    width: auto;
    float: right;
}

    .nav li {
        position: relative;
        width: 100px;
        height: 100px;
        display: inline;
        float: left;
        text-align: center;
    }

        .nav li.last {
            width: 100px;
            margin-right: 0;
        }

    .nav a.tit {
        display: inline-block;
        width: 100px;
        line-height: 100px;
        font-size: 14px;
        color: #333;
        text-align: center;
    }

    .nav li:hover {
        color: #3bb3c3;
    }

    .nav li.hover a.tit, .nav li.on a.tit {
        color: #3bb3c3;
    }

.subnav {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100px;
    display: none;
    background-color: #3bb3c3;
    z-index: 100;
    *zoom: 1;
}

    .subnav a {
        display: inline-block;
        width: 100px;
        line-height: 42px;
        color: #fff !important;
        text-align: center;
        z-index: 100;
        *zoom: 1;
        font-size: 12px;
    }

        .subnav a:hover {
            color: #fff !important;
            background-color: #ec8818;
            z-index: 100;
        }

/*banner*/

.banner {
    width: 100%;
    position: relative;
    height: 624px;
    z-index: 8;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}

    .banner .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
        height: 624px;
    }

        .banner .bd ul {
            width: 100% !important;
            -moz-width: 100% !important;
        }

        .banner .bd li {
            width: 100% !important;
            height: 624px;
            overflow: hidden;
            text-align: center;
            -moz-width: 100% !important;
        }

            .banner .bd li a {
                display: block;
                width: 100% !important;
                height: 624px;
                -moz-width: 100% !important;
            }

    .banner .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 30px;
        left: 0;
        height: 12px;
        line-height: 12px;
    }

        .banner .hd ul {
            text-align: center;
            float: none;
        }

            .banner .hd ul li {
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                width: 36px;
                height: 2px;
                margin: 0px 7px;
                overflow: hidden;
                background-color: rgba(255, 255, 255, 0.8);
                line-height: 999px;
            }

            .banner .hd ul .on {
                height: 4px;
                background-color: rgba(255, 161, 74, 1);
            }

/*title*/

.intitle {
    width: 1105px;
    height: 39px;
    margin: auto;
    border-bottom: 1px #e6e6e6 solid;
    line-height: 39px;
}

    .intitle hgroup {
        width: auto;
        height: 38px;
        color: #333;
        font-size: 24px;
        border-bottom: 2px #3bb3c3 solid;
        float: left;
    }

    .intitle .more {
        width: auto;
        height: 38px;
        font-size: 12px;
        float: right;
    }

        .intitle .more a {
            color: #999;
        }

/*first*/

.first {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #fafafa;
    padding: 40px 0;
}

    .first .first_l {
        width: 720px;
        height: 290px;
        float: left;
        background-color: #fff;
    }

        .first .first_l .first_lfont {
            width: 326px;
            height: 250px;
            float: left;
            padding: 20px 25px;
        }

            .first  h2 {
                font-size: 24px;
                color: #333;
                width: auto;
                height: 38px;
                border-bottom: 2px #3bb3c3 solid;
                margin-bottom: 5px;
            }

            .first .first_l .first_lfont p {
                font-size: 14px;
                color: #666;
                line-height: 24px;
                padding: 10px 0 20px;
            }

            .first .first_l .first_lfont a {
                display: block;
                width: 125px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border: 1px #e1e1e1 solid;
                color: #999;
            }

        .first .first_l .first_limg {
            width: 344px;
            height: 290px;
            float: left;
            overflow: hidden;
        }

            .first .first_l .first_limg img {
                width: 344px;
                height: 290px;
                transition: all 1s ease 0s;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                -o-transition: all 1s ease 0s;
            }

        .first .first_l:hover .first_limg img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
        }

    .first .first_r {
        width: 311px;
        height: 250px;
        padding:20px 25px;
        float: right;
        background-color:white;
        overflow: hidden;
    }

        .first .first_r .first_rt {
            width: 361px;
            height: 180px;
            float: left;
            overflow: hidden;
        }

            .first .first_r .first_rt img {
                width: 361px;
                height: 180px;
                transition: all 1s ease 0s;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                -o-transition: all 1s ease 0s;
            }

        .first .first_r:hover .first_rt img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
        }

        .first .first_r .first_rb {
            width: 326px;
            height: 56px;
            float: left;
            overflow: hidden;
            padding: 27px 0 27px 35px;
        }

            .first .first_r .first_rb .first_rbl {
                width: 56px;
                height: 56px;
                float: left;
            }

            .first .first_r .first_rb .first_rbr {
                width: auto;
                height: 56px;
                float: left;
                padding-left: 15px;
            }

                .first .first_r .first_rb .first_rbr h2 a {
                    font-size: 24px;
                    color: #fff;
                }

                .first .first_r .first_rb .first_rbr p a {
                    font-size: 16px;
                    color: #fff;
                    text-transform: uppercase;
                }

/*second*/

.second {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #fff;
    padding: 23px 0 59px;
}

.second_list {
    width: 1119px;
    margin: 23px auto 0;
    position: relative;
}

.second .second_l {
    width: 41px;
    height: 41px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -80px;
}

.second .second_r {
    width: 41px;
    height: 41px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: -80px;
}

.second_con {
    position: relative;
    width: 1105px;
    float: left;
    height: 199px;
    overflow: hidden;
    padding: 7px;
}

.second_w {
    position: absolute;
    width: 1105px;
    float: left;
    left: 7px;
}

.second_li {
    width: 201px;
    float: left;
    height: 199px;
    margin-right: 25px;
    -webkit-box-shadow: 0 0 7px rgba(244, 204, 204, .5);
    -o-box-shadow: 0 0 7px rgba(244, 204, 204, .5);
    -moz-box-shadow: 0 0 7px rgba(204, 204, 204, .5);
    box-shadow: 0 0 7px rgba(204, 204, 204, .5);
}

.second .second_img {
    width: 100%;
    height: 115px;
    text-align: center;
    padding: 15px 0 18px;
}

.second hr {
    width: 50px;
    height: 1px;
    background-color: #e8e8e8;
    margin: auto;
}

.second .second_font {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 9px 0 23px;
}

/*third*/

.third {
    width: 100%;
    height: 236px;
    vertical-align: middle;
    background: url("../images/third_bg.jpg") no-repeat center top;
    text-align: center;
    color: #fff;
    padding: 64px 0 0;
}

    .third h2 {
        font-size: 32px;
        font-weight: bold;
    }

    .third p {
        font-size: 24px;
        padding: 11px 0 35px;
    }

    .third a {
        width: 125px;
        height: 40px;
        margin: auto;
        display: block;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border: 1px #fff solid;
    }

        .third a:hover {
            color: #fff;
            background-color: #3bb3c3;
            border: 1px #3bb3c3 solid;
        }

/*fourth*/

.fourth {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 23px 0 59px;
    background-color: #fff;
}

    .fourth li {
        width: 258px;
        height: auto;
        float: left;
        margin: 30px 24px 0 0;
        _display: inline;
    }

        .fourth li:nth-child(4) {
            margin-right: 0px;
        }

        .fourth li:first-child + li + li + li {
            margin-right: 0px;
        }

        .fourth li .fourthimg {
            width: 100%;
            height: 172px;
            overflow: hidden;
        }

            .fourth li .fourthimg img {
                width: 100%;
                height: 172px;
                transition: all 1s ease 0s;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                -o-transition: all 1s ease 0s;
            }

        .fourth li:hover .fourthimg img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
        }

        .fourth li h2 {
            font-size: 14px;
            color: #2b2b2b;
            width: 100%;
            overflow: hidden;
            word-break: keep-all;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 9px 0 4px;
        }

        .fourth li .fourthday {
            font-family: Arial, Helvetica, sans-serif;
            color: #999;
            font-size: 12px;
        }

/*fifth*/

.fifth {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #353636;
}

.fifth_con {
    width: 1105px;
    height: auto;
    margin: auto;
    vertical-align: middle;
}

    .fifth_con .fifth_l {
        width: auto;
        float: left;
        padding: 37px 0;
    }

    .fifth_con .fifth_m {
        width: auto;
        height: 59px;
        float: left;
        padding: 35px 0 35px 31px;
    }

        .fifth_con .fifth_m .fifth_mt {
            width: auto;
            font-size: 14px;
            color: #d1d1d1;
        }

            .fifth_con .fifth_m .fifth_mt span {
                width: auto;
                font-size: 12px;
                color: #d1d1d1;
            }

            .fifth_con .fifth_m .fifth_mt a {
                color: #d1d1d1;
                padding: 0px 22px;
            }

                .fifth_con .fifth_m .fifth_mt a:hover {
                    color: #3bb3c3;
                }

        .fifth_con .fifth_m .fifth_mb {
            width: auto;
            height: 28px;
            font-size: 14px;
            line-height: 28px;
            padding: 10px 0 0 24px;
            color: #d1d1d1;
        }

            .fifth_con .fifth_m .fifth_mb a {
                padding-right: 12px;
            }

    .fifth_con .fifth_r {
        width: auto;
        height: 79px;
        float: right;
        padding: 25px 0;
    }

/*footer*/

.footer {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #393b3b;
    line-height: 44px;
}

    .footer p {
        text-transform: uppercase;
        font-size: 12px;
        color: #999;
    }

    .footer a {
        color: #999;
    }

        .footer a:hover {
            color: #ff7401;
        }

/*@media screen and (max-height: 667px) {
    .footer {
        position: absolute;
        bottom: 0;
    }
}*/

/*鍐呴〉鍏叡鏍峰紡*/

.wtitle {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 75px 0 46px;
}

    .wtitle hgroup {
        width: auto;
        text-align: center;
        margin: auto;
        color: #333;
        font-size: 24px;
    }

    .wtitle p {
        font-size: 14px;
        color: #999;
        text-align: center;
        text-transform: uppercase;
    }

.snav {
    width: 100%;
    height: auto;
    vertical-align: middle;
    background-color: #fff;
    padding: 25px 0;
    border-bottom: 1px #e1e1e1 solid;
}

    .snav li {
        width: auto;
        height: 34px;
        float: left;
        line-height: 32px;
    }

    .snav span {
        line-height: 32px;
        float: left;
        display: block;
        color: #dbdbdb;
        font-size: 14px;
        padding: 0 20px;
    }

    .snav li a {
        display: block;
        border-bottom: 2px #fff solid;
        color: #333;
        font-size: 14px;
    }

        .snav li a:hover {
            border-bottom: 2px #3bb3c3 solid;
        }

.snav_bg a {
    border-bottom: 2px #3bb3c3 solid !important;
}

.fy {
    width: 100%;
    height: auto;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    margin-top: 60px;
}

    .fy span {
        color: #fff !important;
        background-color: #3bb3c3 !important;
        border: 1px #3bb3c3 solid !important;
        padding: 2px 7px !important;
    }

    .fy a {
        color: #999;
        background-color: #fff;
        border: 1px #d6d7dc solid;
        padding: 2px 7px;
    }

        .fy a:hover {
            color: #fff;
            background-color: #3bb3c3;
            border: 1px #3bb3c3 solid;
            padding: 2px 7px;
        }

.page {
    width: 100%;
    height: auto;
    padding: 21px 0;
    border-top: 1px #e6e6e6 solid;
    margin-top: 70px;
}

    .page a {
        width: 88px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        border: 1px #d6d7dc solid;
        display: block;
        float: left;
        font-size: 14px;
        color: #909090;
        margin-right: 20px;
        border-radius: 28px;
        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        -o-border-radius: 28px;
    }

        .page a:hover {
            border: 1px #3bb3c3 solid;
            color: #3bb3c3;
        }

/*鍏充簬鎴戜滑*/

.about_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_about.jpg") no-repeat center top;
}

.about {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 100px;
}

    .about .about_font {
        width: 100%;
        height: auto;
        padding: 0 0 50px;
    }

        .about .about_font p {
            font-size: 14px;
            line-height: 28px;
            color: #666;
        }

    .about h2 {
        width: auto;
        height: auto;
        font-size: 22px;
        color: #333;
        border-top: 1px #ddd dotted;
        padding-top: 42px;
    }

    .about h3 {
        width: auto;
        height: auto;
        font-size: 14px;
        color: #666;
    }

.honor li {
    width: 245px;
    height: 323px;
    float: left;
    margin: 0 25px 25px 0;
    position: relative;
    overflow: hidden;
    border: 1px #e6e6e6 solid;
    padding: 5px;
}

    .honor li:nth-child(4n) {
        margin-right: 0px;
    }

/*鏂伴椈*/

.news_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_news.jpg") no-repeat center top;
}

.news {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

    .news li {
        width: 1100px;
        height: 158px;
        float: left;
    }

        .news li .news_time {
            width: 97px;
            height: 158px;
            float: left;
            border-right: 2px #e1e1e1 solid;
            line-height: 158px;
            color: #4e4e4e;
            font-size: 30px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .news li .news_m {
            width: 6px;
            height: 6px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            position: relative;
            border: 2px #fff solid;
            position: relative;
            top: 50%;
            margin: -5px 0 0 -6px;
            background-color: #e1e1e1;
            float: left;
        }

        .news li .news_r {
            width: 946px;
            height: 118px;
            float: right;
            padding: 20px;
        }

        .news li:hover .news_r {
            background-color: #fff;
        }

        .news li .news_r .newsimg {
            width: 171px;
            height: 118px;
            float: left;
        }

        .news li .news_r .newsfont {
            width: 750px;
            height: 118px;
            float: left;
            padding-left: 25px;
        }

            .news li .news_r .newsfont h2 {
                width: 100%;
                height: auto;
                float: left;
                font-size: 16px;
                padding-bottom: 10px;
            }

                .news li .news_r .newsfont h2 a {
                    color: #333;
                    width: 100%;
                    display: block;
                    overflow: hidden;
                    word-break: keep-all;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

            .news li .news_r .newsfont p {
                width: 100%;
                height: 48px;
                float: left;
                font-size: 14px;
                color: #999;
                line-height: 24px;
                overflow: hidden;
            }

        .news li .news_r .news_more {
            width: auto;
            padding-right: 12px;
            font-size: 14px;
            background: url("../images/icon019.png") no-repeat right center;
            float: left;
            margin-top: 15px;
        }

            .news li .news_r .news_more a {
                color: #666;
            }

                .news li .news_r .news_more a:hover {
                    color: #ff7401;
                }

/*鏂伴椈璇︾粏*/

.news_show {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

.news_title {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: 1px #e1e1e1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .news_title h1 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        padding-bottom: 5px;
    }

    .news_title p {
        font-size: 12px;
        color: #999;
        padding-top: 10px;
    }

.newss_con {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

    .newss_con img {
        padding: 10px 0;
        max-width: 100%;
    }

/*鏂伴椈*/

.case_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_cases.jpg") no-repeat center top;
}

.case {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 100px;
}

    .case li {
        width: 257px;
        height: 230px;
        float: left;
        margin: 0 25px 25px 0;
        position: relative;
        overflow: hidden;
    }

        .case li:nth-child(4n) {
            margin-right: 0px;
        }

        .case li .caseimg {
            width: 100%;
            height: 172px;
            overflow: hidden;
        }

            .case li .caseimg img {
                width: 100%;
                height: 172px;
                transition: all 1s ease 0s;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                -o-transition: all 1s ease 0s;
            }

        .case li:hover .caseimg img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
        }

        .case li h2 {
            font-size: 14px;
            color: #2b2b2b;
            width: 100%;
            overflow: hidden;
            word-break: keep-all;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 18px 0 4px;
            text-align: center;
        }

        .case li p {
            color: #666;
            font-size: 12px;
        }

/*妗堜緥璇︾粏椤?/

.case_show {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

.case_title {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: 1px #e1e1e1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .case_title h1 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        padding-bottom: 5px;
    }

    .case_title p {
        font-size: 12px;
        color: #999;
    }

.cases_con {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

    .cases_con img {
        padding: 10px 0;
        max-width: 1000px;
    }

/*鍏徃涓氬姟*/

.business_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_business.jpg") no-repeat center top;
}

.business {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 100px;
}

    .business .business_font {
        width: 100%;
        height: auto;
        padding: 0 0 50px;
    }

        .business .business_font h1 {
            font-size: 30px;
            color: #333;
            padding-bottom: 20px;
        }

    .business .business_list {
        width: auto;
        height: auto;
        border-top: 1px #ddd dotted;
        padding-top: 50px;
    }

        .business .business_list li {
            width: 210px;
            height: auto;
            float: left;
            margin: 0 13px 25px 0;
            position: relative;
            overflow: hidden;
        }

            .business .business_list li:nth-child(5n) {
                margin-right: 0px;
            }

            .business .business_list li .business_title {
                width: 210px;
                height: auto;
                line-height: 24px;
                position: absolute;
                bottom: 0px;
                left: 0px;
                text-align: center;
                background-color: rgba(0, 0, 0, 0.5);
                color: #fff;
                font-size: 12px;
            }

    .business .bcontent p {
        font-size: 14px;
        line-height: 30px;
        color: #999;
    }

/*浜哄姏璧勬簮*/

.job_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_job.jpg") no-repeat center top;
}

.job {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 100px;
}

.job_list li {
    width: 257px;
    height: auto;
    float: left;
    margin: 0 25px 25px 0;
}

    .job_list li .job_img {
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    .job_list li .job_font {
        width: auto;
        height: 40px;
        background-color: #fff;
        font-size: 14px;
        color: #333;
        padding: 0 15px;
        line-height: 40px;
    }

    .job_list li:nth-child(4n) {
        margin-right: 0px;
    }

.job_hr li {
    width: 474px;
    height: auto;
    float: left;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-top: 6px #fff solid;
    padding: 26px 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .job_hr li:nth-child(2n) {
        float: right;
    }

    .job_hr li h2 {
        color: #333;
        font-size: 18px;
        padding-bottom: 4px;
    }

    .job_hr li .job_hrt {
        width: 100%;
    }

        .job_hr li .job_hrt span {
            color: #666;
            font-size: 12px;
            padding: 0 20px;
            background: url("../images/icon014.png") no-repeat left center;
            line-height: 18px;
        }

    .job_hr li .job_hrm {
        width: 100%;
        padding: 15px 0 30px;
    }

        .job_hr li .job_hrm p {
            color: #666;
            font-size: 12px;
            line-height: 24px;
        }

    .job_hr li .job_hrb {
        width: 100%;
        font-size: 14px;
        color: #333;
    }

    .job_hr li:hover {
        border-top: 6px #3bb3c3 solid;
    }

        .job_hr li:hover h2 {
            color: #3bb3c3;
        }

        .job_hr li:hover .job_hrb {
            color: #3bb3c3;
        }

/*浜哄姏璧勬簮璇︾粏椤?/

.job_show {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

.job_title {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: 1px #e1e1e1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .job_title h1 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        padding-bottom: 5px;
    }

    .job_title p {
        font-size: 12px;
        color: #999;
    }

.job_con {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.jobs_showtext {
    padding: 30px 40px;
    line-height: 28px;
    font-size: 14px;
    color: #323232;
    background-color: #fff;
}

    .jobs_showtext h2 {
        color: #f08200;
        font-size: 30px;
        font-weight: bold;
        padding-bottom: 30px;
    }

    .jobs_showtext .joblist {
        padding-bottom: 5px;
    }

        .jobs_showtext .joblist span {
            color: #333333;
            font-weight: bold;
        }

    .jobs_showtext .jobcontent {
        padding: 5px 0;
    }

        .jobs_showtext .jobcontent span {
            color: #333333;
            font-weight: bold;
        }

        .jobs_showtext .jobcontent p {
            line-height: 30px;
        }

.jobs_page {
    width: 100%;
    height: auto;
    padding: 21px 0;
    border-top: 1px #e6e6e6 solid;
    margin-top: 30px;
}

    .jobs_page .jnext a {
        width: 88px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        border: 1px #d6d7dc solid;
        display: block;
        float: left;
        font-size: 14px;
        color: #909090;
        margin-right: 20px;
        border-radius: 28px;
        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        -o-border-radius: 28px;
    }

        .jobs_page .jnext a:hover {
            border: 1px #de4d25 solid;
            color: #de4d25;
        }

/*鍚堜綔*/

.teamwork_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_teamwork.jpg") no-repeat center top;
}

.teamwork {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

    .teamwork li {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px #e6e6e6 solid;
    }

        .teamwork li .teamworkimg {
            width: 217px;
            height: auto;
            padding-right: 25px;
            float: left;
        }

        .teamwork li .teamworkfont {
            width: auto;
            height: auto;
        }

            .teamwork li .teamworkfont h2 {
                width: auto;
                height: auto;
                font-size: 16px;
                padding-bottom: 10px;
            }

                .teamwork li .teamworkfont h2 a {
                    width: auto;
                    color: #333;
                    display: block;
                    overflow: hidden;
                    word-break: keep-all;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

            .teamwork li .teamworkfont p {
                width: auto;
                height: 48px;
                font-size: 14px;
                color: #999;
                line-height: 24px;
                overflow: hidden;
            }

/*鍚堜綔璇︾粏椤?/

.teamwork_show {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 70px;
}

.teamwork_title {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: 1px #e1e1e1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .teamwork_title h1 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        padding-bottom: 5px;
    }

    .teamwork_title p {
        font-size: 12px;
        color: #999;
    }

.teamwork_con {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

/*鑱旂郴鎴戜滑*/

.contact_banner {
    width: 100%;
    height: 340px;
    vertical-align: middle;
    background: url("../images/banner/banner_contact.jpg") no-repeat center top;
}

.contact {
    width: 100%;
    height: auto;
    vertical-align: middle;
    padding: 43px 0 100px;
}

    .contact .map {
        border: 1px #e1e1e1 solid;
        background-color: #fff;
        padding: 5px;
        margin-bottom: 60px;
    }

    .contact li {
        width: 33.333%;
        height: auto;
        float: left;
        background: url("../images/icon018.jpg") no-repeat right top;
    }

        .contact li .contact_icon {
            width: 100%;
            height: 62px;
            text-align: center;
            overflow: hidden;
            position: relative;
            display: table;
        }

            .contact li .contact_icon .imgCell {
                width: auto;
                height: 62px;
                display: table-cell;
                vertical-align: middle;
            }

                .contact li .contact_icon .imgCell img {
                    margin: 0 auto;
                    max-width: auto;
                    max-height: 62px;
                }

            /*For IE7*/

            * + html .contact li .contact_icon .imgCell {
                position: absolute;
                top: 50%;
                width: 100%;
                text-align: center;
                height: auto;
                vertical-align: baseline;
            }

                * + html .contact li .contact_icon .imgCell img {
                    position: relative;
                    top: -50%;
                    left: -50%;
                }

        .contact li h2 {
            width: auto;
            height: auto;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #666;
            padding: 26px 0 9px;
        }

        .contact li p {
            width: 80%;
            height: auto;
            text-align: center;
            font-size: 12px;
            color: #999;
            margin: 0 auto;
        }

        .contact li:nth-child(3) {
            background: none;
        }

/*鐐瑰嚮鏀惧ぇ灞?/

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/big/fancybox_sprite.png");
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url("../images/big/fancybox_loading.gif") center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/big/blank.gif");
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../images/big/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("../images/big/fancybox_sprite@2x.png");
        background-size: 44px 152px;
    }

        #fancybox-loading div {
            background-image: url("../images/big/fancybox_sprite@2x.png");
            background-size: 24px 24px;
        }
}

.mmail, .mheard, .fheard-wrapper, .menu_list-content, .mbanner, .msecond_li, .wmbanner, .fundtextptiem, .footer span {
    display: none;
}

@media (max-width: 991px) {

    .headert, .top, .banner, .first_limg, .second_list, .fifth, .about_banner, .news_banner, .news li .news_time, .news li .news_m, .case_banner, .business_banner, .job_banner, .teamwork_banner, .contact_banner {
        display: none !important;
    }

    .main {
        width: auto;
    }

    .mheard {
        z-index: 999;
        width: 100%;
        display: block;
    }

    .heard-wrapper {
        width: auto;
        padding: 10px 10px;
        background-color: #3bb3c3;
        display: block;
    }

    .logo {
        padding: 0 0;
    }

    .menu_list {
        float: right;
        margin-top: 2px;
    }

        .menu_list li {
            float: left;
            height: 28px;
            text-align: center;
        }

            .menu_list li a {
                height: 28px;
            }

            .menu_list li:hover, .menu_list li:active {
            }

        .menu_list .menu_list-item-first {
            border-left: none;
        }

        .menu_list .menu_list-item-last {
            border-right: none;
        }

    .menu_list-content {
        display: block;
    }

    .menu_list li a {
        display: block;
    }

    .menu_list li i {
        display: inline-block;
        width: 28px;
        height: 28px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .menu_list .touch-icon-menu {
        background-image: url("../images/icon022.png");
    }

    .menu_list li span {
        display: none;
        text-align: center;
    }

    .drawer-section {
        background-color: #089bab;
        padding: 10px 20px;
        display: none;
    }

    .touch-menu ul li {
        border-bottom: 1px solid #26a7b5;
        position: relative;
    }

        .touch-menu ul li a {
            color: #fff;
            display: block;
            font-size: 16px;
            height: 42px;
            line-height: 42px;
        }

            .touch-menu ul li a:hover, .touch-menu ul li a:active {
                color: #fff;
            }

        .touch-menu ul li i {
            position: absolute;
            top: 16px;
            right: 5px;
            display: block;
            width: 13px;
            height: 13px;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }

            .touch-menu ul li i.touch-arrow-down {
                background-image: url("../images/icon020.png");
            }

            .touch-menu ul li i.touch-arrow-up {
                background-image: url("../images/icon021.png");
            }

    .touch-menu ul ul {
        display: none;
        margin: 0;
        padding: 0 10px 10px 30px;
    }

        .touch-menu ul ul li {
            border-bottom: none;
            margin: 0;
            padding: 0;
        }

            .touch-menu ul ul li a {
                padding: 0;
                padding-left: 5px;
                font-size: 16px;
                height: 38px;
                line-height: 38px;
            }

            .touch-menu ul ul li i {
                top: 13px;
            }

    /*owl婊氬姩鍏叡鏍峰紡*/
    .mbanner {
        display: block !important;
    }

    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

        .owl-carousel .owl-wrapper {
            display: none;
            position: relative;
            -webkit-transform: translate3d(0, 0, 0);
        }

        .owl-carousel .owl-wrapper-outer {
            overflow: hidden;
            position: relative;
            width: 100%;
        }

            .owl-carousel .owl-wrapper-outer.autoHeight {
                -webkit-transition: height 500ms ease-in-out;
                -moz-transition: height 500ms ease-in-out;
                -ms-transition: height 500ms ease-in-out;
                -o-transition: height 500ms ease-in-out;
                transition: height 500ms ease-in-out;
            }

        .owl-carousel .owl-item {
            float: left;
        }

    .owl-controls .owl-page, .owl-controls .owl-buttons div {
        cursor: pointer;
    }

    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .grabbing {
        cursor: url("grabbing.png") 8 8, move;
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    /*title*/
    .intitle {
        width: 100%;
    }

    /*first*/
    .first {
        width: auto;
        padding: 20px 0;
        margin: 0 10px;
    }

        .first .first_l {
            width: 100%;
            height: auto;
        }

            .first .first_l .first_lfont {
                width: auto;
                height: auto;
                float: none;
                padding: 10px 15px;
            }

                .first .first_l .first_lfont a {
                    display: block;
                    width: 115px;
                    height: 32px;
                    line-height: 32px;
                }

        .first .first_r {
            width: auto;
            height: auto;
            float: none;
            padding: 10px 15px;
        }

            .first .first_r .first_rt {
                width: 100%;
            }

                .first .first_r .first_rt img {
                    width: 100%;
                }

    /*second*/
    .second {
        width: auto;
        height: auto;
        padding: 10px 10px 59px;
    }

    .msecond_li {
        padding: 20px 0 0;
        display: block;
    }

        .msecond_li li {
            width: 30.2%;
            float: left;
            height: auto;
            border: 1px #3bb3c3 solid;
            background-color: #fff;
            margin: 0 10px 10px 0;
        }

            .msecond_li li:nth-child(3n) {
                margin-right: 0;
            }

            .msecond_li li .msecond_img {
                width: 100%;
                height: 60px;
                text-align: center;
                padding-top: 10px;
            }

            .msecond_li li h2 {
                width: auto;
                height: auto;
                text-align: center;
                font-size: 14px;
                color: #333;
                padding: 10px 0 8px;
                overflow: hidden;
                word-break: keep-all;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .msecond_li li hr {
                width: 30px;
                height: 3px;
                background-color: #ffa14a;
                margin: auto;
                margin-bottom: 10px;
            }

    /*third*/
    .third {
        width: auto;
        padding: 64px 10px 0;
        margin: 20px 10px;
    }

    /*fourth*/
    .fourth {
        width: auto;
        height: auto;
        padding: 10px 10px 30px;
        margin: 0 10px 20px;
    }

        .fourth li {
            width: 47.333%;
            margin: 30px 0 0 0;
        }

            .fourth li:nth-child(2n) {
                float: right !important;
            }

            .fourth li .fourthimg {
                height: 106px;
            }

                .fourth li .fourthimg img {
                    height: 106px;
                }

    .footer {
        padding: 10px 0px;
        background-color: #393b3b;
        text-align: center;
    }

        .footer p {
            display: none;
        }

        .footer span {
            display: block;
            font-size: 12px;
            color: #fff;
            line-height: 24px;
        }

    /*鍐呴〉鍏叡鏍峰紡*/
    .wmbanner {
        width: 100%;
        height: auto;
        vertical-align: middle;
        display: block;
    }

    .wtitle {
        width: 100%;
        height: auto;
        vertical-align: middle;
        padding: 75px 0 46px;
    }

        .wtitle hgroup {
            width: auto;
            text-align: center;
            margin: auto;
            color: #333;
            font-size: 24px;
        }

        .wtitle p {
            font-size: 14px;
            color: #999;
            text-align: center;
            text-transform: uppercase;
        }

    .snav {
        width: auto;
        padding: 10px;
    }

        .snav span {
            padding: 0 10px;
        }

    .page {
        padding: 21px 0 0px;
        margin-top: 10px;
    }

    /*鍏充簬鎴戜滑*/
    .about {
        width: auto;
        padding: 20px 10px 30px;
    }

        .about img {
            width: 100%;
            height: 170px;
        }

        .about .about_font {
            padding: 0 0 30px;
        }

            .about .about_font p {
                float: left;
                padding-top: 10px;
            }

        .about h2 {
            padding-top: 25px;
        }

    .honor li {
        width: 43.555%;
        height: auto;
        margin: 0 0 20px 0;
    }

        .honor li:nth-child(2n) {
            float: right;
        }

    /*鏂伴椈*/
    .news {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

        .news li {
            width: 100%;
            height: auto;
            padding-bottom: 15px;
        }

            .news li .news_r {
                width: 100%;
                height: auto;
                float: none;
                padding: 0;
            }

                .news li .news_r .newsimg {
                    width: 145px;
                    height: auto;
                    padding-right: 15px;
                }

                .news li .news_r .newsfont {
                    width: 100%;
                    height: auto;
                    float: none;
                    padding-left: 0px;
                }

                    .news li .news_r .newsfont h2 {
                        width: 100%;
                        height: auto;
                        float: none;
                        padding-bottom: 0px;
                    }

                        .news li .news_r .newsfont h2 a {
                            width: 52.9%;
                        }

                    .news li .news_r .newsfont p {
                        width: 52.9%;
                    }

                .news li .news_r .news_more {
                    margin-top: 9px;
                }

    /*鏂伴椈璇︾粏*/
    .news_show {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

    /*妗堜緥*/
    .case {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

        .case li {
            width: 47.555%;
            height: auto;
            margin: 0 0 25px 0;
        }

            .case li:nth-child(2n) {
                float: right;
            }

            .case li .caseimg {
                height: auto;
            }

                .case li .caseimg img {
                    height: auto;
                }

    /*妗堜緥璇︾粏椤?/
    .case_show {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

    .cases_con img {
        padding: 10px 0;
        max-width: 100%;
    }

    /*鍏徃涓氬姟*/
    .business {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

        .business .bsizeimg {
            width: 100%;
            float: none !important;
            margin: 0px !important;
        }

        .business .business_font {
            padding: 0 0 20px;
        }

            .business .business_font h1 {
                padding-top: 10px;
            }

        .business .business_list {
            width: auto;
            height: auto;
        }

            .business .business_list li {
                width: 47.555%;
                margin: 0 0 25px 0;
            }

                .business .business_list li:nth-child(2n) {
                    float: right;
                }

                .business .business_list li .business_title {
                    width: 100%;
                }

    /*浜哄姏璧勬簮*/
    .job {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

    .job_list li {
        width: 47.555%;
        margin: 0 0 20px 0;
    }

        .job_list li .job_img {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        .job_list li:nth-child(2n) {
            float: right;
        }

    .job_hr li {
        width: auto;
        margin: 0 0 30px 0;
        padding: 10px 15px;
    }

        .job_hr li .job_hrm {
            padding: 15px 0;
        }

    /*浜哄姏璧勬簮璇︾粏椤?/
    .job_show {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

    /*鍚堜綔*/
    .teamwork {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

        .teamwork li {
            width: 100%;
            height: auto;
            float: left;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px #e6e6e6 solid;
        }

            .teamwork li .teamworkimg {
                width: 150px;
                padding-right: 15px;
            }

    /*鍚堜綔璇︾粏椤?/
    .teamwork_show {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

    /*鑱旂郴鎴戜滑*/
    .contact {
        width: auto;
        padding: 20px 0 30px;
        margin: 0 10px;
    }

        .contact li {
            width: 100%;
            background: none;
            border-bottom: 1px #e1e1e1 solid;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
}

@media (max-width: 320px) {

    .snav span {
        padding: 0 6px;
    }

    .news li .news_r .newsimg {
        width: 120px;
        height: auto;
        padding-right: 15px;
    }

    .news li .news_r .newsfont h2 a {
        width: 54.9%;
    }

    .news li .news_r .newsfont p {
        height: 24px;
        width: 54.9%;
    }
}