@charset "utf-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    background-color: #ebebeb;
    margin: 0 auto;
    padding: 0;
    font-size: 10px
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

body {
    color: #333;
    font-size: 16px;
    font-family: arial, Microsoft Yahei;
    max-width: 640px;
    margin: 0 auto !important;
    min-width: 320px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    vertical-align: middle;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

ul,
ol,
li {
    list-style: none
}

em,
i {
    font-style: normal
}

input,
img {
    vertical-align: middle
}

input,
select,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0
}

textarea:focus {
    outline: 0
}

a {
    color: #4c4c4c;
    text-decoration: none;
    outline: 0
}

a:active,
a:hover,
a.current {
    outline: 0
}

.c {
    text-align: center
}

.tr {
    text-align: right
}

.f60,
input.f60,
.c60 {
    color: #ff621d
}

.f00 {
    color: #f00
}

.c99 {
    color: #999
}

.f12 {
    font-size: .24rem
}

.red {
    color: #f92a39
}

.h_10px,
.hr10 {
    height: .1rem;
    clear: both;
    overflow: hidden;
    font-size: 0
}

.h_20px {
    height: .12rem;
    clear: both;
    overflow: hidden;
    font-size: 0
}

.h_208px {
    height: .2rem;
    clear: both;
    overflow: hidden;
    background: #fff;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    font-size: 0
}

.h_5px {
    height: .09rem;
    clear: both;
    overflow: hidden;
    font-size: 0
}

.green {
    color: #99cc01
}

input,
button,
select,
textarea {
    width: 98%;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    margin: 0;
    -webkit-writing-mode: horizontal-tb
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

option {
    border: 0
}

#wrap,
.wrap {
    margin: 0 auto;
    position: relative;
    width: 100%
}

a {
    font-family: "微软雅黑"
}

.viewport {
    max-width: 640px;
    margin: auto;
    overflow: hidden
}

.clr {
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
    line-height: 0;
    font-size: 0
}

@media only screen and (max-width:300px) {
    body {
        font-size: 10px !important
    }

    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width:310px) and (min-width:300px) {
    body {
        font-size: 10px !important
    }

    .viewport {
        max-width: 300px
    }
}

@media only screen and (max-width:320px) and (min-width:310px) {
    body {
        font-size: 10.66667px !important
    }

    .viewport {
        max-width: 320px
    }
}

@media only screen and (max-width:360px) and (min-width:320px) {
    body {
        font-size: 10.66667px !important
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width:360px) and (min-width:350px) {
    body {
        font-size: 12px !important
    }

    .viewport {
        max-width: 360px
    }
}

@media only screen and (max-width:480px) and (min-width:360px) {
    body {
        font-size: 12px !important
    }

    .viewport {
        max-width: 640px
    }
}

@media only screen and (max-width:480px) and (min-width:470px) {
    body {
        font-size: 15.66667px !important
    }

    .viewport {
        max-width: 640px
    }
}

.viewport {
    max-width: 640px
}


.l {
    float: left;
    display: inline
}

.r {
    float: right;
    display: inline
}

.c {
    text-align: center
}

.dhs {
    max-width: 640px;
    min-width: 320px;
    height: auto;
    margin: 0 auto
}

.dhs img {
    width: 100%;
    height: auto;
    max-width: 640px;
    margin: 0 auto
}

.topban_box {
    display: block;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    overflow: hidden
}

.topban_box img {
    width: 100%;
    display: block
}

.hide-me {
    display: none
}

header .fixed {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 55px;
    background-color: #2783da
}

.toubglogo {
    background: url(/public2018/images/whxhlogo.png) no-repeat .3em center;
    background-size: 85% auto;
    padding: 1em 0 1.4em;
    max-width: 640px;
    margin: 0 auto;
    width: 100%
}

.omqw,
section {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden
}

header h2 {
    color: white;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    margin: 0;
    padding: 0
}

header .fixed .wrap.float h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 55px;
    color: #fff;
    text-align: center
}

header .fixed .wrap.float .left-icon {
    float: left;
    display: inline-block;
    height: 41px;
    line-height: 40px
}

header .fixed .wrap.float .right-icon {
    float: right
}

header .fixed .wrap.float:before,
header .fixed .wrap.float:after {
    content: " ";
    display: table
}

header .fixed .wrap.float:after {
    clear: both
}

header .more {
    background: url(/public2018/images/genduo.png)
}

.header-home .icon {
    color: #666
}

.header-home .fixed {
    background-color: #f7f7f7
}

header .icon {
    width: 50px;
    padding-top: 46px;
    display: inline-block;
    font-size: 12px;
    color: white;
    text-align: center;
    background-size: 36px 36px;
    background-position: center 5px;
    background-repeat: no-repeat
}

header .more-fn {
    position: absolute;
    top: 60px;
    right: 4px;
    width: 210px;
    padding: 10px;
    opacity: .9;
    background: #333;
    box-sizing: border-box
}

header .more-fn .icon {
    width: 60px;
    margin: 5px 0
}

header .more-fn em {
    position: absolute;
    top: -9px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #587eac #587eac #333 #587eac;
    border-width: 0 6px 10px 6px;
    display: block
}

header .back {
    background: url(/public2018/images/fh.png) no-repeat scroll center center / 28px 28px #2270b9;
    display: inline-block;
    float: left;
    height: 55px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -10086px;
    width: 38px
}

header .my {
    background: url(/public2018/images/homef.png) no-repeat scroll center center / 36px 36px #2783da;
    margin-top: .23em
}

.hdm {
    display: block;
    margin: 6px auto
}

.hdm img {
    width: 100%
}

.Teldhs {
    background-color: #11ba85;
    text-align: center;
    position: relative;
    height: 55px;
    margin: 0 auto;
    vertical-align: middle;
    color: #FFF;
    min-width: 320px;
    max-width: 640px
}

.Teldhs .yaoyi {
    width: 15%;
    height: 3.4em;
    float: left
}

.Teldhs .dianhuab {
    width: 75%;
    height: 3.4em;
    float: left;
    line-height: 54px
}

.Teldhs .dianhuab .ft_025 {
    font-size: .25rem
}

.Teldhs .dianjb {
    width: 20%;
    height: 30px;
    margin: 1em 1em .8em .2em;
    float: right;
    background: #ffe400;
    border-radius: 3px;
    line-height: 30px
}

.Teldhs .dianjb span {
    line-height: 1.5em
}

.Teldhs img {
    width: .7rem;
    margin: .3em
}

.Teldhs a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    line-height: 55px;
    display: block;
    font-size: 1.8em
}

.Teldhs .dianjb span a {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #F00;
    display: block;
    font-size: 1em
}

.dhm {
    margin: 6px auto;
    display: block
}

.dhm img {
    width: 100%;
    display: block;
    max-width: 640px;
    margin: 0 auto
}

