﻿body {
    padding-top: 100px;
    background: #fff;
    font-family: "微软雅黑";
    font-weight: 400;
    color: #282828;
    line-height: 26px;
    padding: 0;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #272a33;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}

    a:hover,
    a:focus {
        text-decoration: none;
        color: #e73633;
    }

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.gradiant {
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}

.gradiant-horizontal {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}

.section-header {
    margin-bottom: 50px;
}

    .section-header p {
        text-align: center;
    }

    .section-header .section-title {
        font-size: 44px;
        color: #3B8838;
        position: relative;
        padding-bottom: 20px;
        margin: 0 0 20px;
        display: block;
        text-align: center;
    }

        .section-header .section-title:before {
            content: "";
            position: absolute;
            width: 140px;
            bottom: -5px;
            right: 0;
            width: 60px;
            background: rgb(59, 136, 56);
            /* border-radius: 50%; */
            margin: 0 auto;
            left: 0;
            right: 0;
            height: 6px;
            border-bottom: 3px solid #C6FDC4;
        }

.btn {
    border-width: 0;
    border-radius: 0;
}

    .btn.btn-primary {
        background: #da251d;
        border-color: #da251d;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary:focus {
            background: #409E3C;
        }

.listarrow {
    padding: 0px;
}

    .listarrow li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .listarrow li i {
            padding-right: 15px;
            color: #F9690E;
        }

.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
    color: #3B8838;
}

    .column-title:after {
        content: " ";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 40%;
    }

ul.nostyle {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

    ul.nostyle i {
        color: #45aed6;
    }

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.navbar-toggle {
    border-radius: 0;
}

.navbar-nav > li > a {
    text-transform: uppercase;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/*************************
*******Header******
**************************/
#main-nav.navbar-default {
    background: #FFFFFF;
}

.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}



    .navbar.navbar-default .navbar-brand {
        height: auto;
    }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #F8680D;
    background: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #020202;
}

#main-nav.navbar-default {
    background: #FFF;
}

.navbar-nav > li {
}

.nav {
    text-transform: uppercase;
    float: left;
    height: 42px;
    margin-top: 28px;
    margin-right: 28px;
}

    .nav li {
        float: left;
        width: 100px;
        height: 100%;
        overflow: hidden;
        z-index: 99;
        margin: 0 8px;
    }

        .nav li a {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: block;
            width: 100%;
            height: 200%;
            color: #1b1f29;
            font-size: 16px;
            text-align: center;
        }

            .nav li a em {
                display: block;
                height: 50%;
                font-style: normal;
            }

            .nav li a span {
                color: #e8312e;
                display: block;
                height: 50%;
                background: url(../images/navIcon.png) no-repeat center top;
                font: normal 16px/46px Conv_Nobel-Regular, "微软雅黑";
            }

            .nav li a:hover {
                top: -100%;
            }

    .nav .active em {
        color: #e8312e;
    }

#nav_dl {
    background: url(../images/nav_bg.png);
    position: absolute;
    top: 92px;
    left: 0;
    width: 100%;
    z-index: 999;
}

    #nav_dl dd {
        text-align: center;
        width: 100%;
        position: absolute;
        display: none;
    }

    #nav_dl a {
        background: #fff;
        font-size: 13px;
        color: #555;
        display: inline-table;
        height: 32px;
        line-height: 32px;
        margin: 2% 1%;
        padding: 0% 2%;
        border-radius: 20px;
    }

        #nav_dl a:hover {
            background: #e73633;
            color: #fff;
        }


.login {
    z-index: 999;
    float: left;
    margin-top: 28px;
    border: 1px solid #e73633;
    border-radius: 3px;
    min-width: 185px;
    min-height: 38px;
    line-height: 38px;
}

    .login .vip_on {
        background: #e73633;
        color: #fff;
    }

    .login a {
        display: block;
        width: 50%;
        text-align: center;
        font-size: 14px;
        color: #000;
        float: left;
    }

        .login a:hover {
            background: #e73633;
            color: #fff;
        }

    .login span {
        display: block;
    }

#hero-banner {
    width: 100%;
    background: #173349;
    position: relative;
    margin-top: 92px;
}

.focus {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .focus .hd {
        width: 100%;
        height: 14px;
        position: absolute;
        z-index: 1;
        bottom: 80px;
        text-align: center;
    }

        .focus .hd ul {
            display: inline-block;
            height: 13px;
            padding: 3px 5px;
            background-color: rgba(255,255,255,0.7);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 0;
            vertical-align: top;
        }

            .focus .hd ul li {
                display: inline-block;
                width: 8px;
                height: 8px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                background: #8C8C8C;
                margin: 0 5px;
                vertical-align: top;
                overflow: hidden;
            }

            .focus .hd ul .on {
                background: #e73633;
            }

    .focus .bd {
        position: relative;
        z-index: 0;
    }

        .focus .bd li img {
            width: 100%;
        }

        .focus .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
        }

#main-nav {
    box-shadow: 0 3px 5px #9c9c9c;
    height: 92px;
}


