* {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei
}

html {
    background-color: #303030
}

a,a:link,a:hover,a:active,a:visited {
    text-decoration: none;
    transition: all .2s
}

a,a:visited {
    color: #333
}

a:hover,a:active {
    color: #2c76bf
}
#slider_border,div.body-content.body-up {
    background: #fff !important;
}
.banner_image {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.section_title {
    font-size: 26px;
    padding: 5px 0;
    border: 2px solid #999 !important;
    margin: 50px auto;
    width: 12em;
    text-align: center
}

.high_line {
    line-height: 1.5em
}

#slider_border {
    color: #fff
}

#slider_border .btn-warning {
    background: #f3714f;
    border-color: #f3714f;
    padding: 6px 32px;
    font-weight: bold;
    border-radius: 15px;
    color: #fff
}

#slider_border .btn-danger {
    background: #fc555c;
    border-color: #fc555c;
    padding: 6px 32px;
    font-weight: bold;
    border-radius: 15px;
    color: #fff
}

#slider_border .btn-yellow {
    background: #ecb61e;
    border-color: #ecb61e;
    padding: 6px 32px;
    font-weight: bold;
    border-radius: 15px;
    color: #fff
}

#slider_border p {
    font-size: 18px;
    margin: 20px 0;
    line-height: 1.8em
}

#slider_border p .line {
    display: block
}

#slider_border p .line .red {
    text-shadow: -1px 0 white,0 1px white,1px 0 white,0 -1px white;
    color: red;
    font-weight: bolder
}

#slider_border h1 {
    font-weight: bolder
}

div.body-content.body-up {
    background-color: #d3d3d3
}
.haha h5 {
    font-size: 14px;
    font-weight: bold;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.l {
    float: left;
}
.imgZoom {
    overflow: hidden;
}
.rect-82 {
    padding-bottom: 82%;
}

.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}

.l_box {
    width: 60%;
}






.news_box {
    overflow: hidden;
}
.news_box .img_box {
    width: 62%;
}
*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    *height: auto;
}
.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.imgZoom img, .imgY180 img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.news_box .info_box {
    width: 38%;
}
.news_box .info_box a {
    display: block;
    padding: 100px 30px 0;
    padding-bottom: 200px;
    margin-bottom: -200px;
    background: #828282;
    color: #fff;
    position: relative;
}
.news_box .info_box .time_box {
    position: absolute;
    width: 80px;
    left: 0;
    top: 0;
    text-align: center;
    background: #fff;
}
.news_box .info_box .time_box .day {
    font-size: 34px;
    color: #6F6F6F;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 5px;
}
.news_box .info_box .time_box .date {
    font-size: 14px;
    color: #6F6F6F;
}
.news_box .info_box .tit {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}
.news_box .info_box .line {
    height: 1px;
    background: #ffffff;
    margin-bottom: 20px;
}
.news_box .info_box .info {
    font-size: 13px;
    line-height: 22px;
}
.r_box {
    width: 39%;
}
.r {
    float: right;
}
.r_box .list_box li {
    margin-bottom: 15px;
    list-style: none;
}
.r_box .list_box a {
    display: block;
}
.r_box .list_box .time_box {
    width: 20%;
    text-align: center;
}
.r_box .list_box .time_box .pd {
    border-right: 1px solid #e3e3e3;
}
.r_box .list_box .time_box .day {
    font-size: 36px;
    color: #1160ae;
    line-height: 1;
    margin-bottom: 8px;
    font-family: Arial;
}
.r_box .list_box .time_box .date {
    font-size: 16px;
    color: #1160ae;
    font-family: Arial;
}
.r_box .list_box .news {
    width: 78%;
}
.r_box .list_box .news .n_tit {
    font-size: 16px;
    color: #252525;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px;
}
.r_box .list_box .news .n_desc {
    font-size: 14px;
    color: #878787;
    line-height: 1;
}
.haha .col-sm-4 img {
    width:170px;
    height:170px;
}

@media(max-width: 767px) {
    #slider_border {
        text-align:center
    }

    #slider_border img.banner {
        width: 100%;
        margin: 0 auto
    }

    #slider_border p {
        max-width: 380px;
        margin: 20px auto
    }
    .haha .col-sm-4,.haha .col-sm-8{
        width:100% !important;
    }
    
    .haha .col-sm-4 img {
        width:100%;
    }
    
    .l_box {
        width: 100%;
    }
    .r_box {
        width: 100%;
    }
    .news_box .img_box {
        width: 100%;
    }
    .news_box .info_box {
        width: 100%;
    }
    .news_box .info_box a {
        padding-top: 100px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .news_box .info_box a {
        padding-bottom: 50px;
        margin-bottom: 0;
    }
    .news_box .info_box .tit {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .news_box .info_box .info {
        line-height: 20px;
        height: 100px;
        overflow: hidden;
    }
    .news_box .info_box .info {
        height: auto;
    }
    .r_box .list_box li {
        margin-bottom: 10px;
        list-style: none;
    }
    .r_box .list_box .time_box .day {
        font-size: 30px;
        margin-bottom: 10px;
    }
}

@media(max-width: 349px) {
    #slider_border img.banner {
        padding:10px 50px;
        margin: 0 auto;
        max-width: 100%
    }
}