.con_title {
    width: 100%;
    padding: 12px 10px 12px 10px;
    line-height: .5rem;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.con_title span {
    float: left;
    font-size: 1.4em;
    color: #333;
    display: block
}

.con_title span em {
    background-size: 100% auto;
    width: .06rem;
    height: .46rem;
    float: left;
    margin-right: .1rem;
    margin-top: .03rem
}

.con_title span em.modular1 {
    background: #0c97ee
}

.con_title span em.modular2 {
    background: #00a3b7
}

.con_title span em.modular3 {
    background: #00a3b7
}

.con_title span em.modular4 {
    background: #6cc8c7
}

.con_title span em.modular5 {
    background: #62a8ea
}

.con_title span em.modular6 {
    background: #ff6a6a
}

.con_title span em.modular7 {
    background: #00a3b7
}

.con_title a {
    float: right;
    color: #818181;
    font-size: 1em
}

.con_title a.phone {
    border-radius: 100px;
    float: right;
    padding: .02rem .1rem;
    color: #e37510
}

.con_title a.phone img {
    background: url(/public2018/images/dh.gif) no-repeat;
    background-size: 100% auto;
    width: .42rem;
    height: .36rem
}

.con_title a.online {
    border-radius: 100px;
    float: right;
    padding: .02rem .1rem;
    color: #e37510
}

.con_title a.online img {
    background: url(/public2018/images/online.gif) no-repeat;
    background-size: 100% auto;
    width: .42rem;
    height: .36rem
}

.con_title a.phone .iconfontdh {
    background: url(/public2018/images/dh.gif) no-repeat;
    background-size: 100% auto;
    width: .42rem;
    height: .36rem
}

.con_title a.online {
    border-radius: 100px;
    float: right;
    padding: .02rem .1rem;
    color: #e37510
}

.con_title a.online .iconfontdh {
    background: url(/public2018/images/online.gif) no-repeat;
    background-size: 100% auto;
    width: .42rem;
    height: .36rem
}

.con_title span.online {
    border-radius: 100px;
    float: right;
    padding: .02rem .1rem;
    color: #e37510
}

.container {
    margin-top: 5px;
    background: #FFF;
    padding-bottom: .01em;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto
}

.bmbtn {
    background: #0c97ee;
    border-radius: 4px;
    margin: 16px auto;
    height: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 80%;
    outline: none;
}

#baoming {
    padding: 0 .2rem .2rem .2rem;
    background-color: #FFF;
    float: left
}

#baoming ul li {
    width: 100%;
    float: left;
    line-height: .7rem;
    margin-top: .2rem
}

.name {
    width: 18%;
    text-align: right;
    float: left;
    color: #646464
}

#baoming #user_name,
#baoming #shouji,
#main #user_email,
#baoming #hukou,
#baoming #zy,
#baoming #email,
#baoming #qq {
    width: 100%;
    height: .7rem;
    text-indent: 5px;
    border: 1px solid #dcdcdc;
    outline: 0;
    color: #666
}

.sex {
    margin-right: 15px
}

.baomingb {
    width: 100%;
    height: 2.2em;
    margin-top: 2.6%;
    font-size: 1.2em;
    line-height: 2.2em
}

.baomwzk {
    width: 30%;
    height: 2.3em;
    float: left;
    margin-left: 2%;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #CCC;
    color: #333
}

.baomwzkr {
    width: 63%;
    color: #9f9f9f;
    padding-left: 2%;
    height: 2.3em;
    float: left;
    margin-left: 1%;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #CCC
}

.ywbyh {
    width: 95%;
    height: 2.7em;
    background: #eee;
    font-size: 1.1em;
    color: #F00;
    line-height: 2.7em;
    text-align: center;
    margin: 0 auto;
    border-radius: 3px
}

.footer {
    text-align: center;
    font-size: 1.1em;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background: #FFF;
    clear: both;
    padding-top: 10px
}

.footer p {
    color: #888
}

.footer p a {
    color: #666;
    padding: 0 10px
}

.bottom_adr {
    background: url(/public2018/images/bottom_adr.gif)left .35rem;
    background-size: 100% auto;
    width: .35rem;
    height: .35rem;
    display: inline-block;
    color: #ee7800
}

.bottom_qq {
    background: left .35rem;
    background-size: 100% auto;
    width: .35rem;
    height: .35rem;
    display: inline-block;
    color: #ee7800
}

.com-client {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 800;
    background: #f3f5f4;
    font-size: 1em
}

.com-client span {
    display: block
}

.com-client .dianzx {
    width: 96%;
    height: 3em;
    border-radius: 3px;
    margin: 1.5% auto;
    text-align: center;
    padding-right: 3%;
    line-height: 3em;
    color: #FFF;
    background-color: #11ba85
}

.com-client .dianzxs {
    width: 99%;
    height: 3em;
    border-radius: 3px;
    margin: 1.5% auto;
    line-height: 3em;
    text-align: center;
    color: #FFF;
    background: #0c97ee;
    background-image: url(/public2018/images/zxzxd.png);
    background-repeat: no-repeat;
    background-size: .57rem .57rem;
    background-position: .12rem .07rem
}

.com-client sapn {
    margin-left: 2.6em
}

.com-client .dianyybm {
    width: 1.6em;
    height: 1.6em;
    background-color: #F00;
    margin-left: 60%;
    display: block;
    z-index: 801;
    line-height: 1.5em;
    font-size: .8em;
    border-radius: 30px;
    position: absolute;
    text-align: center;
    padding: 2px;
    color: #fff;
}

.com-client .dianzzx {
    width: 99%;
    height: 3em;
    border-radius: 3px;
    margin: 1.5% auto;
    text-align: center;
    line-height: 3em;
    color: #FFF;
    background: #0c97ee;
    padding-right: 3%
}

.user-info {
    width: 100%;
    float: left
}

.user-info li {
    width: 33.3%;
    text-align: center;
    float: left;
    display: inline;
    padding: .3em 0;
    box-sizing: border-box
}

.user-info li img {
    padding-left: .5em;
    width: auto;
    height: .5rem;
    float: left;
    margin-top: .07rem
}

.yaoyiyao {
    bottom: 50px;
    height: 63px;
    width: 100%;
    min-width: 188px;
    max-width: 730px;
    margin: 0 auto;
    position: fixed;
    z-index: 1000;
    text-align: center;
    margin-top: 10em
}

.yaoyiyao img {
    width: auto
}

.c {
    text-align: center
}

#view-3d {
    display: none;
    width: 275px;
    height: 200px;
    position: fixed;
    z-index: 999999;
    margin-left: -137.5px;
    left: 50%;
    top: 50%;
    margin-top: -140px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    webkit-transform: translateZ(2000px);
    -moz-transform: translateZ(2000px);
    transform: translateZ(2000px)
}

#view-3d * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.xdfcenterbox {
    width: 275px;
    height: 200px;
    opacity: 0;
    background-color: #fff;
    position: absolute;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
    -moz-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
    -ms-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
    box-shadow: 0 0 20px rgba(10, 2, 4, .75);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateZ(999px);
    -moz-transform: translateZ(999px);
    transform: translateZ(999px)
}

.CenterBoxShow {
    animation: cshow 2s forwards linear;
    -webkit-animation: cshow 2s forwards linear;
    -moz-animation: cshow 2s forwards linear
}

.kstf {
    overflow: hidden;
    margin: 0 auto
}

@keyframes cshow {
    0% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        transform: rotateX(80deg)
    }

    20% {
        opacity: 1
    }

    70% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@-moz-keyframes cshow {
    0% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        transform: rotateX(80deg)
    }

    20% {
        opacity: 1
    }

    70% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes cshow {
    0% {
        -webkit-transform: rotateX(80deg);
        -moz-transform: rotateX(80deg);
        transform: rotateX(80deg)
    }

    20% {
        opacity: 1
    }

    70% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

.xdfcenterbox-close {
    cursor: pointer;
    position: absolute;
    top: -14px;
    right: -14px
}

.xdfcenterbox .xdfcenter-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Microsoft YaHei";
    margin-top: 12px
}