.one {
    width: 1200px;
    margin: -70px auto 0;
    position: relative;
}

    .one ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .one ul li {
            width: 24%;
            display: inline-table;
            text-align: center;
            height: 70px;
            background: url(../images/ads_bg.png);
            margin: 0 -2px;
            padding: 0;
            list-style: none;
            position: relative;
        }

            .one ul li a {
                width: 100%;
                display: block;
                color: #1b1f28;
                font-size: 16px;
                line-height: 70px;
            }

        .one ul .one_on {
            position: relative;
            background: url(../images/ads_bj.png);
        }

            .one ul .one_on a {
                color: #fff;
            }

        .one ul li:hover a {
            background: #d33635;
            color: #fff;
        }

    .one .one_list1 {
        z-index: 9;
        position: absolute;
        top: -213px;
        left: 0;
        background: #f1f1f1;
        width: 100%;
        height: 283px;
        overflow: hidden;
    }

        .one .one_list1 h1 {
            font-size: 16px;
            text-align: left;
            text-indent: 1em;
            font-weight: 600;
            color: #1b1f28;
        }

        .one .one_list1 textarea {
            border: 1px solid #eaeaea;
            width: 251px;
            padding: 1rem;
            min-height: 128px;
        }

        .one .one_list1 p {
            padding: 1rem 2rem;
            font-size: 12px;
            color: #666;
            text-align: left;
            line-height: 20px;
        }


        .one .one_list1 .TrackBtn {
            width: 101px;
            height: 30px;
            background: #e73633;
            color: #fff;
            border: none;
            position: absolute;
            bottom: 4%;
            right: 4%;
        }

    .one .one_list2 {
        z-index: 999;
        line-height: 0;
        position: absolute;
        top: -213px;
        left: 0;
        background: #f1f1f1;
        width: 100%;
        /*height: 283px;*/
        min-height: 283px;
        overflow: hidden;
    }

        .one .one_list2 h1 {
            font-size: 16px;
            text-align: left;
            text-indent: 1em;
            font-weight: 600;
            color: #1b1f28;
        }

        .one .one_list2 table {
            line-height: 0;
            text-align: left;
            margin: 0 6%;
            position: relative;
            border-style: none;
            border-collapse: collapse;
        }

            .one .one_list2 table tr td {
                padding-bottom: 4%;
            }

            .one .one_list2 table select {
                border: 1px solid #eaeaea;
                width: 195px;
            }

            .one .one_list2 table .text {
                border: 1px solid #eaeaea;
                width: 76%;
                padding: 0 2%;
            }

            .one .one_list2 table .txt {
                border: 1px solid #eaeaea;
                width: 20.6%;
                padding: 0 2%;
                line-height: 20px;
            }

            .one .one_list2 table img {
                vertical-align: sub;
            }

            .one .one_list2 table a {
                color: #e73633;
                font-size: 12px;
                font-weight: 600;
            }

            .one .one_list2 table .submit {
                height: 30px;
                min-width: 100px;
                background: #e73633;
                font-size: 13px;
                color: #fff;
                font-weight: 600;
                border: none;
            }

            .one .one_list2 table b {
                font-weight: 600;
                color: #e73633;
                margin-left: 2%;
            }


    .one .one_list3 {
        z-index: 999;
        line-height: 0;
        position: absolute;
        top: -213px;
        left: 0;
        background: #f1f1f1;
        width: 100%;
        border: 5px solid #cbcbcb;
        /*height: 283px;*/
        min-height: 283px;
        overflow: hidden;
    }

        .one .one_list3 h1 {
            font-size: 16px;
            text-align: left;
            text-indent: 1em;
            font-weight: 600;
            color: #1b1f28;
        }

        .one .one_list3 table {
            line-height: 0;
            text-align: left;
            margin: 0 6%;
            position: relative;
            border-style: none;
            border-collapse: collapse;
        }

            .one .one_list3 table tr td {
                padding-bottom: 4%;
            }

            .one .one_list3 table select {
                width: 180px;
            }

            .one .one_list3 table .text {
                width: 76%;
                padding: 0 2%;
            }

            .one .one_list3 table .txt {
                width: 23.8%;
                padding: 0 2%;
                line-height: 20px;
            }

            .one .one_list3 table img {
                vertical-align: sub;
            }

            .one .one_list3 table a {
                color: #e73633;
                font-size: 12px;
                font-weight: 600;
            }

            .one .one_list3 table .submit {
                height: 30px;
                min-width: 100px;
                background: #e73633;
                font-size: 13px;
                color: #fff;
                font-weight: 600;
                border: none;
            }


    .one .one_list4 {
        z-index: 999;
        line-height: 0;
        position: absolute;
        top: -213px;
        left: 0;
        background: #f1f1f1;
        width: 100%;
        border: 5px solid #cbcbcb;
        /*height: 283px;*/
        min-height: 283px;
        overflow: hidden;
    }

        .one .one_list4 h1 {
            font-size: 16px;
            text-align: left;
            text-indent: 1em;
            font-weight: 600;
            color: #1b1f28;
        }

        .one .one_list4 table {
            line-height: 0;
            text-align: left;
            margin: 0 6%;
            position: relative;
            border-style: none;
            border-collapse: collapse;
        }

            .one .one_list4 table tr td {
                padding-bottom: 4%;
            }

    .one .one_list2 table select {
        width: 180px;
    }

    .one .one_list4 table .text {
        width: 76%;
        padding: 0 2%;
    }

    .one .one_list4 table .txt {
        width: 23.8%;
        padding: 0 2%;
        line-height: 20px;
    }

    .one .one_list4 table img {
        vertical-align: sub;
    }

    .one .one_list4 table a {
        color: #e73633;
        font-size: 12px;
        font-weight: 600;
    }

    .one .one_list4 table .submit {
        height: 30px;
        min-width: 100px;
        background: #e73633;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        border: none;
    }

#services {
    width: 100%;
    background: #3e404c;
    padding: 5.1655% 0;
}

.ciner_left {
    float: left;
    width: 49.872%;
    background: #525461;
    position: relative;
}

    .ciner_left .img {
        width: 46.748%;
        float: left;
        position: relative;
    }

        .ciner_left .img span {
            height: 100%;
            display: block;
            width: 100%;
            background: url(../images/bg.png);
            position: absolute;
            top: 0;
            z-index: 999;
        }

            .ciner_left .img span img {
                position: absolute;
                top: 46%;
                left: 42%;
            }

    .ciner_left .cier {
        float: right;
        width: 44%;
        margin-right: 4%;
        margin-top: 8%;
    }

        .ciner_left .cier h1 {
            font-size: 20px;
            color: #fff;
            font-family: Arial;
            font-weight: normal;
        }

        .ciner_left .cier p {
            font-size: 13px;
            color: #9597a0;
        }

        .ciner_left .cier a {
            margin-top: 8%;
            background: #e73633;
            padding: 2% 8%;
            display: inline-table;
            font-size: 13px;
            color: #fff;
        }

.ciner_right {
    float: right;
    width: 49.872%;
}

    .ciner_right .img {
        width: 63.53%;
        float: left;
        position: relative;
    }

        .ciner_right .img span {
            height: 100%;
            display: block;
            width: 100%;
            background: url(../images/bg.png);
            position: absolute;
            top: 0;
            z-index: 999;
        }

            .ciner_right .img span img {
                position: absolute;
                top: 36%;
                left: 46%;
            }

    .ciner_right .cn_list {
        float: right;
        width: 36.46%;
        text-align: center;
    }

        .ciner_right .cn_list h1 {
            font-size: 20px;
            color: #fff;
            padding-top: 10%;
        }

        .ciner_right .cn_list p {
            font-size: 13px;
            color: #fff;
        }

        .ciner_right .cn_list a {
            display: inline-table;
            border: 1px solid #fb9293;
            padding: 2% 8%;
            font-size: 13px;
            color: #fff;
        }

    .ciner_right .cn_top {
        background: #e73633;
        float: left;
        width: 100%;
    }

    .ciner_right #cn_bot {
        margin-top: 5.43%;
    }

#about {
    background: #f6f6f6;
}

.carriers {
    border-top: 1px solid #ccc;
    padding: 81px 0 99px;
}

    .carriers .car_head {
        text-align: center;
    }

        .carriers .car_head h1 {
            font-weight: 600;
            font-size: 30px;
            padding-bottom: 33px;
            margin: 0;
        }

        .carriers .car_head ul li {
            display: inline-block;
        }

            .carriers .car_head ul li a {
                display: inline-block;
                font-size: 16px;
            }

        .carriers .car_head em {
            color: #c8cbcd;
            display: inline-block;
            padding: 0 1%;
            font-style: normal;
        }

    .carriers .car_list {
        width: 1240px;
        text-align: center;
        margin-top: 48px;
    }

        .carriers .car_list dl {
            display: inline-table;
            width: 279px;
            margin: 0 12px;
        }

            .carriers .car_list dl dt {
                margin-bottom: -20%;
            }

            .carriers .car_list dl dd {
                background: #fff;
                border: 1px solid #fbfbfb;
                padding-bottom: 28px;
                box-shadow: #CCC 6px 8px 20px;
            }

                .carriers .car_list dl dd h1 {
                    font-weight: bold;
                    font-size: 24px;
                    padding: 22% 0 2%;
                }

                .carriers .car_list dl dd p {
                    line-height: 28px;
                }


