/*=== MEDIA QUERY ===*/

/*
Theme Name: Medic
Author: Themefisher
Author URI: https://themefisher.com/
Description: Medicle Template
Version: 1.0.0

*/

html { }
html { font-size: 0.8rem; }
@font-face { font-family: 'DIN'; src: url('../fonts/DINMittelschrift-Bold.ttf');    /* src:url('../font/字体名称.woff') format('woff'),
                                 url('../font/字体名称.ttf') format('truetype'),
                                 url('../font/字体名称.svg') format('svg'); */ }
    @media (min-width:576px) {
        html { font-size: 0.8rem; }
    }
    @media (min-width:768px) {
        html { font-size: 0.9rem; }
    }
    @media (min-width:992px) {
        html { font-size: 1rem; }
    }
    @media (min-width:1200px) {
        html { font-size: 1rem; }
    }
    h1, .h1 { font-size: 2.5rem; }
    h2, .h2 { font-size: 44px; }
    h3, .h3 { font-size: 1.5rem; }
    h4, .h4 { font-size: 1.3rem; line-height: 30px; }
    h5, .h5 { font-size: 1.1rem; }
    h6, .h6 { font-size: 1rem; }
    body {background: #f5fbfd;overflow-x: auto;line-height: 1.6;font-family: "microsoft yahei", PingFangSC-Semibold, PingFang SC, simhei, Arial, sans-serif, sans-serif !important;font-size: 16px;color: #333;font-weight: 400;}
    html, body { height: 100%; }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; margin-bottom: 0; }
    p { line-height: 20px; margin-bottom: unset; }
    dd { margin-bottom: 0; margin-left: 0; }
    dl { margin: 0; }
    ul { list-style: none; padding: 0; margin: 0; }
    .relative { position: relative }
    .container-fluid { min-width: 1200px; }
    .container-full { width: 70%; min-width: 1200px; margin: 0 auto; }
    .container { min-width: 1200px; margin: 0 auto; }
    li { padding: 0; margin: 0; }
    .text-primary, a:link, a:hover, a:active, a:visited, .page-link:hover { color: #333; text-decoration: none; }
    .page-item.active .page-link { z-index: 3; color: #fff; background-color: #c5171d; border-color: #c5171d; }
    .breadcrumb { background: #f2f5f8; }
    .bg-primary, .btn-primary { background: #c5171d !important; border: 0; color: #fff; }
    .bg-alpha-white { background-color: rgba(255, 255, 255, .9); }
    .text-primary { color: #018ea8 !important; }
    .border { border: 1px solid #DFE7EE !important; }
    .border-bottom { border-bottom: 1px solid #DFE7EE !important; }
    .border-top { border-top: 1px solid #DFE7EE !important; }
    .border-top-blue {border-top: 1px solid #eee !important;}
    .navbar-toggle .icon-bar { background: #223a66; }
    .text-grey { color: #ccc !important; font-weight: normal }
    .menusearch { font-size: 12px; width: 90%; }
    .menusearch input { background: #fff url(../images/search.png) no-repeat 5px 8px; padding-left: 30px; }
    .menusearch .btn-primary { font-size: 16px }
    input[type="email"], input[type="password"], input[type="text"], input[type="tel"] { box-shadow: none; height: 40px; outline: none; font-size: 14px; }
    input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="tel"]:focus { box-shadow: none; }
    .col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
    .col-xs-1-8 { width: 25%; float: left; }
    @media (min-width:768px) {
        .col-sm-1-8 { width: 12.5%; float: left; }
    }
    @media (min-width:992px) {
        .col-md-1-8 { width: 12.5%; float: left; }
    }
    @media (min-width:1200px) {
        .col-lg-1-8 { width: 12.5%; float: left; }
    }
    .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
    .col-xs-1-5 { width: 50%; float: left; }
    @media (min-width:334px) {
        .col-sm-1-5 { width: 50%; float: left; }
    }
    @media (min-width:992px) {
        .col-md-1-5 { width: 20%; float: left; }
    }
    @media (min-width:1200px) {
        .col-lg-1-5 { width: 20%; float: left; }
    }
    .site-footer { background: #393E46; color: #CFDDE9; }

    /*# sourceMappingURL=maps/style.css.map */
    .head-login { line-height: 36px; color: #666666; background: #F6F6F7; }
    .head-login .text-right a { margin-left: 10px; color: #72777D; }
    .head-login .text-right a::before { display: inline-block; padding-left: .5rem; color: #eee; content: "|"; margin-right: 1em; }
    .headbg { min-height: 100px; line-height: 100px; min-width: 1200px; }
    .headbg .input-group { width: 500px; }
    .headbg .input-group input { background: #f9f2f3 url(../images/search.png) no-repeat 10px 8px; padding-left: 50px; border: 0px #c5171d solid; color: #999; }
    .headbg .input-group .btn { background: #c5171d !important; color: #fff; }

    /* lunbo */
    .homecarousel .carousel { z-index: 0; overflow: hidden; }
    .homecarousel .carousel a span:nth-child(1) { font-size: 30px }
    .homecarousel .carousel { min-height: 368px; z-index: 0; background-repeat: no-repeat; background-position: center top; }
    .homecarousel .carousel-inner img {height: 390px;width: 100%;}
    .homecarousel .carousel-indicators { margin: 0; padding-right: 2%; justify-content: flex-end; background-color: rgba(0, 0, 0, 0.3); line-height: 30px; height: 30px }
    .homecarousel .carousel-caption { position: absolute; right: unset; bottom: 0px; left: 2%; z-index: 16; padding-top: 0px; padding-bottom: 0px; color: #fff; line-height: 30px }
    .homecarousel .carousel-indicators li { border-top: 15px solid transparent; }

    /* enter */
    .text-wrap { table-layout: fixed; word-wrap: break-all; word-break: normal; overflow: hidden; }

    /* list hover */
    .dropdown:hover>.dropdown-menu { display: block; }
    .dropdown>.dropdown-toggle:active { pointer-events: none; }

    /* bread */
    .breadcrumb-item { font-size: .8em; line-height: 1.8em; }
    .breadcrumb-item+.breadcrumb-item { color: #999; }
    .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #ccc; content: ">"; }
    .breadtitle { color: #bbb; font-size: .8em; }
    .breadtitle::after { display: inline-block; padding-left: .5rem; color: #ccc; content: "|"; margin-right: 1em; }
    hr { padding: 0; }

    /* nav */
    .main-nav { border: 0; background: #c5171d; color: #fff; line-height: 50px }
    .navbar { padding: 0; }
    .main-nav .nav-link { padding: .5rem .5rem; font-size: 1.2em; border-right: 1px #cc3a4e solid; color: #fff !important; }
    .main-nav .nav-link:hover { background: #a6130c; }
    .main-nav .nav-item { }
    .main-nav .active { background: #c5171d; }
    .main-nav .dropdown-menu { width: 100%; text-align: center; margin: 0; background: #03b9db; border-radius: 0; color: #fff; padding: 0; }
    .main-nav .dropdown-menu a { background: none; color: #fff; line-height: 58px }
    .main-nav .dropdown-item:hover { background: #00aaca; color: #fff; }

    /* tab leftnav */
    .nav_left { border: 0; background: #fff; }
    .nav_left li { padding: 5px 0; background: url('../images/triangle.png') no-repeat 15px -16px; }
    .nav_left .nav-item { color: #333 !important; }
    .nav_left .nav-item .nav-link { border-right: 0; color: #333; font-size: 1.1em; padding-left: 36px; }
    .nav_left .nav-item::before { display: inline-block; padding-right: .5rem; color: #000; }
    .nav_left .active { font-weight: bold; background: #e9ebf3 url('../images/triangle.png') no-repeat 15px 22px !important; z-index: 999 }
    .nav_left .active a { color: #c5171d !important; }
    .nav_left .nav-item:hover { color: #c5171d; }

    /* tab toggle */
    .nav-tabs.inforlist { background: #f5f5f5; border: 0; width: 100%; margin: 0 auto; }
    .nav-tabs.inforlist .nav-item { border: 0; }
    .nav-tabs.inforlist li { line-height: 30px; font-size: 16px; font-weight: bold; }
    .nav-tabs.inforlist .nav-link { border: 0; color: #999; }
    .nav-tabs.inforlist .active { color: #c5171d; background: none; background: url(../images/triango.png) no-repeat right center; padding-right: 20px; }
    .nav-tabs.inforlist .active a { color: #c5171d; line-height: 40px }
    .tab-content { border: 0; }
    .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; }

    /* right top tel */
    .tel h5 { font-size: 26px; color: #c5171d }
    .tel h5 small { color: #999; padding-right: 10px; font-size: 14px; }

    /* second page */
    .filter { color: #999; }
    .filter dl { border-bottom: 1px #eee dotted; line-height: 50px; margin: 0 }
    .filter dt { color: #999; float: left; font-weight: normal; padding-left: 0em; margin-right: 2em; min-width: 60px; text-align: left }
    .filter dd { float: left; margin: 0 10px; cursor: pointer; }
    .filter dd .input-group { margin-top: 10px; }
    .filter dd input { line-height: 30px; height: 30px }
    .filter dd button { line-height: 30px; height: 30px; padding: 0 20px; font-size: .8em }
    .filter a { padding: 2px 6px; }
    .filter .active a { color: #fff; border-radius: 2px; background: #c5171d; }
    .all-color { background: blue; color: #fff; }
    .checkbox-inline input[type=checkbox] { appearance: none; -moz-appearance: none;    /* Firefox */ -webkit-appearance: none; cursor: pointer; margin: 0; }
    input[type=checkbox] { width: 16px; height: 16px; border-radius: 3px; border: 1px #e0e0e0 solid; background-size: 100% 100%; }
    input[type=checkbox]:checked { background: #00aaca; border: 1px #00aaca solid; background-size: 100% 100%; content: "`"; color: #fff }
    #footer { margin-top: 0; padding: 30px; border-top: 0; background: #2D3237; min-height: 145px; min-width: 1200px; color: #B5B9CC; }
    #footer .footer-copyright { margin-top: 0; border-top: 0; background: #5D6173; padding-top: 15px; overflow: hidden; color: #B5B9CC; }
    #footer a { color: #fff; }
    #footer a:hover { color: #178AE6; }
    .foot-nav { }
    .foot-nav li { float: left; margin-right: 60px }
    #footer select { background: #565968; color: #d2d3d7; border: 1px #565968 solid; }
    .foottel { font-size: 16px; text-align: right; background: url('../images/telicon@2x.png') no-repeat 140px 4px; background-size: 16px; padding-left: 25px }
    #footer .copyright { text-align: center; margin-top: 30px; font-size: 14px; width: 100%; border-top: 1px #8B8B8B solid; padding-top: 30px }
    .banner-top { background: url('../images/bannerfull1.png') no-repeat; height: 351px; min-width: 1200px; }
    .

    /* float AD */
    .duilian { top: 350px; position: absolute; width: 150px; height: 403px; z-index: 9999; }
    .duilian_left { left: 6px; }
    .duilian_right { right: 6px; }
    .duilian_con { }
    .duilian_close { width: 100%; height: 24px; line-height: 24px; text-align: center; display: block; font-size: 13px; color: #555555; text-decoration: none; }

    /* 分页组件的共同样式 */
    * { font-size: 14px; }
    .pageParent { overflow: hidden; text-align: center; display: flex; justify-content: space-between; position: relative; padding: 10px 0; }
    .x-pages-f {    /*width:70%;*/
    width: 100%; text-align: center; }
    .selPa {    /*width:30%;*/
    padding: 3px 10px 3px 20px; text-align: left; position: absolute; right: 0; top: 10px; }
    .w-select { padding: 3px 5px; outline: none; }
    .button:hover { cursor: pointer; }
    .button { text-align: center; color: #333; margin: 0 5px; height: 32px; line-height: 32px; position: relative; overflow: hidden; outline: none; border: 0px solid #DDDDDD; border-left: none; background: none; width: 32px; }
    .firstPage { border-left: 0px solid #DDDDDD !important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
    .lastPage { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
    .imsury { border: 1px solid #DDDDDD; border-radius: 3px; margin: 0 5px; }
    .imsury:hover { background-color: #428BCA; color: #fff; }
    .jumps { width: 24px; padding: .3rem 0.5rem; margin: 0 5px; outline: none; border: 1px solid #DDDDDD; }
    .button.active { color: #fff; background: linear-gradient(90deg, #EF5B11 0%, #F22302 100%); border-radius: 2px; }

    .pages { padding: 30px 00px; text-align: center;  bottom: 0; margin: 0 auto;width: 1200px;margin: 0 auto;background: #fff}
.pages label { padding: 0 10px; color: #eee; font-weight: bold; }
.pages a { margin: 0 10px; padding: 10px; color: #000; border: 1px #eee solid; }
.pages a:hover { color: #f60; border: 1px #f60 solid;text-decoration: none; }
.pages a.disabled { color: #ccc; border: 1px #e9e9e9 solid; }
.pages a.disabled:hover { color: #ccc; border: 1px #e9e9e9 solid; }