.xdfcenterbox .xdfcenter-ftitle {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 200
}

.xdfcenterbox .xdfcenter-telval {
    width: 240px;
    height: 32px;
    border: 1px solid #6a7380;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 15px auto 8px
}

.xdfcenterbox .xdf-telval {
    width: 225px;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
    font-size: 14px;
    color: #6a7380;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    padding-left: 13px;
    float: left;
    outline: 0;
    border: 0
}

.xdfcenterbox .xdf-telbtn {
    width: 58px;
    height: 32px;
    line-height: 30px;
    color: #fff;
    background-color: #6a7380;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 0 14px 14px 0;
    -webkit-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
    float: left;
    border: 0;
    cursor: pointer
}

.xdfcenterbox .xdf-innerc {
    width: 228px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.4
}

.xdfcenterbox .xdfcenter-chat {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 48px;
    line-height: 58px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px
}

.xdfcenter-swt,
.xdfcenter-tel {
    display: block;
    position: relative;
    width: 50%;
    height: 48px;
    float: left;
    cursor: pointer;
    font-size: 18px
}

.xdfcenter-tel {
    color: #fff;
    background-color: #26c540;
    display: block;
    -webkit-border-radius: 0 0 0 15px;
    -moz-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px
}

.xdfcenter-swt {
    background-color: #ff6005;
    -webkit-border-radius: 0 0 15px 0;
    -moz-border-radius: 0 0 15px 0;
    border-radius: 0 0 15px 0
}

.xdfcenter-tel em,
.xdfcenter-swt em {
    line-height: 48px;
    display: block;
    position: absolute;
    left: 50%;
    color: #fff;
    font-style: normal;
    text-decoration: none
}

.xdfcenter-tel i,
.xdfcenter-swt i {
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    color: #fff;
    font-size: .5rem;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
    font-style: normal;
    text-decoration: none
}

.xdf-telpic {
    top: 50%;
    margin-left: -50px;
    margin-top: -13px;
    width: 27px;
    height: 27px;
    background: url(/public2018/images/footer-tel.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%
}

.xdfcenter-tel em {
    height: 100%;
    top: 0;
    margin-left: -32px;
    font-size: 16px
}

.xdfcenter-chata,
.xdfcenter-chatb {
    display: block;
    position: absolute;
    left: 50%;
    color: #fff;
    font-style: normal;
    text-decoration: none
}

.xdfcenter-nub {
    top: 15px;
    width: 14px;
    height: 14px;
    margin-left: -34px;
    line-height: 13px;
    text-align: center;
    font-size: 9px;
    background-color: #e60012;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    z-index: 3;
    font-style: normal
}

.xdfcenter-chata {
    top: 50%;
    margin-left: -50px;
    width: 27px;
    height: 24px;
    margin-top: -12px;
    background: url(/public2018/images/footer-chat.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%
}

.xdfcenter-chatb {
    height: 100%;
    top: 0;
    margin-left: -32px;
    font-size: 16px
}

.menushow-top {
    display: block;
    position: fixed;
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    bottom: 18%;
    right: 0;
    background: #eee;
    z-index: 999
}

.menushow-top>div {
    display: block;
    padding: .7rem;
    margin: 0
}

.menushow-top>:nth-child(1) {
    background: #ff4837
}

.menushow-top>:nth-child(1) span {
    color: #fff
}

.menushow-top>div>span {
    display: inline;
    font-size: 1.6rem;
    line-height: 1;
    margin: 0
}

#freservation1 {
    height: auto;
}

#LRfloater3 {
    display: none
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.eot);
    src: url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.woff2) format("woff2"), url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.woff) format("woff"), url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.ttf) format("truetype"), url(//at.alicdn.com/t/font_858319_z6oo5oq7dpq.svg#iconfont) format("svg")
}

.iconfontlogo {
    font-family: "iconfont";
    font-size: 220px;
    display: block;
    font-style: normal;
    color: #FFF
}

.iconfontyao {
    font-family: "iconfont";
    font-size: 42px;
    display: block;
    margin-top: -0.1em;
    font-style: normal;
    color: #FFF;
    margin-left: .2em
}

.iconfontdh {
    font-family: "iconfont";
    font-size: 1.9em;
    margin-left: -1.2em;
    display: block;
    margin-top: -0.15em;
    font-style: normal;
    display: block;
    color: #F00
}

.iconfont01 {
    font-family: "iconfont";
    font-size: 36px;
    display: block;
    font-style: normal;
    color: #FFF
}

.iconfontzmt {
    font-family: "iconfont";
    font-size: 2.8em;
    display: block;
    font-style: normal;
    float: left;
    color: #06F
}

.iconfontzmt01 {
    color: #f8792a
}

.iconfontzmt02 {
    color: #3bbc03
}

.iconfontzmt03 {
    color: #4ba7fe
}

.iconfontsw {
    font-family: "iconfont";
    font-size: 55px;
    display: block;
    font-style: normal;
    color: #00a3bd;
    padding-top: .18em
}

.iconfontpm {
    font-family: "iconfont";
    font-size: 38px;
    display: block;
    font-style: normal;
    color: #00a3bd;
    padding-top: .18em
}

.iconfontjy {
    font-family: "iconfont";
    font-size: 2.2em;
    display: block;
    font-style: normal;
    color: #FFF
}

.iconfontcy {
    font-family: "iconfont";
    font-size: 2.2em;
    display: block;
    font-style: normal;
    color: #FFF
}

.iconfont {
    font-family: "iconfont";
    font-size: 6em;
    display: block;
    margin-top: -0.26em;
    color: #FFF;
    font-style: normal
}

.iconfont2 {
    font-family: "iconfont";
    font-size: 4.7em;
    display: block;
    margin-top: -0.1em;
    color: #FFF;
    font-style: normal
}

.iconfont3 {
    font-family: "iconfont";
    font-size: 5.5em;
    display: block;
    margin-top: -0.27em;
    color: #FFF;
    font-style: normal
}

.iconfont5 {
    font-family: "iconfont";
    font-size: 1.9em;
    margin-left: -1.05em;
    margin-top: -0.2em;
    display: block;
    color: #F00;
    font-style: normal
}

.iconfontdb {
    font-family: "iconfont";
    font-size: 2.78em;
    display: block;
    padding-left: .05rem;
    font-style: normal;
    color: #FFF;
    width: auto;
    height: .5rem;
    float: left
}