#bc-big {
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 263px;
    /*background-image: url(../images/backgroudpic.jpg);*/
}

    #bc-big img {
        width: 100%;
        height: 100%;
        background-size: 100%;
        /*background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 263px;
    margin-bottom: 38px;
    background-image: url(../images/backgroudpic.jpg);*/
    }


.ct_news {
    width: 1236px;
}

    .ct_news .n_head {
        text-align: center;
    }

        .ct_news .n_head h1 {
            margin: 72px 0 26px;
            padding: 0;
            font-weight: 600;
        }

            .ct_news .n_head h1 img {
                padding: 0 1%;
            }

        .ct_news .n_head p {
            padding: 0 10px;
            color: #272a33;
            font-size: 16px;
        }


.scrollBox {
    margin: 49px auto 0;
    text-align: center;
}

    .scrollBox .bd ul {
        margin: 0 -28px !important;
    }

    .scrollBox .bd li {
        float: left;
        width: 273px;
        margin: 0 18px;
        display: inline-table;
    }

        .scrollBox .bd li a {
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        /* 去掉链接触摸高亮 */
        .scrollBox .bd li img {
            width: 273px;
            height: 205px;
            padding-bottom: 26px;
        }

        .scrollBox .bd li p {
            text-align: left;
            font-size: 15px;
        }

            .scrollBox .bd li p a {
                color: #999;
                font-size: 13px;
            }

    .scrollBox .hd {
        padding-bottom: 48px;
        overflow: hidden;
        font-size: 0;
    }

        .scrollBox .hd ul {
            display: inline-block;
            padding-top: 64px;
        }

        .scrollBox .hd li {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: #fff;
            border: 3px solid #e73633;
            margin: 0 5px;
            vertical-align: top;
            overflow: hidden;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            cursor: pointer;
        }

        .scrollBox .hd .on {
            background: #e73633;
        }

.more {
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #e73633;
    width: 100%;
}

    .more:hover {
        background: #525461;
    }

    .more a {
        color: #fff;
        font-size: 16px;
        display: block;
    }

        .more a:hover {
            color: #e73633;
        }

.mod-box .box-hd {
    line-height: 26px;
    height: 26px;
    margin-top: 20px;
    margin-bottom: 13px;
}

    .mod-box .box-hd .mark {
        float: left;
        font-size: 18px;
        color: #333;
    }

    .mod-box .box-hd .mark-sub {
        float: left;
        font-size: 12px;
        color: #959595;
        margin-left: 20px;
    }

        .mod-box .box-hd .mark-sub a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 12px;
            line-height: 16px;
            zoom: 1;
            color: #959595;
            padding: 0 20px;
            border-right: 1px solid #dfdfdf;
        }

            .mod-box .box-hd .mark-sub a:last-child, .mod-box .box-hd .mark-sub a.last {
                border: 0 none;
            }

.mod-box .box-bd {
    width: 1198px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
}

.mod-box-b {
    margin: 4% 0 0;
}

    .mod-box-b .box-hd {
        text-align: center;
    }

        .mod-box-b .box-hd:after {
            clear: both;
        }

        .mod-box-b .box-hd:before, .mod-box-b .box-hd:after {
            content: '';
            display: table;
        }

        .mod-box-b .box-hd .mark img {
            padding: 0 1%;
            vertical-align: sub;
        }

        .mod-box-b .box-hd .mark i {
            font-style: normal;
            color: #e73633;
        }

        .mod-box-b .box-hd .mark {
            padding-bottom: 1%;
            display: block;
            font-size: 40px;
            font-weight: 600;
        }

        .mod-box-b .box-hd p {
            font-size: 16px;
        }

        .mod-box-b .box-hd .mark-sub {
            float: left;
            font-size: 12px;
            color: #959595;
            margin-left: 20px;
        }

            .mod-box-b .box-hd .mark-sub a {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                font-size: 12px;
                line-height: 16px;
                zoom: 1;
                color: #959595;
                padding: 0 20px;
                border-right: 1px solid #dfdfdf;
            }

                .mod-box-b .box-hd .mark-sub a:last-child, .mod-box-b .box-hd .mark-sub a.last {
                    border: 0 none;
                }

.mod-box-c, .mod-box-d {
    margin: 0 25px;
}

    .mod-box-c .box-hd, .mod-box-d .box-hd {
        padding: 25px 0;
        *zoom: 1;
    }

        .mod-box-c .box-hd, .mod-box-d .box-hd:after {
            clear: both;
        }

        .mod-box-c .box-hd, .mod-box-d .box-hd:before, .mod-box-c .box-hd, .mod-box-d .box-hd:after {
            content: '';
            display: table;
        }

            .mod-box-c .box-hd .mark, .mod-box-d .box-hd .mark {
                float: left;
                font-size: 20px;
                font-weight: 700;
                padding-left: 17px;
                margin-left: 17px;
                line-height: 30px;
                color: #545454;
                background: url(../images/cont-tit-bd-2.png) left center no-repeat;
            }

            .mod-box-c .box-hd .mark-sub, .mod-box-d .box-hd .mark-sub {
                float: left;
            }

    .mod-box-c.bdb, .mod-box-d.bdb {
        border-bottom: 1px solid #f0f0f0;
    }

    .mod-box-c.mod-box-d, .mod-box-d.mod-box-d {
        margin: 0 10px;
    }

