/*=== 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; }
    .clearfix::after { content: ""; display: block; visibility: hidden; clear: both; }
    body { background: #F8F9FA; overflow-x: auto; line-height: 1.6; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "sans-serif"!important; font-size: 14px; color: #666; 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; }
    .white-bg { background: #fff; overflow: hidden; }
    .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: #666; 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: 2px 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; 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: 368px; 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; }

    /* 分页组件的共同样式 */
    .pageParent { overflow: hidden; text-align: center; display: flex; justify-content: space-between; position: absolute; bottom: 20px; left: 0; right: 0; 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: #FF6600; border-radius: 2px; }

    /* head */
    .head-box { }
    .head-box-fix { position: fixed; width: 100%; z-index: 99999; top: 0; }
    @media(max-width:1200px) {
        .head-box-fix { position: static; width: 100% }
    }
    @media(min-width:1200px) { }
    .head-bg-blue { background: #178AE6; }
    .top-nav { line-height: 46px; }
    .top-nav li { float: left; margin-right: 47px }
    .top-nav li a { color: #fff; font-size: 12px; }
    .top-login { float: left; margin-right: 52px; color: #fff }
    .top-login a { color: #fff !important; line-height: 46px; font-size: 12px; }
    .top-login a:hover, .top-nav li a:hover { color: #FFA000 !important }
    .top-login b { padding: 0 10px; font-weight: normal; color: rgba(255, 255, 255, .3); }
    .toptel { line-height: 46px; }
    .toptel { background: url('../images/tel.png') no-repeat 20px 12px; text-align: right; }
    .toptel span { font-size: 26px; color: #fff; font-family: "DIN"; padding-left: 20px }

    /* head clearfloat */
    .head-logo-white { line-height: 55px; height: 55px; float: left; background: url('../images/logo-white.png') no-repeat 0 12px; width: 304px; }
    .head-bg-white { border-bottom: 1px #eee solid; background: #F8F9FA; -webkit-transition: background-color 0.6s ease; -moz-transition: background-color 0.6s ease; -o-transition: background-color 0.6s ease; z-index: 99999; width: 100%; }
    .head-bg-white .head-nav { color: #000; float: right }
    .head-bg-white .head-nav li { float: left; line-height: 55px; margin-left: 60px; text-align: center }
    .head-bg-white .head-nav li a { color: #333; display: block; font-size: 16px; }
    .head-bg-white .head-nav li:hover a { color: #178AE6; border-bottom: 2px #178AE6 solid }
    .head-bg-white .head-nav .active a { color: #178AE6; border-bottom: 2px #178AE6 solid }
    .head-bg-white .head-nav .active:hover { color: #178AE6 }

    /* head float */
    .head-logo-black { line-height: 55px; height: 55px; float: left; background: url('../images/logo.png') no-repeat 0 12px; width: 304px; }
    .head-bg-black { -webkit-transition: background-color 0.6s ease; -moz-transition: background-color 0.6s ease; -o-transition: background-color 0.6s ease; width: 100%; background: rgba(0, 0, 0, .5); box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07); }
    .head-bg-black .head-nav { color: #fff; float: right }
    .head-bg-black .head-nav li { float: left; line-height: 55px; margin-left: 60px; text-align: center }
    .head-bg-black .head-nav li a { color: #fff; display: block; font-size: 16px; }
    .head-bg-black .head-nav li:hover { color: #fff !important; }
    .head-bg-black .head-nav li:hover a { color: #fff !important; }
    .head-bg-black .head-nav .active { color: #fff !important; border-bottom: 2px #fff solid }
    .head-bg-black .head-nav .active:hover { background-size: 120px 55px; }
    .head-bg-black .head-nav .active a { color: #fff; }

    /* banner slide */
    .fullSlide { width: 100%; min-width: 1200px; position: relative; height: 400px; background: #000; z-index: 1; }
    .fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
    .fullSlide .bd ul { width: 100% !important; }
    .fullSlide .bd li { width: 100% !important; height: 400px; overflow: hidden; text-align: center; }
    .fullSlide .bd li a { display: block; }
    .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 68px; left: 0; height: 30px; line-height: 30px; background: url(images/touming.png) repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); }
    .fullSlide .hd ul { text-align: center; padding-top: 5px; }
    .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 4px; border-radius: 3px; margin: 5px; background: #fff; overflow: hidden; line-height: 9999px; opacity: .4 }
    .fullSlide .hd ul .on { width: 30px; height: 4px; border-radius: 3px; margin: 5px; background: #fff; opacity: .9 }

    /* float right bottom */
    .suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
    .suspension-box { position: relative; float: right; }
    .suspension .a { display: block; width: 50px; height: 50px; background: #FFFFFF; box-shadow: 0px 3px 6px 0px rgba(44, 58, 89, 0.1); border-radius: 25px; margin-bottom: 4px; cursor: pointer; outline: none; }
    .suspension .a.active, .suspension .a:hover { background: #178AE6; }
    .suspension .a .i { float: left; width: 50px; height: 50px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
    .suspension .a .i:hover { float: left; width: 50px; height: 50px; background-image: url(../images/side_icon-white.png); background-repeat: no-repeat; }
    .suspension .a-service .i { background-position: 4px 4px; }
    .suspension .a-service-phone .i { background-position: -40px 5px; }
    .suspension .a-qrcode .i { background-position: -86px 4px; }
    .suspension .a-cart .i { background-position: -110px 4px; }
    .suspension .a-top .i { background-position: -128px 4px; }
    .suspension .a-top { background: #fff; display: none; }
    .suspension .a-top:hover { background: #178AE6; }
    .suspension .d { display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
    .suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
    .suspension .d-service { top: 0; }
    .suspension .d-service-phone { top: 34px; }
    .suspension .d-qrcode { top: 78px; }
    .suspension .d .inner-box { padding: 8px 22px 12px; }
    .suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
    .suspension .d-service .d-service-item { border-bottom: none; }
    .suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
    .suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
    .suspension .d-service-item:hover .i-qq { background-position: center 3px; }
    .suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
    .suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
    .suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
    .suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
    .suspension .d-service-intro { padding-top: 10px; }
    .suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
    .suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
    .suspension .d-qrcode { text-align: center; }
    .suspension .d-qrcode .inner-box { padding: 20px 0; }
    .suspension .d-qrcode p { font-size: 16px; color: #93959c; }

    /* feet */
    .foot-tel { background: url('../images/feet-tel.png') no-repeat 0 8px; padding-left: 26px; padding-bottom: 10px; margin-top: 10px; color: #37A1F6; font-family: din; font-size: 22px; }
    .zxrx span { line-height: 30px; font-size: 14px !important; }
    .feetlink { }
    .feetlink li { float: left; display: block; width: 33%; }
    .feetlink li div { font-size: 16px; padding-bottom: 20px }
    .feetlink li a { display: block; margin-bottom: 10px; font-size: 14px }
    .feetlogo { text-align: right }
    .feetlogo img { padding-bottom: 20px; }
    .feetlogo img:nth-child(2) { margin-top: 10px }

    /* table style*/
    .table-bordered { border-color: #eceeef; }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {    /*padding: .75em;*/
    padding: 10px; line-height: 1.5; border-color: #eceeef; }
    .table-striped tbody tr:nth-of-type(odd) { background-color: #fafafa; }
    .table-hover > tbody > tr:hover { background-color: #F1FBFB; }
    .table-vcenter > thead > tr > th, .table-vcenter > thead > tr > td, .table-vcenter > tbody > tr > th, .table-vcenter > tbody > tr > td, .table-vcenter > tfoot > tr > th, .table-vcenter > tfoot > tr > td { vertical-align: middle; }
    .table-hover tbody tr { -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
    .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: .5em; }