.dianzixunbox {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e60012), to(#e60012));
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 2700ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe {
    0% {
        box-shadow: 0 1px 2px rgba(251, 65, 65, 1)
    }

    100% {
        opacity: 1;
        background: #0c97ee
    }
}

.iconfontdb3 {
    font-family: "iconfont";
    font-size: 2.3em;
    display: block;
    font-style: normal;
    color: #FFF;
    padding-left: .08rem;
    padding-top: .13em;
    width: auto;
    height: .5rem;
    float: left
}

.ticotb {
    margin: 0 auto;
    font-size: 1.8em !important;
    width: 1.3em;
    height: 1.3em;
    border-radius: 1.3em;
    color: #fff;
    line-height: 1.4em;
    background: #1db3ce;
    margin-bottom: -0.75em;
    margin-top: .1em
}

.ticotb2 {
    margin: 0 auto;
    font-size: 3.2em;
    width: 1.3em;
    height: 1.3em;
    color: #1db3ce;
    line-height: 1;
    margin-bottom: -1.14em
}

.content {
    padding: 20px;
    background-color: #fff
}

.content p {
    margin: 10px auto
}

.btn_input {
    display: block;
    width: 46%;
    text-align: center;
    color: #fff;
    float: left;
    margin-left: 10px;
    padding: 0 !important
}

.text_input {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    width: 90%;
    margin: 10px auto;
    padding: 5px;
    border: 1px solid #ccc !important
}

@media(max-width:320px) {
    .order-containe {
        padding: 0 8px 8px 8px
    }

    .order-containe .order-so h5 {
        font-size: 18px;
        line-height: 28px
    }

    .order-containe .order-so input[type=text],
    .order-containe .order-so select {
        height: 38px;
        line-height: 38px;
        font-size: 18px
    }

    .order-containe .order-so span:first-child {
        margin-right: 23px
    }

    .btn-omick a {
        font-size: 24px;
        margin-top: 28px;
        margin-bottom: 22px
    }

    .order-containe .order-so span {
        font-size: 16px
    }

    .toubglogo {
        background: url(/public2018/images/whxhlogo.png) no-repeat .3em center;
        background-size: 80% auto
    }
}

@media(max-width:360px) {
    .order-containe {
        padding: 0 8px 8px 8px
    }

    .order-containe .order-so h5 {
        font-size: 18px;
        line-height: 28px
    }

    .order-containe .order-so input[type=text],
    .order-containe .order-so select {
        height: 43px;
        line-height: 43px;
        font-size: 18px
    }

    .order-containe .order-so span:first-child {
        margin-right: 23px
    }

    .btn-omick a {
        font-size: 24px;
        margin-top: 28px;
        margin-bottom: 22px
    }

    .order-containe .order-so span {
        font-size: 16px
    }

    .toubglogo {
        background: url(/public2018/images/whxhlogo.png) no-repeat .3em center;
        background-size: 80% auto
    }
}

@media(max-width:375px) {
    .order-containe {
        padding: 0 8px 8px 8px
    }

    .order-containe .order-so h5 {
        font-size: 18px;
        line-height: 28px
    }

    .order-containe .order-so input[type=text],
    .order-containe .order-so select {
        height: 43px;
        line-height: 43px;
        font-size: 18px
    }

    .order-containe .order-so span:first-child {
        margin-right: 23px
    }

    .btn-omick a {
        font-size: 24px;
        margin-top: 28px;
        margin-bottom: 22px
    }

    .order-containe .order-so span {
        font-size: 16px
    }

    .toubglogo {
        background: url(/public2018/images/whxhlogo.png) no-repeat .3em center;
        background-size: 80% auto
    }
}

@media(max-width:414px) {
    .order-containe {
        padding: 0 8px 8px 8px
    }

    .order-containe .order-so h5 {
        font-size: 18px;
        line-height: 28px
    }

    .order-containe .order-so input[type=text],
    .order-containe .order-so select {
        height: 43px;
        line-height: 43px;
        font-size: 18px
    }

    .order-containe .order-so span:first-child {
        margin-right: 23px
    }

    .btn-omick a {
        font-size: 24px;
        margin-top: 28px;
        margin-bottom: 22px
    }

    .order-containe .order-so span {
        font-size: 16px
    }
}

@media(max-width:540px) {
    .x-bmbt {
        margin: 8px 0 10px 0;
        font-size: 20px
    }

    .x-bmbt .fbt {
        font-size: 12px
    }

    .order-containe .order-so h5 {
        font-size: 18px;
        line-height: 28px
    }

    .order-containe .order-so input[type=text],
    .order-containe .order-so select {
        height: 43px;
        line-height: 43px;
        padding-left: 10px;
        font-size: 18px
    }

    .order-containe {
        padding: 0 8px 8px 8px
    }

    .order-bottom {
        margin-bottom: 10px
    }

    .order-containe .order-so span {
        font-size: 16px
    }

    .btn-omick a {
        font-size: 22px;
        margin-top: 28px;
        margin-bottom: 22px;
        height: 36px;
        line-height: 36px
    }
}

.inter_h11 {
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    padding: 2% 0
}

.ldbz h2 {
    font-size: 38px;
    font-weight: 400;
    padding: 80px 0 20px;
    color: #313131;
    text-align: center
}

.ldbz ul {
    margin-top: 40px;
    list-style: none;
    float: left;
    padding-left: 0;
    width: 100%
}

.ldbz li {
    width: 32%;
    margin-left: 1.3%;
    float: left;
    margin-bottom: 42px
}

.ldbz li a {
    margin: 0 auto;
    width: 60%;
    display: block
}

.ldbz li h4 {
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 14px;
    text-align: center;
    font-weight: 400;
    color: #313131
}

.ldbz li h5 {
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    color: #666
}

.ldbz a.sqyh {
    font-size: 14px;
    color: #1687cc;
    width: 80px;
    display: block;
    margin: 0 auto;
    padding-bottom: 80px
}

.inter_wz {
    text-align: center;
    font-size: 1em;
    line-height: 30px;
    padding: 10px 0
}

.inter_rd1 {
    font-weight: bold;
    color: #33d3ff
}

.inter_rd2 {
    color: #f81515
}

.inter_btn {
    width: 40%;
    text-align: center;
    border-radius: .5em;
    color: #FFF;
    line-height: .3em;
    padding: 1.5em 3em;
    font-weight: bold;
    background: #ffa632 none repeat scroll 0 0;
    margin: 1em auto;
    display: block
}

.jsul {
    width: 100%;
    float: left;
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.jsul li {
    width: 90%;
    margin-left: 5%;
    float: left;
    margin-top: 2%;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.jsul li img {
    float: left;
    width: 30%;
    margin-left: 2%
}

.jsul li p {
    width: 66%;
    height: auto;
    margin-left: 2%;
    float: left;
    padding-top: 0;
    margin-top: 0;
    display: block;
    color: #777
}

.f24 {
    color: #000;
    text-align: left;
    width: 100%;
    display: block
}

@media screen and (min-width:0) and (max-width:360px) {
    .box p {
        padding-bottom: 5%;
        font-size: 12px;
        line-height: 35px;
        text-indent: 26px
    }

    .hyul li p {
        font-size: 12px
    }

    .jsul li p {
        line-height: 30px;
        font-size: 14px
    }

    .f24 {
        font-size: 16px;
        line-height: 35px
    }

    .zykc li p {
        line-height: 35px;
        font-size: 14px
    }

    .f28 {
        font-size: 16px;
        line-height: 45px
    }
}

@media screen and (min-width:360px) and (max-width:550px) {
    .dt img {
        height: 100px
    }

    .box p {
        padding-bottom: 5%;
        font-size: 14px;
        line-height: 35px;
        text-indent: 26px
    }

    .hyul li p {
        font-size: 14px
    }

    .jsul li p {
        line-height: 30px;
        font-size: 16px
    }

    .f24 {
        font-size: 18px;
        line-height: 35px;
        margin-top: 2%
    }

    .zykc li p {
        line-height: 35px;
        font-size: 14px
    }

    .f28 {
        font-size: 18px;
        line-height: 45px
    }
}

@media screen and (min-width:550px) and (max-width:1920px) {
    .dt img {
        height: 150px
    }

    .hyul li p {
        font-size: 16px
    }

    .jsul li p {
        line-height: 35px;
        font-size: 18px
    }

    .f24 {
        font-size: 24px;
        line-height: 45px;
        margin-top: 2%
    }

    .zykc li p {
        line-height: 35px;
        font-size: 16px
    }

    .f28 {
        font-size: 24px;
        line-height: 45px
    }
}

.zyboxlist {
    width: 100%;
    height: auto;
    background: transparent
}

.number {
    color: #e0233c
}

.zyboxlist ul {
    width: 98%;
    height: auto;
    margin: 0 auto
}

.zyboxlist li {
    width: 48%;
    height: auto;
    float: left;
    margin: 0 1% 6%
}

.zyboxlist li .divimg {
    position: relative
}

.zyboxlist li .divimg p {
    width: 100%;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ee0c0c;
    opacity: .8
}

.zyboxlist li .divimg img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.zyboxlist li .imgtxt {
    width: 100%;
    height: 8em;
    padding: 3% 0 4% 0;
    text-align: center;
}

.zyboxlist li .imgtxt p {
    width: 100%;
    height: 4.2em !important;
    text-align: center;
    font-size: .95em;
    color: #F00;
    margin-bottom: 4%;
    text-overflow: ellipsis !important;
    white-space: inherit !important;
    overflow: hidden !important;
}

.zyboxlist li .imgtxt p span {
    display: inline-block;
    padding: 2px;
    background-color: #f00;
    color: #fff
}

.zyboxlist li .imgtxt h3 {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px auto
}

.am-wt-btn {
    float: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;
    transition: background-color .3s ease-out, border-color .3s ease-out
}

.am-btn-l {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px #09f solid;
    background: #FFF;
    color: #000;
    float: left;
    width: 50%;
    text-align: center
}

.am-btn-r {
    border-radius: 5px;
    color: #FFF;
    width: 50%;
    padding: 5px;
    display: block;
    text-align: center;
    margin: 0 auto
}

.am-btn-ml4 {
    margin-left: 4%
}

.bj_red {
    background-color: #f04646
}

.bj_blue {
    background-color: #0c97ee
}

.zx_btn {
    color: #fbf082
}

.zx_btn,
.zy_btn {
    display: inline-block;
    margin: 2px;
    padding: 4px;
    width: 40%;
    text-align: center
}

.zy_btn {
    color: #fff
}

/*计算学费*/
#LXB_CONTAINER_SHOW {
    display: none !important
}

.mfsx {
    display: none;
    position: fixed;
    right: 0;
    bottom: 300px;
    z-index: 99;
    padding: 3px;
    background-color: #ffea00;
    color: #000;
    text-align: center;
    font-size: 15px !important
}

.mfsx a {
    color: #000
}

.mk-call {
    width: 26px;
    position: fixed;
    right: 0;
    bottom: 254px;
    z-index: 99;
    display: none;
    padding: 3px;
    background-color: #fe0000;
    color: #fff;
    text-align: center;
    font-size: 15px !important;
}

.iconfont {
    font-style: normal;
    font-size: 26px;
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mk-call-1 {
    position: fixed;
    right: 0;
    bottom: 230px;
    z-index: 99;
    padding: 13px 0;
    width: 34px;
    height: 110px;
    border: 1px#9b9fa2 solid;
    border-radius: 5px;
    background-color: #323232;
    color: #fff;
    text-align: center;
    font-size: 15px !important;
    line-height: 1pc
}

.mk-call-1 a {
    color: #fff;
    line-height: 1em
}

/*.jz_tc{position:fixed;top:45%;left:47%;z-index:100;margin-top:-220px;margin-left:-150px;width:20pc;height:480px;border-radius:10px;background:#fff;transition:all .3s;transform:scale(0);-ms-transform:scale(0);box-shadow: 0px 13px 20px #f23113}.jz_title{height:50px;background-color:#e70012;color:#fff;text-align:center;font-weight:700;font-size:20px;font-family:方正粗倩简体;line-height:50px}.jz_box_right{position:absolute;right:0;width:62%}.jz_tc_close{position:absolute;top:-10px;right:-10px;z-index:2;width:30px}.jz_tc .jz_box{position:absolute;width:100%;height:196px;background-color:transparent}.jz_tc .jz_banner img{width:100%}.jz_tc .jz_label{width:48%}.jz_tc .jz_label:nth-child(2n-1){float:left}.jz_tc .jz_label:nth-child(2n),.jz_tc .jz_label:nth-child(2n-1){margin:4px auto;height:28px;border:1px solid #999;text-align:center;font-size:14px;line-height:28px}.jz_tc .jz_label:nth-child(2n){float:right}.jz_tc input[type=radio]{display:none}.jz_tc .jz_box_t{margin:5px;text-align:left;font-weight:700;font-size:16px}.jz_tc .jz_label_c{background:#383838;color:#fff!important}.jz_tc .jz_tel{margin-top:5px;margin-left:1%;padding:0 4%;width:97%;height:38px;border:1px solid #999}.jz_tc input[type=button]{margin-top:-5px;margin-left:4px;width:97%;height:38px;border:0;background-color:#f23113;color:#fff221;letter-spacing:.9pt;font-size:20px;-webkit-appearance:none}.jz_bg{position:fixed;top:0;left:0;z-index:103;width:100%;height:100%;background:rgba(0,0,0,.6);transform:scale(0)}.jz_box_input{margin:5px}.jz_box_input input{margin:10px;-webkit-appearance:none}.jz_box_input input[type=checkbox]{display:none!important}.jz_tc .clear{clear:both}.zxUrl{cursor:pointer}*/
/*移动顶部活动图片*/
#abox {
    text-align: center
}

#abox img {
    width: 100%;
}

/*移动三合一弹窗*/
.lxb_bbox {
    position: fixed;
    top: 30%;
    z-index: 100;
    display: none;
    width: 100% !important;
    max-width: 640px;
    text-align: center
}

#lxb_box {
    margin: auto;
    width: 275px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(10, 2, 4, .75);
    cursor: pointer;
    height: 238px;
}