.mod-focus {
    width: 100%;
    height: 534px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

    .mod-focus .focus-content {
        height: 100%;
    }

        .mod-focus .focus-content ul {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 11;
        }

            .mod-focus .focus-content ul li.focus-item {
                position: absolute;
                z-index: 12;
                width: 100%;
                height: 100%;
                padding-top: 114px;
            }

                .mod-focus .focus-content ul li.focus-item .focus-inner {
                    width: 1200px;
                    margin: 0 auto;
                }

    .mod-focus ul.control {
        position: absolute;
        z-index: 15;
        left: 50%;
        bottom: 10px;
        margin-left: -33px;
        width: auto;
        height: auto;
    }

        .mod-focus ul.control li {
            float: left;
            width: 9px;
            height: 9px;
            background: #fff;
            border-radius: 50%;
            text-indent: -9999px;
            overflow: hidden;
            opacity: .3;
            filter: alpha(opacity=30);
            -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
            cursor: pointer;
            margin: 0 4px;
        }

            .mod-focus ul.control li.current {
                opacity: 1;
                filter: alpha(opacity=100);
            }

    .mod-focus .btn {
        position: absolute;
        display: none;
        z-index: 14;
        width: 35px;
        height: 63px;
        margin-top: -32px;
        top: 50%;
        cursor: pointer;
        background: url(../images/icon-slides.png) no-repeat;
    }

        .mod-focus .btn.btn-prev {
            left: 50%;
            margin-left: -600px;
            background-position: 0 0;
        }

            .mod-focus .btn.btn-prev:hover {
                background-position: -74px 0;
            }

        .mod-focus .btn.btn-next {
            right: 50%;
            margin-right: -600px;
            background-position: -37px 0;
        }

            .mod-focus .btn.btn-next:hover {
                background-position: -111px 0;
            }

    .mod-focus:hover .btn {
        display: block;
    }

.mod-slide {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 330px;
    margin: 35px 0;
}

    .mod-slide .slide {
        margin: 0 58px;
        width: 1084px;
        height: 330px;
        overflow: hidden;
    }

        .mod-slide .slide li {
            float: left;
            width: 178px;
            padding: 8px 10px 10px 8px;
            height: 200px;
            margin-top: 66px;
            margin-right: 30px;
            border: 1px solid #dedede;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            background: #fff;
        }

            .mod-slide .slide li .pic {
                width: 100%;
                height: 0;
                padding-top: 67.5%;
                display: block;
                overflow: hidden;
                position: relative;
            }

                .mod-slide .slide li .pic img {
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

            .mod-slide .slide li .info {
                *zoom: 1;
            }

                .mod-slide .slide li .info:after {
                    clear: both;
                }

                .mod-slide .slide li .info:before, .mod-slide .slide li .info:after {
                    display: table;
                }

                .mod-slide .slide li .info .user-name {
                    font-size: 14px;
                    font-weight: 700;
                    color: #000;
                    text-align: center;
                    display: block;
                }

                .mod-slide .slide li .info .contry {
                    font-size: 13px;
                    color: #999;
                    display: block;
                    text-align: center;
                }

            .mod-slide .slide li .des {
                padding: 0 5px;
                font-size: 13px;
                color: #999;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

            .mod-slide .slide li.current {
                width: 213px;
                height: 250px;
                margin-top: 35px;
                -webkit-transform: scale(1.16431925);
                -ms-transform: scale(1.16431925);
                transform: scale(1.16431925);
                box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
            }

                .mod-slide .slide li.current .info {
                    *zoom: 1;
                }

                    .mod-slide .slide li.current .info:after {
                        clear: both;
                    }

                    .mod-slide .slide li.current .info:before, .mod-slide .slide li.current .info:after {
                        display: table;
                    }

                .mod-slide .slide li.current .des {
                    white-space: normal;
                }

    .mod-slide .btn {
        position: absolute;
        z-index: 14;
        width: 35px;
        height: 63px;
        margin-top: -32px;
        top: 50%;
        cursor: pointer;
        background: url(../images/icon-slides.png) no-repeat;
    }

        .mod-slide .btn.btn-prev {
            left: 50%;
            margin-left: -600px;
            background-position: 0 0;
        }

            .mod-slide .btn.btn-prev:hover {
                background-position: -74px 0;
            }

        .mod-slide .btn.btn-next {
            right: 50%;
            margin-right: -600px;
            background-position: -37px 0;
        }

            .mod-slide .btn.btn-next:hover {
                background-position: -111px 0;
            }

.hwr {
    float: left;
    width: 66.866%;
}

.snBrand {
    margin-top: 2%;
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    background: #f8f8f8;
    overflow: hidden;
}

    .snBrand h2 {
        position: relative;
        height: 34px;
        line-height: 32px;
        border-bottom: 1px solid #737878;
        text-indent: 16px;
        font-size: 14px;
        color: #000;
        font-family: "Microsoft YaHei";
    }

        .snBrand h2 a {
            position: absolute;
            right: 10px;
            top: 0;
            font-size: 12px;
            color: #666;
            font-weight: normal;
            font-family: "SimSun";
        }

            .snBrand h2 a:hover {
                color: #f60;
            }

    .snBrand ol {
        float: left;
        width: 26.25%;
        margin: 0;
        padding: 0;
        margin-top: -1px;
    }

        .snBrand ol li {
            height: 52px;
            background: url(../images/bt3.jpg) no-repeat 88% 50%;
            line-height: 52px;
            border-top: 1px solid #ddd;
            border-right: 1px solid #ddd;
            text-align: center;
            overflow: hidden;
        }

            .snBrand ol li a {
                display: block;
                font-size: 15px;
                color: #272a33;
            }

            .snBrand ol li.on {
                background: #fff;
                border-right: #fff;
                border-left: 6px solid #e73633;
            }

                .snBrand ol li.on a {
                    font-size: 18px;
                    color: #e73633;
                    font-weight: 600;
                }

    .snBrand ul {
        float: left;
        width: 73.6%;
        padding: 0 5px;
        background: #fff;
        overflow: hidden;
        height: 260px;
        margin: 0;
    }

        .snBrand ul li {
            height: 100%;
        }

            .snBrand ul li p {
                width: 165px;
                height: 22px;
                line-height: 20px;
                white-space: pre;
                overflow: hidden;
            }

            .snBrand ul li a {
                width: 118px;
                height: 59px;
                margin: 2.6% 1.78%;
                display: inline-block;
                position: relative;
            }

                .snBrand ul li a:hover em {
                    display: block;
                }

            .snBrand ul li em {
                display: none;
                font-style: normal;
                color: #fff;
                font-size: 15px;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                text-align: center;
                line-height: 58px;
                background: url(../images/bjys.png);
            }

.faq {
    float: right;
    width: 31.6828%;
}

    .faq .faq_list {
        margin-top: 4%;
    }

        .faq .faq_list dl {
            margin: 0;
            margin-top: 2.88%;
            height: 44px;
            overflow: hidden;
            background: #f6f6f6;
        }

            .faq .faq_list dl dt {
                float: left;
                width: 100px;
                text-align: center;
                background: #cbcbcb;
                font-size: 15px;
                font-weight: 600;
                line-height: 44px;
            }

            .faq .faq_list dl dd {
                line-height: 44px;
            }

                .faq .faq_list dl dd a {
                    text-indent: 1em;
                    color: #272a33;
                    font-size: 13px;
                    display: block;
                }

            .faq .faq_list dl:hover {
                background: #e73633;
                cursor: pointer;
            }

                .faq .faq_list dl:hover a {
                    color: #fff;
                }

                .faq .faq_list dl:hover dt {
                    background: #e73633;
                    font-size: 15px;
                    font-weight: normal;
                    color: #fff;
                }



.osp {
    margin-top: 2.8%;
    margin-bottom: 2.8%;
}

    .osp em {
        margin-left: 2%;
        display: inline-table;
    }

    .osp ul {
        padding: 0;
        margin: 0;
    }

        .osp ul li {
            margin: 0;
            display: inline-table;
        }

        .osp ul .op {
            width: 18%;
        }

            .osp ul .op img {
                vertical-align: middle;
                padding: 0 6%;
            }

        .osp ul .osp_list {
            float: right;
            width: 66%;
        }

            .osp ul .osp_list h1 {
                font-size: 20px;
                margin: 0;
            }

            .osp ul .osp_list p {
                font-size: 13px;
                margin-top: 8px;
            }

#contact-us {
    background: #f6f6f6;
    min-height: 278px;
}

.bot {
    padding: 48px 10px 0;
}

    .bot dl {
        display: inline-table;
    }

        .bot dl dt {
            display: block;
            height: 40px;
            font-size: 16px;
            color: #272a33;
        }

    .bot .bot_on1 dd a {
        padding: 1%;
        display: inline-table;
        width: 30%;
    }

    .bot .bot_on2 dd a {
        display: block;
        padding-bottom: 8%;
    }

    .bot .bot_on3 dd a {
        display: block;
        padding-bottom: 8%;
    }

    .bot .bot_on4 dd a {
        display: block;
        padding-bottom: 8%;
    }

    .bot .bot_on5 dd p {
        display: block;
        padding-top: 8%;
    }


    .bot dl {
        margin-right: 86px;
    }

    .bot .bot_on1 {
        width: 25%;
        margin-right: 120px;
    }

    .bot .bot_on2 {
        width: 10%;
    }

    .bot .bot_on3 {
        width: 10%;
    }

    .bot .bot_on4 {
        width: 10%;
    }

    .bot .bot_on5 {
        margin-right: 0;
    }

#link {
    background: #525461;
    padding: 0 10px;
    line-height: 54px;
}

.link, .link a {
    font-size: 13px;
    color: #888;
}

    .link a {
        padding: 0 1%;
    }

        .link a:hover {
            color: #e73633;
        }

#footer {
    background: #3e404c;
    color: #888;
}