@media(min-width: 768px) {
    div.body-content.body-up {
    }
}

@media(min-width: 992px) {
    div.body-content.body-up {
    }

    #slider_border img.banner {
        margin: 0 auto
    }
}

@media(min-width: 1200px) {
    div.body-content.body-up {
    }
}

div.body-content.body-main {
    min-height: 300px
}

div.body-content.body-main>h2 {
    margin-top: 5px;
    margin-bottom: 30px;
    margin-left: 0
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color: #fff;
    background-color: #009fff;
    border-color: #009fff
}

.pagination>li>a,.pagination>li>span {
    margin-left: 7px;
    border-radius: 5px
}

.navbar {
    border-bottom: none;
    margin-bottom: 0
}

.navbar-default {
    background-color: #f7f8f9;
    border: none
}

.navbar-brand {
    line-height: 40px;
    padding: 15px 0;
    height: auto
}

.navbar-brand>img {
    height: 30px
}

.navbar-right {
    float: right!important;
    margin-right: 0
}

.navbar>.container .navbar-header {
    margin-left: 0;
    float: left
}

@media(min-width: 425px) {
    .navbar-brand>img {
        height:40px
    }

    .navbar {
        min-height: 70px
    }
}

@media(min-width: 768px) {
    .navbar-nav>li>a {
        padding: 25px 0.5em;
    }

    .navbar-right~.navbar-right {
    }
}

@media(min-width: 992px) {
    .navbar>.container .navbar-brand {
        margin-left:-15px
    }
}

@media(min-width: 1200px) {
}

.top_nav_bar {
}

.top_nav_bar .navbar-nav>li>a {
    color: #242438;
    font-size: 1.2em
}

.top_nav_bar .navbar-nav>li>a:hover,.top_nav_bar .navbar-nav>li>a:focus {
    color: rgba(36,36,56,.5)
}

.top_nav_bar .navbar-nav>li>a.tel_img {
    padding: 12px 0
}

.top_nav_bar .navbar-nav>li>a.tel_img>img {
    height: 15px
}

@media(min-width: 425px) {
    .top_nav_bar .navbar-nav>li>a.tel_img>img {
        height:25px
    }
}

@media(min-width: 768px) {
    .top_nav_bar .navbar-nav>li>a.tel_img {
        padding:20px 0;
        margin-left: 2em;
        margin-right: -15px
    }

    .top_nav_bar .navbar-nav>li>a.tel_img>img {
        height: 30px
    }
}

.navbar-nav>li.product>.dropdown-menu {
    border-radius: 10px!important;
    border: none!important;
    width: 700px;
    left: -200px;
    top: 110%
}

.navbar-nav>li.product .dropdown_arrow {
    width: 0;
    height: 0;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 30px solid #fff;
    position: absolute;
    top: -22px;
    left: 220px
}

.navbar-nav>li.product .dropdown_content {
    padding: 30px
}

.navbar-nav>li.product .dropdown_content .dropdown_col {
    float: left;
    margin-left: 20px
}

.navbar-nav>li.product .dropdown_content .dropdown_col.left {
    margin-left: 10px
}

.navbar-nav>li.product .dropdown_content .dropdown_col.with_max_width {
    max-width: 270px
}

.navbar-nav>li.product .dropdown_content a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 1.8em
}

.navbar-nav>li.product .dropdown_content a:hover {
    color: #11bcbf
}

.navbar-nav>li.product .dropdown_content h4 {
    margin-top: 0;
    font-weight: bolder
}

.navbar-nav>li.product .dropdown_left {
    padding-right: 10px;
    border-right: 1px solid #dde2e6
}

.navbar-nav>li.product .dropdown_right {
    margin-left: 30px
}

.navbar-nav>li.product .dropdown_right .smart_device {
    margin-top: 14px
}

.nav_divider {
    float: left;
    border-left: 1px solid #ddd;
    height: 45px;
    margin: 12px 10px;
    vertical-align: middle
}

.navbar-nav>li.user>a {
    padding: 25px 1.5em
}

.body-foot .navbar {
    min-height: 0;
    border-bottom: none;
    margin-top: 1em
}

@media(min-width: 768px) {
    .body-foot .navbar-nav>li>a {
        padding:0 1em;
        padding-left: 0;
        padding-right: 2em
    }

    .body-foot .navbar-nav {
        float: none;
        margin: 0 auto;
        width: 540px
    }
}