#lxb_box .lxb_zx a span {
    position: relative;
    top: 1px;
    color: #fff;
    font-size: 1.2em
}

.col-xs-12 {
    width: 100%
}

.lxb_form {
    margin: 8px 0 0 10px;
    padding: 0;
    width: 252px;
    height: 30px;
    border: 1px solid #5eb95e;
    border-radius: 3px
}

.lxb_form input {
    outline: 0;
    border: none;
    line-height: 28px
}

.lxb_form input:nth-child(1) {
    float: left;
    width: 65%;
    border: none !important;
    border-radius: 3px;
    color: #333 !important;
    text-indent: 6px;
    font-size: 13px;
    line-height: 28px !important
}

.lxb_form input:nth-child(2) {
    float: right;
    width: 35%;
    border: none !important;
    background: #5eb95e !important;
    color: #fff !important;
    font-size: 13px;
    line-height: 28px !important
}

.lxb_inform {
    display: inline-block;
    display: block;
    margin: 10px auto;
    margin-left: 10px;
    padding: 7px 0;
    padding: 0;
    width: 90%;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 26px
}

.lxb_zx_a1 {
    float: left;
    border-radius: 0 0 0 10px;
    background-color: #5eb95e
}

.lxb_zx_a1,
.lxb_zx_a2 {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 0;
    width: 50%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 30px
}

.lxb_zx_a2 {
    float: right;
    border-radius: 0 0 10px 0;
    background-color: #f37b1d
}

.lxb_close {
    position: absolute;
    top: 0;
    right: 0
}

.text-left {
    text-align: left
}

.col-lg-12 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px
}

.lxb_inform1 {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.lxb_inform1 img {
    display: -webkit-inline-box;
    margin: 0 auto;
    max-width: 30px;
    max-height: 30px;
    border: 0
}

/*移动顶部微信模拟弹窗*/
#weixinpop {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    z-index: 99999999;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    margin: auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: height .3s ease;
    -webkit-transition: height .3s ease
}