.foot {
    text-align: center;
    padding: 10px;
}

    .foot a {
        color: #888;
    }

        .foot a:hover {
            color: #e73633;
        }

    .foot em {
        display: inline-table;
        padding: 0 1%;
        font-style: normal;
    }


#main {
    background: #f1f1f1;
    margin-top: 88px;
}

.main_left {
    float: left;
    width: 15.372%;
    background: #fff;
    min-height: 621px;
    margin: 2.8% 0;
}

    .main_left dl {
        border-bottom: 1px solid #f1f1f1;
        padding: 6% 0;
        margin: 0;
        clear: both;
        overflow: hidden;
    }

        .main_left dl dt {
            padding: 4% 10% 6%;
            font-size: 15px;
            color: #000;
            font-weight: 600;
        }

        .main_left dl dd {
            height: 37px;
            line-height: 37px;
        }

            .main_left dl dd a {
                text-indent: 3rem;
                font-size: 13px;
                color: #555;
                display: block;
            }

                .main_left dl dd a:hover {
                    background: #e73633 url(../images/left_bg.jpg) no-repeat right;
                    font-weight: 600;
                    color: #fff;
                }

#left_on a {
    background: #e73633 url(../images/left_bg.jpg) no-repeat right;
    font-weight: 600;
    color: #fff;
}

.aboutwx {
    text-align: center;
    margin: 22% 0;
}

    .aboutwx img {
        margin: 0px auto;
    }

.wx p {
    padding: 0 26%;
    font-size: 13px;
    padding-top: 6%;
    line-height: 20px;
    text-align: center;
}

.main_right {
    float: right;
    width: 83.372%;
    background: #fff;
    margin: 2.8% 0;
    padding-bottom: 28px;
    min-height: 788px;
}

    .main_right .right_head {
        font-size: 22px;
        color: #1b1f28;
        font-weight: 600;
        padding: 25px 36px;
    }

        .main_right .right_head i {
            float: right;
            font-weight: normal;
            font-size: 13px;
            color: #999;
            font-style: normal;
        }

        .main_right .right_head a {
            color: #999;
        }

.tsjy {
    margin: 0 3rem;
    max-width: 795px;
    position: relative;
}

    .tsjy table {
        position: absolute;
        top: 12%;
        right: 18%;
        width: 50%;
    }

        .tsjy table span {
            display: block;
            width: 88%;
            text-align: right;
        }

            .tsjy table span font {
                color: #e73633;
            }

        .tsjy table td {
            padding-bottom: 1rem;
        }

    .tsjy .txt {
        width: 100%;
        height: 32px;
        background: #eee;
        border: 1px solid #aaa;
        padding: 0 8px;
    }

    .tsjy textarea {
        width: 100%;
        height: 82px;
        background: #eee;
        border: 1px solid #aaa;
        padding: 0 8px;
    }

    .tsjy .yzm {
        width: 28%;
        height: 32px;
        background: #eee;
        border: 1px solid #aaa;
        padding: 0 8px;
    }

    .tsjy table img {
        padding: 0 2%;
    }

    .tsjy table a {
        color: #1cb3f4;
    }

    .tsjy .sub {
        width: 100%;
        background: #da251d;
        border: none;
        height: 38px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }


#list {
    margin: 0 3%;
    border-top: 1px solid #f1f1f1;
    padding: 0;
    min-height: 580px;
}

    #list li {
        height: 47px;
        line-height: 47px;
        background: url(../images/dd.jpg) no-repeat 1% 50%;
        text-indent: 2em;
        border-bottom: 1px solid #f1f1f1;
    }

#list_mobile { display: none;
    margin: 0 3%;
    border-top: 1px solid #f1f1f1;
    padding: 0;
    min-height: 580px;
}

    #list_mobile li {
        height: 47px;
        line-height: 47px;
        background: url(../images/dd.jpg) no-repeat 1% 50%;
        text-indent: 2em;
        border-bottom: 1px solid #f1f1f1;
    }

.news_head {
    margin-top: -143px;
    position: relative;
    z-index: 999;
}

    .news_head ul {
        margin: 0;
    }

        .news_head ul li {
            display: inline-table;
            height: 92px;
            line-height: 92px;
            margin-left: 48px;
        }

            .news_head ul li a {
                font-size: 18px;
                font-weight: bold;
                color: #fff;
            }

#news_on {
    background: url(../images/news_bt.png) no-repeat 50% 80%;
}

.cnt_mobile {
    display: none;
}

.cnt {
    background: #fff;
    margin-bottom: 2.8%;
    padding: 2% 0;
}

    .cnt dl {
        padding: 0 42px;
        background: url(../images/sx.jpg) no-repeat 6.4% 100%;
        height: 175px;
        margin: 0;
    }

        .cnt dl dt {
            float: left;
            width: 65px;
            background: #1cb3f4;
            height: 64px;
            text-align: center;
        }

            .cnt dl dt b {
                display: block;
                height: 43px;
                line-height: 43px;
                font-size: 30px;
                color: #fff;
            }

            .cnt dl dt span {
                display: block;
                background: #fff;
                font-size: 12px;
                width: 63px;
                height: 20px;
                line-height: 20px;
                margin: 0 1px;
                color: #1cb3f4;
            }

        .cnt dl dd {
            width: 88%;
            float: right;
            height: 80px;
            background: #f6f6f6;
            padding: 2%;
            border: 2px solid #f6f6f6;
        }

            .cnt dl dd a {
                display: block;
                padding-bottom: 1%;
                font-size: 16px;
                color: #1b1f28;
            }

            .cnt dl dd p a {
                line-height: 26px;
                font-size: 13px;
                color: #999;
            }

        .cnt dl:hover {
            cursor: pointer;
        }

            .cnt dl:hover dd {
                border: 2px solid #e73633;
                background: #fff;
            }

                .cnt dl:hover dd a {
                    color: #e73633;
                }

            .cnt dl:hover dt {
                background: #e73633;
            }

                .cnt dl:hover dt span {
                    color: #e73633;
                }

.fy {
    padding: 2% 0;
    text-align: center;
}

.ns_head {
    padding: 2% 4% 1%;
    font-size: 26px;
    font-weight: 600;
    background: #f9f9f9;
}

.ns_tit {
    padding: 0 4% 2%;
    font-size: 12px;
    background: #f9f9f9;
    color: #999;
}

.ns_cnt {
    margin: 2% 4%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 2%;
}

    .ns_cnt p {
        padding: 1% 0;
        text-indent: 2em;
        line-height: 26px;
        color: #555;
        font-size: 13px;
    }

.ns_lst {
    padding-bottom: 2%;
    padding: 2% 4% 1%;
}

    .ns_lst span {
        color: #999;
        font-size: 13px;
    }

    .ns_lst a {
        font-size: 13px;
    }

    .ns_lst ul li {
        display: inline-table;
        width: 48%;
    }