@media(min-width: 1200px) {
    .body-foot .navbar-nav>li>a {
        padding:0 1.5em;
        padding-left: 0;
    }
}

.body-foot .navbar-nav>li:last-child>a {
    padding-left: 0;
    padding-right: 0
}

.body-foot .navbar-nav>li>a {
    color: #bbb;
    font-size: 1.15em;
}

.body-foot .nav>li>a:hover,.body-foot .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: rgba(187,187,187,.5)
}

.body-foot {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: #303030;
    color: #bbb
}

.body-foot hr {
    margin: 1em 0;
    border-color: #5c5c60
}

.body-foot a {
    color: #bbb
}

.body-foot>.container>.content {
    float: left;
    width: 100%;
    margin: 25px 0 10px 0
}

.body-foot .content.left {
    border-right: 1px solid #454545
}

.body-foot .content.right {
    border-left: none
}

.body-foot .content.right>.qrcode_top {
    margin-bottom: 1em
}

.body-foot .content.right>.text {
    margin-left: 0;
    text-align: center;
    float: none
}

.body-foot .content.right>.qrcode {
    font-size: 12px;
    margin-left: 2em;
    float: right
}

@media(min-width: 768px) {
    .body-foot .content.right>.text {
        text-align:left;
        float: left
    }

    .body-foot>.container>.content {
        height: 120px
    }
}

@media(min-width: 992px) {
    .body-foot>.container>.content {
        width:50%
    }

    .body-foot .content.right {
        border-left: 1px solid #222;
        padding-left: 2em
    }
}

@media(min-width: 1200px) {
    .body-foot .content.right>.text {
        margin-left:2em
    }

    .body-foot .content.right>.qrcode {
        margin-left: 5em
    }
}

.footer-links .title {
    font-weight: bolder;
    display: inline-block;
    margin-right: 1em
}

.footer-links img.logo {
    height: 40px;
    border: 1px solid;
    background: #fff;
    border-radius: 10px;
    padding: 5px
}

@media(max-width: 510px) {
    .footer-links .divider {
        display:block
    }
}

.body-foot>.footer-links.container {
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 2em
}

.bottom_menu {
    height: 60px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #444;
    line-height: 26px;
    text-align: center;
    background-color: #e2dfe2;
    transition: all .2s;
    box-shadow: 0 0 7.2px 0 rgba(0,0,0,.132),0 0 1.8px 0 rgba(0,0,0,.108)
}

.bottom_menu_blank {
    height: 60px;
    transition: all .2s
}

.bottom_menu .container {
    padding: 0
}

@media(min-width: 425px) {
    .bottom_menu {
        height:85px;
        font-size: 18px
    }

    .bottom_menu_blank {
        height: 85px
    }
}

@media(min-width: 768px) {
    .bottom_menu {
        height:100px
    }

    .bottom_menu_blank {
        height: 100px
    }

    .bottom_menu .row {
        margin-left: -35px;
        margin-right: -35px
    }
}

.bottom_menu .col-sm-2 {
    width: 20%;
    float: left;
    padding: 0
}

.bottom_menu a.col-sm-2 {
    color: #444;
    text-decoration: none;
    cursor: pointer
}

.bottom_menu a:hover {
    color: #009fff
}

.bottom_menu .icon {
    margin: 5px auto 0 auto;
    height: 30px;
    width: 30px;
    transition: all .2s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

@media(min-width: 425px) {
    .bottom_menu .icon {
        margin:10px auto 5px auto;
        height: 40px;
        width: 40px
    }
}

@media(min-width: 768px) {
    .bottom_menu .icon {
        margin:15px auto 8px auto;
        height: 44px;
        width: 44px
    }
}

.bottom_menu .icon.icon1 {
    background-image: url(../images/nav1.png)
}

.bottom_menu a:hover .icon.icon1 {
    background-image: url(../images/nav1_hover.png)
}

.bottom_menu .icon.icon2 {
    background-image: url(../images/nav2.png)
}

.bottom_menu a:hover .icon.icon2 {
    background-image: url(../images/nav2_hover.png)
}

.bottom_menu .icon.icon3 {
    background-image: url(../images/nav3.png)
}

.bottom_menu a:hover .icon.icon3 {
    background-image: url(../images/nav3_hover.png)
}

.bottom_menu .icon.icon4 {
    background-image: url(../images/nav4.png)
}

.bottom_menu a:hover .icon.icon4 {
    background-image: url(../images/nav4_hover.png)
}

.bottom_menu .icon.icon5 {
    background-image: url(../images/nav5.png)
}

.bottom_menu a:hover .icon.icon5 {
    background-image: url(../images/nav5_hover.png)
}