.weixinpop-an {
    height: 70px !important
}

#weixinpop div:first-child {
    text-align: center;
    padding: 10px 5px
}

#weixinpop div:first-child img {
    width: 80%;
    border-radius: 6px
}

#weixinpop div:nth-child(2) {
    width: 58%;
    border-left: 1px solid #909090
}

#weixinpop div:nth-child(2) p {
    padding: 3px 0;
    text-indent: 10px
}

#weixinpop div:last-child {
    background: #fff;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px
}

#weixinpop div p {
    font-size: 14px;
}

/*通用新闻页按钮*/
.xw_zx_btn {
    margin: 5px;
    width: 46%
}

.xw_zx_btn a {
    display: block;
    margin: 10px auto;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
    color: #fff
}

.xw_zx_btn.lf a:nth-child(1) {
    background-color: #449D44
}

.xw_zx_btn.lf a:nth-child(2) {
    background-color: #EB321D
}

.xw_zx_btn.rt a:nth-child(1) {
    background-color: #2600FF
}

.xw_zx_btn.rt a:nth-child(2) {
    background-color: #31B0D5
}

.lf {
    float: left
}

.rt {
    float: right
}

.h_70px {
    height: 70px;
}

.xdyxbox {
    background: #fff;
    text-align: center;
    max-width: 640px !important;
    min-width: 320px;
    margin: 0 auto;
}

.clear {
    clear: both
}

/*获取学费201127*/
.hsldytc {
    width: 80%;
    height: auto;
    display: none;
    background-color: #fff;
    padding-bottom: 1em;
    position: fixed;
    left: 50%;
    z-index: 100;
    top: 50%;
    max-width: 480px;
    border-radius: 0.8em;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, .5);
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center
}

.hsldytc1 img {
    width: 100%
}

.hsldytc b {
    display: block;
    text-align: center;
    color: #333;
    font-size: 1.6em;
    margin: 0.2em 0;
    height: 1.6em;
    line-height: 1.6em;
    position: relative
}

.hsldytc b i {
    font-size: .5em;
    width: 1em;
    display: inline-block;
    text-align: center;
    height: 1.6em;
    line-height: 1.6em;
    position: relative;
    top: -.3em
}

.hsldytc2 {
    position: relative;
    margin: 0 1em .5em 1em;
    height: 3em;
    line-height: 3em;
    display: flex;
    background-color: #eee
}

.hsldytc2 span {
    width: 6.5em;
    font-size: 1.1em;
    text-align: center;
    color: #000
}

.hsldytc2_1 {
    flex: 1
}

.hsldytc2_1 input {
    width: 100%;
    border: none;
    background-color: #eee;
    font-size: 1.1em;
    color: #666
}

.hsldytc2_1 select {
    width: 100%;
    border: none;
    background-color: #eee;
    font-size: 1.1em;
    color: #666
}

.hsldytc p {
    text-align: center;
    font-size: 1em;
    color: #ff6600;
    height: 1.5em;
    line-height: 1.5em
}

.hsldytc p i {
    font-size: 1em;
    margin-right: .3em
}

.hsldytc2_2 input {
    width: 100%;
    border: none;
    background-color: crimson;
    height: 2.5em;
    font-size: 1.2em;
    color: #fff;
    border-radius: .5em
}

.hsldytc2_2 {
    margin: .5em 1em 0 1em
}

.hslxftcimgclose {
    position: absolute;
    width: 2.6em;
    line-height: 2.6em;
    height: 2.6em;
    right: 0.3em;
    top: 0.3em;
    text-align: center;
    z-index: 1;
    color: #fff
}

.zmtdiv {
    padding: 5px;
    background-color: #fff
}

.boxwailian {
    padding: 5px;
    width: 25%;
    text-align: center;
    float: left
}

.boxwailian span {
    color: #0c97ee;
    margin: auto
}

boxwailian:hover span {
    color: #50B674
}

.boxwailian:hover a {
    color: #50B674
}