.left {
    float: left;
    width: 15.372%;
    background: #fff;
    margin: 38px 0;
}

    .left .left_head {
        height: 48px;
        line-height: 48px;
        text-indent: 1.4em;
        background: #f9f9f9;
        font-size: 16px;
        color: #1b1f28;
        font-weight: 600;
    }

    .left ul {
        margin: 2% 2% 0;
        padding: 0;
    }

        .left ul li {
            line-height: 38px;
            border-bottom: 1px dotted #ededed;
            text-indent: 1.5em;
        }

            .left ul li a {
                display: block;
                font-size: 15px;
                background: url(../images/left.jpg) no-repeat 88% 50%;
            }

    .left dl dd {
        line-height: 36px;
    }

        .left dl dd a {
            font-size: 13px;
            background: none;
            text-indent: 2.8em;
        }

#on a {
    text-indent: 4.84em;
    background: url(../images/left_bt.jpg) no-repeat 18% 50%;
    color: #e73633;
    font-weight: 600;
}

.ctt {
    border-top: 12px solid #f1f1f1;
    padding-bottom: 8%;
}

.ctt_head {
    height: 48px;
    line-height: 48px;
    text-indent: 1.4em;
    background: #f9f9f9;
    font-size: 16px;
    color: #1b1f28;
    font-weight: 600;
}

.tel {
    padding: 4% 8%;
    color: #999;
    font-size: 12px;
}

.ctt b {
    padding-left: 18%;
    font-size: 18px;
}

.ctt dl {
    margin: 2% 0;
    border-top: 1px dotted #ededed;
    padding: 6%;
}

    .ctt dl dt {
        float: left;
    }

    .ctt dl dd {
        float: right;
        width: 84px;
    }

        .ctt dl dd h1 {
            font-size: 14px;
            margin: 0;
            padding-bottom: 6%;
            font-weight: 600;
        }

        .ctt dl dd p {
            line-height: 20px;
            color: #999;
            font-size: 12px;
        }

.ctt table {
    margin: 4%;
}

    .ctt table a {
        font-size: 12px;
    }

.ctt .td_img1 {
    background: url(../images/em.jpg) no-repeat;
    width: 32px;
    height: 22px;
    display: block;
}

    .ctt .td_img1:hover {
        background: url(../images/em_bg.jpg) no-repeat;
    }

.ctt .td_img2 {
    background: url(../images/kf.jpg) no-repeat;
    width: 30px;
    height: 26px;
    display: block;
}

    .ctt .td_img2:hover {
        background: url(../images/kf_bg.jpg) no-repeat;
    }

.right {
    width: 83.372%;
    float: right;
    margin: 38px 0;
    background: #fff;
    min-height: 621px;
}

    .right .right_head {
        font-size: 22px;
        color: #1b1f28;
        font-weight: 600;
        padding: 25px 36px;
    }

.main_right_list {
    padding: 0 36px 38px;
}

.right .right_head i {
    float: right;
    font-weight: normal;
    font-size: 13px;
    color: #999;
    font-style: normal;
}

.right .right_head a {
    color: #999;
}

.right dl {
    margin-bottom: 2%;
}

    .right dl dt {
        margin-bottom: 1%;
        color: #555;
        font-size: 13px;
    }

    .right dl dd {
        line-height: 28px;
        color: #555;
        font-size: 13px;
    }

.users {
    padding: 2% 4%;
}

    .users h4 {
        font-weight: bold;
        font-size: 20px;
    }

    .users dl {
        padding: 2% 0;
    }

        .users dl dt {
            text-align: center;
            font-size: 18px;
            color: #555;
            font-weight: 600;
            padding-bottom: 2%;
        }

        .users dl dd {
            line-height: 28px;
            color: #555;
        }

.abqy {
    margin: 0 3%;
}

    .abqy textarea {
        padding: 1%;
        width: 80%;
        height: 184px;
        border: 1px solid #1cb3f4;
        display: block;
        margin-bottom: 2%;
    }

    .abqy .qk {
        background: #6abb78;
        width: 14%;
        height: 38px;
        font-size: 120%;
        color: #fff;
        border: none;
        margin-bottom: 2%;
    }

    .abqy .qr {
        background: #1cb3f4;
        width: 14%;
        height: 38px;
        font-size: 120%;
        color: #fff;
        border: none;
        margin-left: 2%;
        margin-bottom: 2%;
    }

#abqy_table {
    margin: 2% 3%;
    border: 1px solid #e8e8e8;
}

    #abqy_table tr td {
        padding: 0 2%;
        height: 40px;
    }

    #abqy_table tr th {
        text-align: center;
        height: 40px;
        background: #f7f7f7;
    }

    #abqy_table tr td b {
        font-size: 14px;
        color: #1b1f28;
    }

        #abqy_table tr td b i {
            font-style: normal;
            color: #e73633;
        }

.cctor {
    border: 1px solid #1cb3f4;
    background: #fff;
    z-index: 999;
}

    .cctor th {
        height: 62px;
        padding: 0 4%;
        font-size: 16px;
    }

        .cctor th i {
            float: right;
            color: #888;
            font-size: 13px;
            font-style: normal;
            font-weight: normal;
        }

    .cctor .ctor_head {
        /**/
        line-height: 58px;
        background: #e8f5fb;
        padding: 0 4%;
    }

        .cctor .ctor_head span {
            display: inline-table;
            width: 33%;
        }

            .cctor .ctor_head span select {
                width: 66%;
                height: 26px;
                margin-left: 1%;
            }

.ctor {
    margin-left: 30px;
    background: url(../images/right_img.jpg) no-repeat 98% 50%;
}


.ctr tr td {
    padding: 2% 2% 0;
}

.ctr .ctr_text {
    width: 38%;
    text-align: center;
}

.ctr .ctr_txt {
    width: 20%;
    text-align: center;
}

.ctr b {
    padding-left: 4%;
}

.ctr a {
    padding: 0 4%;
    color: #e73633;
    font-weight: 600;
}

.ctr .ctr_sub {
    margin: 0;
    background: #1cb3f4;
    border: 0;
    font-size: 16px;
    width: 116px;
    height: 37px;
    color: #fff;
    font-weight: 600;
}

.ctr em {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #e73633;
    padding-left: 2%;
}

.rec_head {
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-top: -55px;
    background: url(../images/head_bg.png);
    position: relative;
    z-index: 999;
}

    .rec_head dl {
        width: 84.4%;
        margin: 0 auto;
    }

        .rec_head dl dt {
            float: left;
            height: 55px;
            line-height: 55px;
            font-size: 22px;
            color: #fff;
            margin-right: 2.8%;
        }

        .rec_head dl dd {
            width: 68%;
            float: left;
            height: 55px;
            line-height: 55px;
            font-size: 15px;
            margin-right: 2.8%;
        }

            .rec_head dl dd a {
                color: #fff;
                padding: 0 1%;
            }

                .rec_head dl dd a:hover {
                    color: #e73633;
                }