@font-face {
    font-family: "iconfontzmt";
    src: url('/public/css/font_806313_8x22hvfixc3.eot?t=1535078238299');
    src: url('/public/css/font_806313_8x22hvfixc3.eot?t=1535078238299#iefix')format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABOcAAsAAAAAG2gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8d0kuY21hcAAAAYAAAADVAAACqmdpny9nbHlmAAACWAAADsMAABNI2vR9V2hlYWQAABEcAAAAMQAAADYSfmS5aGhlYQAAEVAAAAAgAAAAJAfzA3xobXR4AAARcAAAABUAAABERAH//GxvY2EAABGIAAAAJAAAACQpDi2ubWF4cAAAEawAAAAfAAAAIAEpAOduYW1lAAARzAAAAUUAAAJtPlT+fXBvc3QAABMUAAAAiAAAAMhlQSoKeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMT63YW7438AQw9zA0AAUZgTJAQDhwgwheJzlkrsNwkAQROcwP/MxDp0YESM6wHIFIJEhkbsk90A5BEQUMC7DzN4SAAENsKd30s2eblc3C2AEIBE7MQTCAwEWd6kh6glmUR/iqvMauZSMgSkzFiy5Zc0jTzzzwoZtV/U98JU/vOX3lv8RQTU+1+ZtWZc5lrq1Uu8LTDDHAGP1mKmvKVI9MP75/n/EIu631yk3RxxzmakT9czRn4KFY86zdPTP4NaxaWHtWAUeHLkAHh35AZ4cOQOeHXkEXhybKDYOrH7r2CR2e0deoqscpE+5RE96AAAAeJx1VwmQHOV17vf/3f33Md0z093TPfc9PaudPefqEbvaXWuFpJWEhDC60IEUsADJBC2WlkMUCIwPWZYcg00Ki5JIKgKDQ1ROYRkTpYyFbTkGHAcSuxC2kJIUxBVDXFApuxxtK69nQVZwZben//fff7/3vu+9nyMcd/ExnqM7uCSX4bhKu+z1Q91mOjCh6lVU0IBWBCoMQMHxoFaGsOHPkAioodyFCIzJF/2jR474R4BbAAtgtO4XiA7vQvP1zBGlJVrR9PFQovP7Bkz4LzR+7z/+xBNQiEGKUU7GfZ+jX6cLuRCX4MrcMLeCu467mdvDzXCcOQbVAcAzOKLtOVhkwWu0Sngm7Gm6VR0sOwd222u7VVdkou2YAxBIencSjq6PgR2UOEAoDQSreWPgNFoNE2teqxHLdmtBf3cXB3ccfn2JIfLjwyMlIo8u20EFXnVJp2Mmyapap1Pr7XR63+lMSoLX07uciaX2t4S7vCVfKxeXy5EdWmq7SK59cCNRXmgU5zP/b744Lw80JMRG6bWdc1+sGtARbOh0zsPQxIRLqLtqpcPDjtjuRGEJhLazgU8qL7GknmGwSzAYHIKVMysJwRfI/DWDA6sV4dq+xtWS/zS5Zem29BXNCVn+xOYN/VRO6EQy1m7ZCt/h5zGhr+rlyBr/JaGf/vVBNQJPvZy4RuDX9vetBmk6zeFfCPX+Pn2fJtACCmdxMW4ht6Wr9fu5B7iD3CGOg3q76RZFy24MV4MiqJaGAbXYRj2ivphlO0x07Pp4oOtGve2hNvGNLV57EMbAE8RS0R0EN4wWqLotbMERwUSnWBLEHNqqBljF1S51OTSwaiPYrDrcuEyG/zEdp5rNWr82cznXcUzy7/SxPQDJ7z/4yGk6OZEljFfotJ4cSss5mn/0xmTdWcfLvETtzgjMPhnWE31xQxBWx6i8lx5/cPczzt1/QSVK4BQj+nzKU2fQufUhSh+69ZMPU2g3pQuaZWmWbVvPB4IZbOk6VduuOtfiDyX/6PYvq5Tc+gVCv7FvcmZoo8x40iGiJJCVW0ERhwhlyrK+7e0GoogHMm9CEdfdddvDlNyxmT+4I5PeKyr9ORBloHs3bd5L6D0b+zdUJSiBlbTwgQ9Ljgvw+Zf0J3SC6+U2oW2ywGwxeES3aomsWx0E0fXctoeeraNqu4LbpujV6NsBSmw0mC26Inq9120YIKj3dhYCEKEJql0YEPuNnVKO0U8MZGIZ0CNeiJdvfyt99n5Gpd6kDdCTK+t/SvmStKPRbwg3xxkkdD2dLecz8oB6cm1n/wGeVoakHkfVUkxVJX0tlXPSllPfW0UnjFljcBK+8SBAmpBiOFMn6saWsPh6jY7FjH5Cq4r1d1vp8qLxW//tvkVk2WMixBJ2nK1MOSkIpfLJ+axW1uWUZaeHM0nJipowfYCMl6NvRSK/RL/mUU9n6Qma5zTU1GJuCerKDfQTY3agkEbFrVaoW2RU0PGzUTnovIG/Vin+wigzsTgIqNbxQIXjpF3PEdTuMPnyHSf4rduee+A4/5mrePg3Kvuv76YG3e2/LgviuUmiS75PJZ6RyXMiWf2cBwJl9Kc/FUPEe07g2XvXU53f8h4TBHjGloiSgINOkteiJyRIQlSS/P9KQkR80T8nK/yjjxKCTpF/UZTKR99Bn4J776USe+conjn2JmNvxkAXuC53HqW/ofchgqvInFfg965HDN+P+OUq6BhjJDC9546RLj26SHOXqLFrf5eJA4ClEzjSACLWtkRvjgi73R6iuYWjuizQthHwuFAYuqj0AofCiWHocoM3jM4jcszmnDbnuV0Bqy5XbXPw91fdRMhNh4PX/ijlQ2Z2De8AT0rjCzdBRSH6l666+lgpueCcoAhECDFCP6abYORMU11q8yBZA9fE4+4/MRnIOpEpCmvKVBZSgzLiS1ckxpRVOZ2nhGimRhJr3n3N/5UogvPaa/gpov+rfz4NkiD4vzv9Q/+3qH/5l2Si0VzMOo3myp/xGqnZTpyyqJnoM9M3iM1FsHaSF8cnPzZ6Ew+ySiVZUNtEj1t8JG58Wl8nQk5zzFxpywJJJKsMQdFlNipI8imRJ3gCQwegvNlf7OUZM0NMu+HGt/AMr73q/wfuHX8VzxQLznLa/x3WpdN4NvRb6eKFi+f5OHW5EreK28Ht477C/RX3Pe4M+i8C08WghyTaDIi3eJkNA9IN2DhgzmLQiagPII3GcubGjAc8XA8MPCza3TndGIkmDTi73W1hYsyyR3BaRYcgWKJZA27/cHHo7hiMxybvgw3RYUpFJBisNuo4CeP0ZQfLwgjUg5N8GMFxNDok/l86XuA75F8NKZVt969QiBCVeyvFgVu/Ki4weO30s1bsvv9uZ+KxFUODZ6dNY+ZVi0Ra/IFt1aRVBEoJmj9D6aJ5xUgkHmIsFL/GCh9Ob75iwWrQCW/AlY3YpvJAEXTFEHv8JxSVjyh0LJWXQgqVdVCGa2v9E6GQXQ4ZjDXKNBSa5yQkqaXoSUmKZSRFTwelPJNZXI1Eaisy2TTPl7OphRXpD9VafKKi64URpyby/c4Hcp9AY3A4tyyThQQavC8TSUOk/3Ftw27hjs+HYcfNCzr9nR9s2AzA/uRuum2F/OfzQiRR0/WUypgEJE4i1lhYcXjW6CnBscFJLRyJapqgh+igd/W0gA4X3b+BhmMqulsss1gJk5CyeaBI/OeokDCyhVwZqJItuPnyLlMkZl63GTGKn4tGgIi5eHJBPlM3whEi5Lvy8DErKRDQtWS1VkURQNNSbqw2F3P2YU64j1O5+eiHl6HbZE7RrXpu4BThIHgwkTnWHzNn4HiEO+O/ia5eOHMGCgjDN/s+z0+tgSM3naQHJ8Ujj99FZVnFDnL4MC/DvP08FZ9dQlRY/KwICKV9OOPMZSv4zRnMjKajJi+osEuOUcaEL2Dnpk1UFI7PUAX0J3n+WFigIuJKvfQNXDfTiXIGl+LSiLJB7kpuDX5VKftBouOghAKWc7nOH1roZV8O+N3Mu5SxBMBktiM4VfHyNAa2FcFMm/h8uwgF/NvhaJaGz0EHE1LHfvwjKvF/Ypat5bF5fUDv2rj6zoiirNpOQAQ3MpLPr9oOsH3V8lsozIOLYdPMmKZmmqZrmk8pwZpaSNP1pKYR9SOqmv0S4ysT6aX9uBj5+EIgW6ec2FXtggKwfuHC9YSsX1geQ+4JEkL6L5RHvfRwTW4Mo+YG7k7uriB2/v+xA4II02ULHehlQQMHN7vJhuh1Y0oWxMofxRE6F0cwMDv/J5A07LlIQn4e54Voqm+vWARGmxu3foa2wjT2j7t2/6bhbvCfnH6E0kemdwXvQ7fkRFAzkzOlcuehWDoZi6fSC1mY0XCY8XCjogF/r6LourICMcR6Fmm8igaywqqihD/VFxN5Ss2wZtDK3qvgKdHgF+TzBUFJpMpjqZ5D0vJtZO9WQb7u+i1r/Zf4TcuW3cj41VPLdkEkdo9E+o1Cuq/+2e8Tq5SmxC4lFwugRVSihV8JSXQ6yXRLV9ZikAJHEinyUki3gBBeTE0Mj4qqkoqCah78s3CQt6ANdpKzXB83gtr/NOq+1fQadRupWUQytTNgsVIxYOqY5TXaLGqVCuiL0TGk2nbLabaaNSiKOApJuoW3I2TZQj0WtbC1FcU+EWWx5CINtwLyxv9iQMftOZbGIe1gFxzkBHcqJxakkFWyPJMJhSmIT2tq/GkeM8CjcXD897QIgB7SxZPRXZJs3BadfQi5RYehVLKcDH81qmpGVFOPM7FvzDRZCGEMsfKQzjNJGpWFeK4p4/yQunGEjN+fxoWYpkW0kgOML19ZQdTH/WNORIM1qgrij/v7DUX6VhSipAcT/FDSn0gk4FMRiPpf0aJ4DGVGYoNhnigslTIEuaekpULgybwg+/9QK/VpVIwOqCGQlnRVzHWTRPI2ZyIHVAMtI2wL6IlRdMUC6qIlRAPHLGAz6tYrYDNUWhXyClna9hvtKYCpNrzSXkqg4X8N+vJ+o1ADqBXglXwfQOMiBxxJLfeWAiz1/OZcuXwXsf3wB+Neniv99Zt/vJnTu4f6ETmNJ2N4phxXQwQuwExuFeZy27hbuOkAh5VCtAD4M0utUqyE99buFTaQo12ZNbrtpUCuIA8jAvHy3hyYy83YXN0S6Yf3OGwZg6Dl0s2u0p3fatDuO1bCFYM1G/RHF26nhy6cIu/OGr/uvbkXH6G5pYlPbz5/Oz6Qbm3xvC2tvvxQsTiU79Tnz7+h0xnubzavq9f7ky5UmqVS0s7latks9E71Tp1c1Jz64VRvfupvp0bJgdkfwH/6B2ZmZnfu9P2ZGWA7d86+v3Pn+zP84tHRA6OjV465UL2np2dq4tD4+KEJoPM/Nx+ft2v7env31V4q31mp3Fkm58+nff+86/78vGFwmBpfPIWcP4b2vYJbym3EfIqr2HjrqY+RRiFazxInwAJaHSGAIGpFAxQ0ogWbIsICT2h49S6bRQcA06USQ5w1R5DJnErA9zQbQKaBd12EjUvx/lUNpqG3NOoO/IyCmbXA0OCQYmgyRFX/Zrnm1WT/NjXKh0RDhf3GstPJIkAp8bw3IKk5gNXlaLPyXRmUl90OwLWn51+DwT2nSsPe84lSSRWF7+Ipiee+rEBGYGHDSEXJI4puyLOfDUUS+XwiEiJ3m2GmzO4AGikkZk/GS6BEwpJJlnhLZm8TMa7LZLECg4X7YIk3+x1TCkcUKCbIokRh9gFeAgQwMQuDoHTvUBfptxEqYfTIIlfhuHkQaKkZUEpAEWLXH4vVbhuyhYXcbcY8euzCCbzwMboM3xdO0fKFX0CZ5xVTeUOS3hC0r6uM/CIYMFtmaoWc8DmKMbysKsLDgiU8TMA6twvhENjvBfoM3nXDiIc61+pmH5djNDDLRzDKqm4Rm2JZUg9S3iZG6ZbTGBr2yFl/0bo9lO5ZBye7ZQuuHvEXjVwNWMJJLM98M5ROYkjQE2ntmyEMpy8fB51O0D3r/fz6YMZ6OLd+z+zHR4Mpo3Burnxxl6THw+fCcV2aZk7aYYfP3mb/L3qvUEwAeJxjYGRgYADiZZK3GeL5bb4ycLMwgMD1pRPiYPT/P/8bWCSYG4BcDgYmkCgARJkMQgAAAHicY2BkYGBu+N/AEMPC+P/P/5csEgxAERQgCACgiwZ2eJxjYWBgYMGFGf//wSmHhAFUQQJBAAAAAAAAAAA8APgB0AJkAtoDwAUKBWwF/gbAB3QHvAhmCQYJRgmkeJxjYGRgYBBkuM3AxwACTEDMBYQMDP/BfAYAILoCEQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtjMEOwiAYg+nmYENR53t4wFfw7isYiGT7RwISZ/TxnUM92UOb9GvKCpYl2X+1KFBigQocAjUaSCyxgsIaG2zRYsdqH0M3kAmVNXS584ejJ4UiJZnSD02ljXz2Q/NttchbnYFWx9N5/hjJWcNvPV0plH0c1XvtTegm6p3IQH9yz9gLdxAuuA==')format('woff'), url('/public/css/font_806313_8x22hvfixc3.ttf?t=1535078238299')format('truetype'), url('/public/css/font_806313_8x22hvfixc3.svg?t=1535078238299#iconfont')format('svg')
}

.iconfontzmt1 {
    font-family: "iconfontzmt" !important;
    font-size: 2em;
    display: block;
    margin-top: -0.26em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-kongjian:before {
    content: "\e618"
}

.icon-baidu:before {
    content: "\e650"
}

.icon-jiankangbaike:before {
    content: "\e650"
}

.icon-weixinzmt:before {
    content: "\e695"
}

.icon-qqzmt:before {
    content: "\e601"
}

.icon-qqkongjian:before {
    content: "\e62a"
}

.icon-weibo:before {
    content: "\e657"
}

.icon-weibo2:before {
    content: "\e64c"
}

.icon-kongjian1:before {
    content: "\e73b"
}

.icon-weixin1:before {
    content: "\e73c"
}

.icon-weibo1:before {
    content: "\e65a"
}

.icon-CN_baidutieba:before {
    content: "\e64d"
}

.icon-shipin:before {
    content: "\e63e"
}

.icon-hot:before {
    content: "\e60e"
}

.icon-jiankangbaike:before {
    content: "\e665"
}

.icon-shipin1:before {
    content: "\e61d"
}

.icon-shipin-:before {
    content: "\e609"
}

/*直播弹窗*/
#boxtc {
    display: none;
    max-width: 640px
}

#boxtc img {
    display: block;
    width: 100%;
    border: 0;
    -webkit-touch-callout: none
}

#subjs,
.subtc {
    width: 90%
}

#subjs {
    position: absolute;
    display: none;
    height: 100%;
    background: url(js.jpg) 50%;
    background-size: cover
}

.subjsp {
    top: 42%;
    left: 25%;
    width: 50%;
    color: #fff
}

.boxjdzx,
.subjsp {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4em
}

.boxjdzx {
    bottom: 13%;
    left: 15%;
    display: block;
    padding: 8px 0;
    width: 70%;
    border-radius: 16px;
    background: #fff;
    color: #000
}

.shake {
    position: fixed;
    right: 15px;
    bottom: 80px;
    z-index: 9;
    display: block;
    width: 60px
}

#boxzbtc img {
    width: 100%
}

.tada {
    -webkit-animation: tada 5s ease 0s infinite forwards;
    -moz-animation: tada 5s ease 0s infinite forwards;
    -o-animation: tada 5s ease 0s infinite forwards;
    animation: tada 5s ease 0s infinite forwards
}

.layui-layer-setwin .layui-layer-close2 {
    top: -20px;
    right: -16px
}

#nmformtc {
    position: absolute;
    top: 55%;
    width: 100%
}

#nmformtc input,
#nmformtc p {
    color: #000;
    display: block;
    margin: .2rem auto 0;
    padding: 0 1% 0 3%;
    width: 81%;
    height: 46px;
    border: 1px solid #ccc;
    font-size: 16px
}

#nmformtc p {
    padding: 0 1% 0 3%;
    width: 81%;
    height: 46px;
    color: #999;
    text-align: left;
    line-height: 46px
}

#subtc {
    width: 90%;
    height: 110px;
    cursor: pointer
}

@media screen and (max-width:375px) {
    #subtc {
        margin: 3% auto 0
    }
}

@media screen and (max-width:330px) {
    #subtc {
        margin: 0 auto
    }
}

.shake {
    animation: beat 6s ease 2s infinite normal
}

@keyframes beat {
    0% {
        transform: translateX(0)
    }

    2% {
        transform: translateX(-7px)
    }

    6% {
        transform: translateX(7px)
    }

    8% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-5px)
    }

    12% {
        transform: translateX(5px)
    }

    16% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}