.rec_list {
    width: 84.4%;
    margin: 2% auto;
}

    .rec_list ul {
        margin: 0;
        padding: 0;
    }

        .rec_list ul li {
            float: left;
            text-align: center;
            width: 276px;
            margin: 0 1% 2%;
            position: relative;
        }

            .rec_list ul li a {
                display: block;
                width: 100%;
            }

            .rec_list ul li span {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                background: url(../images/bjys.png);
                width: 100%;
                height: 118px;
                line-height: 118px;
                font-size: 24px;
                font-weight: 600;
                color: #fff;
            }

            .rec_list ul li p {
                padding-top: 2%;
                color: #999;
                font-size: 13px;
            }

            .rec_list ul li:hover span {
                display: block;
                cursor: pointer;
            }


.le_ft {
    float: left;
    width: 75%;
    background: #fff;
    min-height: 800px;
    margin: 2% 0;
}

    .le_ft .le_ft_head {
        height: 40px;
        line-height: 40px;
        margin: 2%;
        background: #f1f1f1;
    }

        .le_ft .le_ft_head ul {
            margin: 0;
            padding: 0;
        }

            .le_ft .le_ft_head ul li {
                float: left;
                width: 100px;
                text-align: center;
            }

                .le_ft .le_ft_head ul li a {
                    font-size: 14px;
                    color: #333;
                    display: block;
                }

                    .le_ft .le_ft_head ul li a:hover {
                        background: #e73633;
                        color: #fff;
                        font-weight: 600;
                    }

#le_ft_on a {
    background: #e73633;
    color: #fff;
    font-weight: 600;
}

.xx {
    background: url(../images/xx.jpg) repeat-x;
    height: 8px;
    margin: 0 2% 2%;
}

#le_ft_list {
    padding: 0;
    margin: 2% 0;
}

    #le_ft_list li {
        width: 255px;
        border: 1px solid #eaeaea;
        padding: 1.6%;
        float: left;
        margin: 0 2% 2%;
    }

        #le_ft_list li h1 {
            font-size: 15px;
            line-height: 24px;
            margin: 6% 0 0;
        }

        #le_ft_list li p {
            text-align: center;
            color: #999;
            font-size: 15px;
            line-height: 24px;
        }

        #le_ft_list li:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
            -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
            box-shadow: 0 -1px 10px rgba(0,0,0,.5);
        }


.rg_int {
    width: 23.6%;
    min-height: 800px;
    float: right;
    margin: 2% 0;
}


.hss {
    border: 1px solid #eaeaea;
    background: #fff;
}

.rg_int_head {
    padding: 10% 8%;
}

    .rg_int_head dt {
        float: left;
    }

    .rg_int_head dd {
        float: left;
        margin-left: 8%;
    }

        .rg_int_head dd h1 {
            margin: 0;
            margin-top: 2%;
            margin-bottom: 4%;
            font-size: 16px;
            color: #272a33;
        }

        .rg_int_head dd p {
            font-size: 13px;
            color: #999;
        }

.hss ul {
    margin: 8% 8% 0;
}

    .hss ul li {
        margin-bottom: 3%;
    }

        .hss ul li p {
            color: #999;
            font-size: 13px;
            display: block;
        }

        .hss ul li a {
            font-size: 13px;
            display: block;
        }

.hss .more {
    background: none;
    margin: 0;
}

.zdm {
    border: 1px solid #eaeaea;
    background: #fff;
    margin-top: 8%;
}

    .zdm .zdm_head {
        padding: 4% 8%;
        font-size: 16px;
        color: #272a33;
    }

    .zdm ul li {
        padding: 0 7% 7%;
        font-size: 16px;
        color: #272a33;
    }

.ssw_h1 {
    padding: 0 2%;
    font-size: 22px;
}

.ssw_one {
    padding: 1% 2%;
    font-size: 12px;
    color: #999;
}

    .ssw_one .bdsharebuttonbox {
        float: right;
    }

.ssw_list {
    padding: 1% 2%;
    color: #555;
    font-size: 13px;
}


.foucebox {
    position: relative;
    width: 668px;
    height: 400px;
    overflow: hidden;
    margin: 2% auto;
}

    .foucebox .bd {
        position: relative;
        float: left;
        width: 532px;
        height: 399px;
        overflow: hidden;
    }

        .foucebox .bd img {
            width: 532px;
            height: 399px;
        }

    .foucebox .hd {
        position: relative;
        width: 124px;
        float: right;
        z-index: 1;
    }

        .foucebox .hd ul {
            position: relative;
            width: 124px;
            overflow: hidden;
        }

        .foucebox .hd li {
            height: 93px;
            overflow: hidden;
            margin-bottom: 9px;
            border: 1px solid #fff;
        }

        .foucebox .hd img {
            width: 124px;
            height: 93px;
            display: block;
        }

        .foucebox .hd .on {
            border: 1px solid #e73633;
        }

.ssw_bot {
    border-bottom: 1px dotted #ccc;
    margin: 1% 2%;
    padding: 2% 0;
}

    .ssw_bot i {
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        color: #1cb3f4;
    }

    .ssw_bot a {
        font-size: 13px;
        color: #666;
    }

        .ssw_bot a:hover {
            color: #1cb3f4;
        }


.comment {
    margin: 2%;
}

    .comment .comment_head {
        font-size: 18px;
        color: #1b1f28;
        font-weight: 600;
    }

        .comment .comment_head i {
            color: #e73633;
            font-style: normal;
        }

    .comment .comment_list {
        margin: 2% 0;
        color: #999;
    }

        .comment .comment_list i {
            font-style: normal;
            color: #e73633;
        }

        .comment .comment_list textarea {
            width: 100%;
            height: 88px;
            background: #f8f8f8;
            border: 1px solid #eee;
            padding: 8px;
        }

    .comment .comment_list_bot {
        border-bottom: 1px solid #eee;
        height: 40px;
        line-height: 40px;
        padding: 2% 0 8%;
    }

    .comment .comment_list input {
        float: right;
        width: 120px;
        height: 38px;
        background: #6abb78;
        border: none;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        border-radius: 8px;
    }

    .comment .comment_list dl {
        height: 92px;
        border-bottom: 1px solid #eee;
    }

        .comment .comment_list dl dt {
            padding: 2% 0% 1%;
            color: #999;
            font-size: 13px;
        }

            .comment .comment_list dl dt em {
                font-style: normal;
                padding-right: 8%;
                display: inline-table;
                color: #1cb3f4;
            }

        .comment .comment_list dl dd {
            color: #1b1f28;
        }

.online_table {
    margin: 40px auto;
    width: 620px;
}

.Item_list {
    width: 100%;
    clear: both;
    overflow: hidden;
}

    .Item_list .Item_list1 {
        width: 30%;
        display: inline-block;
    }

        .Item_list .Item_list1 b {
            padding: 0 8px;
        }

        .Item_list .Item_list1 input {
            width: 55%;
            padding: 0 8px;
        }

    .Item_list .Item_list2 {
        width: 55%;
        display: inline-block;
    }

        .Item_list .Item_list2 b {
            padding: 0 8px;
        }

        .Item_list .Item_list2 input {
            width: 24%;
            margin-right: 10px;
            display: inline-block;
        }

    .Item_list .Item_list3 {
        width: 13%;
        display: inline-block;
    }

        .Item_list .Item_list3 img {
            padding: 0 4px;
        }

.cctor {
    width: 80%;
}

.mob_bot {
    display: none;
}

.head_cpcp {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .mob_bot {
        display: block;
        position: relative;
        height: 180px;
    }

        .mob_bot .mob_bot_list {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 999;
            background: #fff;
        }

        .mob_bot .mob_bot_top {
            background: #5c5c5c;
            height: 48px;
            line-height: 48px;
            text-align: center;
            font-size: 14px;
            color: #fff;
        }

            .mob_bot .mob_bot_top a {
                font-size: 14px;
                color: #fff;
            }

            .mob_bot .mob_bot_top em {
                padding: 0 5px;
                font-size: 16px;
                color: #fff;
            }

    .mob_bot_center {
        overflow: hidden;
        height: 120px;
        text-align: center;
        padding: 10px 5px 0;
        line-height: 16px;
        font-size: 12px;
    }

    .mob_bot_bot {
        position: fixed;
        left: 0;
        overflow: hidden;
        bottom: 0;
        width: 100%;
        z-index: 999;
        background: #fff;
        height: 68px;
        border-top: 1px solid #e8e8e8;
    }

        .mob_bot_bot ul li {
            font-size: 14px;
            text-align: center;
            width: 25%;
            display: inline-table;
            float: left;
        }

            .mob_bot_bot ul li a {
                display: block;
                height: 34px;
                padding-top: 5px;
            }

            .mob_bot_bot ul li img {
                width: 20px;
                padding-top: 6px;
            }

    .carriers .car_list dl dd h1 {
        font-size: 18px;
    }

    .scrollBox {
        margin: 2rem 0 0;
    }

        .scrollBox .bd li .pic {
            height: 115px;
            overflow: hidden;
            display: block;
        }

        .scrollBox .bd li img {
            padding-bottom: 5px !important;
            width: 100% !important;
            height: 100% !important;
        }

    .ct_news .n_head h1 {
        font-size: 140%;
    }

        .ct_news .n_head h1 img {
            width: 34px;
            padding: 0 10px;
        }

    .head_cpcp {
        display: block;
        float: right;
        padding-right: 20px;
        font-weight: normal;
        color: #c4c4c4;
        font-size: 28px;
    }

    .MenuList {
        display: none;
    }

    .aboutwx {
        display: none;
    }

    .right_fixed {
        display: none;
    }

    .main_left {
        width: 100%;
        float: none;
        min-height: inherit;
        clear: both;
        overflow: hidden;
        padding-bottom: 28px;
    }

        .main_left dl dd {
            float: left;
            width: 33%;
        }

    #left_on a {
        background: #e73633;
        text-indent: 2rem;
    }

    .main_left .wx {
        display: none;
    }

    .main_right {
        float: none;
        width: 100%;
    }

    .login {
        display: none;
    }

    .carriers .car_head h1 {
        font-size: 140%;
    }

    #main-nav {
        height: auto;
        box-shadow: 0 3px 3px #c3bcbc;
    }

    .cnt dl {
        height: 100px;
        padding: 0 1rem;
    }

        .cnt dl dd {
            width: 66%;
            height: 68px;
        }

            .cnt dl dd a {
                height: 20px;
                overflow: hidden;
            }

            .cnt dl dd p a {
                height: 50px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

    .page span.current, .page span.disabled {
        padding: 8px 6px;
    }

    .ban img {
        height: 92px;
    }

    .news_head ul li {
        margin-left: 5px;
    }

    .news_head {
        margin-top: -92px;
    }

    .ctt {
        display: none;
    }

    .left {
        width: 100%;
        float: none;
        margin: 0;
    }

    .right {
        width: 100%;
        float: none;
        margin: 0;
        min-height: inherit !important;
    }

        .right .right_head {
            padding: 1rem;
            font-size: 16px;
        }

            .right .right_head i {
                font-size: 12px;
            }

    .main_right_list {
        padding: 0 1rem 2rem;
    }

    .one .one_list2 {
        width: 202%;
    }

    .one .one_list2 {
        display: none !important;
    }

    .main_left dl {
        padding: 0;
    }

    .carriers .car_head ul li img {
        width: 18px;
    }

    #list {
        min-height: inherit;
    }

    .main_right {
        min-height: inherit;
    }

    .online {
        padding: 2rem 1rem;
    }

    .tsjy {
        margin: 0 1rem;
    }

    .online_table {
        width: auto;
        padding: 0 1rem;
        margin-top: auto !important;
    }

    .formControls .btn.btn-primary {
        background: #ccc;
        border-color: #ccc;
    }

    label.col-xs-3 {
        width: 100%;
        padding-bottom: 10px;
    }

    .form .online_table .row {
        margin: 0 !important;
    }

    div.col-xs-7 {
        width: 100%;
    }

    div.col-xs-8 {
        width: 100%;
    }

    #on a {
        background: none;
        text-indent: 2.6em;
    }

    .cnt dl {
        background: none;
    }

    .cctor {
        width: 100%;
    }

    .ns_head {
        font-size: 16px;
    }

    #bc-big {
        height: 120px;
    }

    .txjy {
        display: none;
    }

    .tsjy table {
        position: relative;
        right: 1rem;
        width: 100%;
    }

    .tsjy .yzm {
        width: 88px !important;
    }


    .MenuList dl {
        clear: both;
        overflow: hidden;
    }

        .MenuList dl dd {
            float: left;
        }

    .cctor .ctor_head span {
        width: 100%;
    }

    .Item_list .Item_list1 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .Item_list .Item_list2 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

        .Item_list .Item_list2 input {
            width: 17%;
        }

    .Item_list .Item_list3 {
        width: 28%;
        display: block;
        margin-bottom: 20px;
        margin-left: 18px;
    }

    .Item_list .Item_list2 b {
        margin-left: 16px;
    }

    .Item_list .Item_list2 input {
        margin-right: 6px;
    }

    .one .one_list1 {
        display: none !important;
    }

    .scrollBox .bd li p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #main {
        margin-top: 17%;
    }

    #contact-us, #footer, #link {
        display: none;
    }

    .nav {
        position: absolute;
        left: 0;
        top: 8px;
        margin: 0;
        width: 80%;
        height: 100%;
        z-index: 999;
        clear: both;
        background: #e7e7e7;
    }

        .nav li {
            float: none;
            text-align: center;
            width: 100%;
            background: #e7e7e7;
            border-bottom: 1px solid #cfcfcf;
            height: 50px;
            line-height: 50px;
            margin: 0;
        }

            .nav li a {
                top: 6px !important;
            }

    .ns_lst ul li {
        display: block;
        width: 100%;
    }

    .main_right .right_head {
        padding: 1rem;
        font-size: 14px;
    }

    .main_left dl dt {
        padding: 1rem;
    }

    .tsjy .sub {
        background: #e73633;
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 0;
        width: 90%;
    }
}
@media only screen and (max-width: 1440px) {
.news_head{ margin-top:-100px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    #main {
        margin-top: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .news_head {
        margin-top: -58px;
    }

    .cnt dl dd {
        width: 88%;
    }

    .login {
        position: absolute;
        top: 6%;
        right: 6%;
        left: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .cnt {
        display: none;
    }

    .container .cnt_mobile {
        display: block;
    }
    #list_mobile{ display: block;}

    #list {
        display: none;
    }

        #list + .fy {
            display: none;
        }
}
