/*-----å­—ä½“å›¾æ ‡å¼•å…¥------------------------------------------------------------------------*/

@import url("https://at.alicdn.com/t/c/font_178760_4jb088ofk19.css");
/* @import url("../iconfont/iconfont.css"); */
@import url("https://at.alicdn.com/t/font_1191074_v5atg9smes.css");
@import url("https://at.alicdn.com/t/font_1741949_wly9u1i678d.css");
/* è¡—é“ */
@import url("https://at.alicdn.com/t/c/font_2928340_wnxhgzg3uo.css");

.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}

a {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #0069c5;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #0069c5;
}

#skip {
    height: 0;
    overflow: hidden;
}

body {
    background: #ebeff1;
    font-size: 14px !important;
}

/* äºŒçº§é¡µé¢å¤´éƒ¨ */
.header {

    background: #0069c5;
}

#searchBox {
    position: fixed;
    left: 0;
    top: 80px;
    background: rgba(255, 255, 255, .7);
    height: 50px;
    width: 100%;
    z-index: 999;
    display: none;
}

#searchBox input {
    height: 50px;
    text-align: center;
    width: 100%;
}

#searchBox .input-group {
    width: 100%;
}

#searchBox .input-group-btn {
    position: absolute;
    right: 26px;
    top: 14px;
    z-index: 9999;
    cursor: pointer;
}

#searchBox .input-group-btn button {
    background: none;
    border: none;

}

#searchBox .input-group-btn i {
    font-size: 20px;
    color: #0069c5;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-inverse {
    background-color: rgba(0, 0, 0, 0);
    float: left;
}

.navbar-inverse .navbar-nav li a {}

.navbar-brand {
    padding: 0;
    margin-top: 16px;
}

.navbar-brand>img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.navbar-brand>a {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    float: left;
    margin-top: 14px;
    margin-right: 6px;
    font-family: 'Microsoft YaHei', 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', arial;
}

.header-ico a {
    color: #fff;
    font-size: 24px;
    margin-left: 16px;
    margin-top: 30px;
    display: inline-block;
}

.main-navbar {
    float: left;
    z-index: 999;
    margin-left: 100px;
}

.main-navbar .navbar-nav li a {
    font-size: 18px;
    color: #fff;
}

.main-navbar .navbar-nav li {}

.main-navbar .navbar-nav li a {
    padding: 0 16px !important;
    height: 80px;
    line-height: 80px;
}

.main-navbar .navbar-nav li a:hover {
    color: #fff;
}

.main-navbar .nav li:hover,
.main-navbar .nav li.active {
    background: #1475ca;
}

.main-navbar .navbar-nav .active a,
.main-navbar .navbar-nav .active a:focus,
.main-navbar .navbar-nav .active a:hover {
    background: none;
    color: #fff;
}

.navbar-collapse .nav li:last-child a {
    border: 0;
}

.navbar-toggle .icon-bar {
    margin: 0 auto;
    background-color: #0069c5 !important;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background: none;
}

.navbar-inverse .navbar-collapse {
    border-color: rgba(0, 0, 0, 0);
}

.main-navbar .navbar-nav li a {
    font-size: 18px;
    color: #fff;
}

ul.nav-tabs.nav-line>li.active>a {
    border-bottom: solid 2px #0069c5;
    color: #0069c5;
    margin-bottom: 1px;
    font-weight: bold;
}

ul.nav-tabs.nav-line {
    border-bottom: 1px solid #e5e5e5;
}

ul.nowrapli li {
    padding: 8px 0 8px 14px !important;
}

/* æ–‡å­—é¢œè‰² */
.text-primary {
    color: #0069c5 !important;
}

.text-success {
    color: #66bb6a !important;
}

.text-error {
    color: #f15a5d !important;
}

.text-info {
    color: #42a5f5 !important;
}

.text-warning {
    color: #ffa726 !important;
}

.text-orange {
    color: #ff7043 !important;
}

.text-purple {
    color: #5c6bc0 !important;
}

.text-pink {
    color: #ec407a !important;
}

.text-blue {
    color: #0069c5 !important;
}

.text-default {
    color: #444 !important;
}

.text-white {
    color: #fff !important;
}

/* æŒ‰é’® */
.btn {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #0070d1 !important;
    border-color: #0070d1 !important;
}

.btn-info {
    color: #fff;
    background-color: #20a0e4;
    border-color: #20a0e4;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
    background-color: #22a8f0 !important;
    border-color: #22a8f0 !important;
}

.btn-cyan-blue {
    color: #fff;
    background-color: #23b6c8;
    border-color: #23b6c8;
}

.btn-cyan-blue:hover,
.btn-cyan-blue:focus,
.btn-cyan-blue.focus,
.btn-cyan-blue:active,
.btn-cyan-blue.active {
    color: #fff;
    background-color: #24bfd4 !important;
    border-color: #24bfd4 !important;
}

.btn-blue {
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active {
    color: #fff;
    background-color: #368DDA !important;
    border-color: #368DDA !important;
}

.btn-success {
    color: #fff;
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
    background-color: #6dc772;
    border-color: #6dc772;
}

.btn-danger {
    color: #fff;
    background-color: #f15a5d;
    border-color: #f15a5d;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #ff5e61;
    border-color: #ff5e61;
}

.btn-orange {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active {
    color: #fff;
    background-color: #ff855f;
    border-color: #ff855f;
}

.btn-yellow {
    color: #fff;
    background-color: #ffa726;
    border-color: #ffa726;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active {
    color: #fff;
    background-color: #ffbe5f;
    border-color: #ffbe5f;
}

.btn-purple {
    color: #fff;
    background-color: #5c6bc0;
    border-color: #5c6bc0;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active {
    color: #fff;
    background-color: #7987D8;
    border-color: #7987D8;
}

.btn-pink {
    color: #fff;
    background-color: #ec407a;
    border-color: #ec407a;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active {
    color: #fff;
    background-color: #EE6090;
    border-color: #EE6090;
}

.btn-white {
    background-color: #fff;
    border: 0;
}

.btn-default:hover {
    background: #fff;
}

ul.btn-line li a.btn {
    box-shadow: none;
    border-color: #ebebeb;
}

ul.btn-line li a.btn:hover {
    border-color: #ddd;
    background-color: transparent;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
}


/* æ ‡ç­¾ */
.label {
    line-height: 16px;
}

.label-primary {
    background-color: #42a5f5;
}

.label-success {
    background-color: #66bb6a;
}

.label-warning {
    background-color: #ffa726;
}

.label-info {
    background-color: #26c6da;
}

/* é¢æ¿ */
.panel {
    position: relative;
    overflow: hidden;
    border: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.panel:hover {
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
}

.panel-title1 {
    padding: 0 0 12px 0;
    margin: 0 5px;
    overflow: hidden;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 20px;
    color: #0069c5;
    border-bottom: 1px solid #ebebeb;
}

.panel-title1 i {
    float: left;
    font-size: 22px;
    margin-right: 5px;
    margin-top: 2px;
    font-weight: normal;
}

.panel-title1 small.text-muted {
    color: #999;
    margin-left: 10px;
}

.panel-title1 .tab-link {
    float: right;
    margin: 0;
    position: inherit;
}

.panel-title1 .tab-link a {
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    border-left: 1px solid #ddd;
}

.panel-title1 .tab-link a:first-child {
    border-left: 0;
}

.panel-title1 .tab-link a:last-child {
    padding-right: 0;
}


.panel-vertical .panel-title {
    float: left;
    width: 66px;
    border-right: 1px solid #ebebeb;
}

.panel-vertical .panel-title h2 {
    margin: 8px 20px 0 20px;
    padding: 15px 0 34px 0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #0069c5;
}

.panel-vertical .panel-title h2 a i {
    display: block;
    padding-bottom: 5px;
    font-size: 28px;
}

.panel-vertical .panel-body {
    float: left;
    width: 85%;
}

.panel-vertical .panel-body h3 {
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

/* å±…ä¸­é¢æ¿æ ‡é¢˜ */
.panel-heading2 {
    margin: 20px;
    border-bottom: 2px solid #e6e6e6;
}

.panel-heading2 .panel-title {
    position: absolute;
    left: 50%;
    margin-left: -75px;
    padding: 0 15px;
    overflow: hidden;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 22px;
    color: #0069c5;
    background: #fff;
}

.panel-heading2 .panel-title i {
    margin-right: 5px;
}

/* æ ‡é¢˜ */
.page-header-1 h4 {
    padding: 0 15px;
    font-size: 16px;
    border-left: 3px solid #0069c5;
}

.page-header-1 h3 {
    padding: 0 20px;
    font-size: 18px;
    color: #0069c5;
    border-left: 4px solid #0069c5;
}

.page-header-1 h3 a {
    color: #0069c5;
}

.page-header-1 h4 small {
    margin-left: 15px;
}

.tab-link {
    position: absolute;
    top: 0;
    right: 0;
}

.tab-link a {
    padding: 0 12px;
    border-left: 1px solid #ebebeb;
}

.tab-link a:first-child {
    border-left: 0;
}

a.alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    /*border-color: #bce8f1 !important;*/
}

/* TABæ ‡ç­¾ */
ul.nav-pills {
    background-color: #f4f2f5;
}

ul.nav-pills li:first-child {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    overflow: hidden;
}

ul.nav-pills li:last-child {
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    overflow: hidden;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #0069c5;
    color: #fff !important;
}

ul.nav-tabs.nav-line {
    padding-bottom: 1px;
    border-bottom: 1px solid #ebebeb;
}

ul.nav-tabs.nav-line>li>a {
    padding: 0 15px 13px;
    font-size: 16px;
    border-bottom: 2px solid transition;
}

ul.nav-tabs.nav-line>li.active>a {
    padding: 0 15px 13px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #0069c5;
    color: #0069c5;
}


/* äºŒçº§é¢‘é“æ ‡è¯­ */
.panel-fast {
    margin-bottom: 30px;
    background-color: #fff;
    border-bottom: 1px solid #dee0e2;
}

.panel-fast-body {
    padding: 50px 0;
    background: url(../images/fast-ms.png) right no-repeat;
}

.panel-fast-body p {
    margin: 15px 0;
    font-size: 28px;
    color: #666;
}

/* åˆ—è¡¨ */
.uli14 li {
    padding: 6px 0 6px 15px;
    background: url(../images/dot-circle.png) 0 center no-repeat;
}

.uli14 li a {
    color: #444;
}

.uli14 li a:hover {
    color: #0069c5;
}

li {
    list-style: none;
}


/* åºå·åˆ—è¡¨ */
.hotnews .uli14 span {
    margin: 4px 5px 0 10px;
    float: left;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    background-color: #a8b2be;
    color: #fff;
    text-align: center;
}

.hotnews .uli14 span.active {
    background-color: #20a0e4;
}

.hotnews .uli14 li {
    padding: 6px 10px;
    background: none;
}

.owl-carousel .owl-item img:hover {
    opacity: 1;
}

/* ç»„åˆåˆ—è¡¨ */
.complex-list li {
    padding: 14px 0 !important;
    border-top: 1px dashed #ebebeb;
    background: none !important;
    overflow: hidden;
}

.complex-list li:first-child {
    border-top: 0;
}

.complex-list li .label {
    float: left;
    margin-right: 10px;
}

.complex-list li a {
    float: left;
    width: 50%;
}

.complex-list li>span {
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.complex-list li span i {
    margin-right: 3px;
}

.complex-list li .time {
    width: 30%;
}

.complex-list li .address {
    width: 20%;
}

.dotted-list {
    margin: 0 5px;
    padding: 0;
}

.dotted-list li {
    padding: 13px 0;
    float: left;
    border-bottom: 1px dashed #ebebeb;
}

.dotted-list li:nth-last-of-type(1),
.dotted-list li:nth-last-of-type(2),
.dotted-list li:nth-last-of-type(3) {
    /*border-bottom: 0;*/
}

.dotted-list li a {
    color: #444;
}

.dotted-list li a:hover {
    color: #0069c5;
}

.dotted-list2 li {
    padding: 22.5px 0;
    border-bottom: 1px dashed #ebebeb !important;
}

/* æ‘˜è¦åˆ—è¡¨ */
.summary-list {
    padding: 0;
}

.summary-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #ebebeb;
}

.summary-list li:last-child {
    border-bottom: 0;
}

.summary-list li h4 a {
    font-size: 16px;
    color: #444;
}

.summary-list li h4 a:hover {
    color: #0069c5;
}

.summary-list li p {
    color: #999;
}

/* å¸¦æ ‡ç­¾æŒ‰é’®åˆ—è¡¨ */
.list-labelbtn {
    padding: 10px 0;
}

.list-labelbtn li {
    overflow: hidden;
}

.list-labelbtn li>a {
    width: 85%;
}

.list-labelbtn li span {
    position: absolute;
    right: 0;
    top: 5px;
}

.list-labelbtn li span a {
    margin-left: 5px;
    padding: 1px 10px;
    float: left;
    width: auto;
    box-shadow: none;
    border: 1px solid #ebebeb;
}

.list-labelbtn li span a:first-child {
    margin-left: 0;
}

.list-labelbtn li span a:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}


/* åŠ å·åˆ†äº« */
.btn-float {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

.btn-float:hover,
.btn-float:focus {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}

.btn-float:active,
.btn-float:focus {
    outline: none;
}

.yellow {
    background: #ffa000;
}

.red {
    background: #e32428;
}

.green {
    background: #58c307;
}

.blue {
    background: #20a0e4;
}

.pink {
    background: #f15a5d;
}

.icon-bars {
    background: #fff;
    height: 2px;
    width: 22px;
    margin: auto;
    display: block;
    position: relative;
    position: absolute;
    top: 24px;
    right: 14px;
    -moz-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    -webkit-transition: 0.3s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s;
}

.icon-bars:after {
    content: '';
    position: absolute;
    height: 22px;
    width: 2px;
    background: #fff;
    top: -10px;
    left: 10px;
}

.float-btn-group {
    z-index: 999;
    position: fixed;
    right: 30px;
    bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-triger {
    z-index: 15;
    float: left;
}

.float-btn-group .btn-list {
    position: absolute;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-list li {
    display: inline-block;
}

.float-btn-group.open .icon-bars {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.float-btn-group .icon-bars {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.float-btn-group .btn-list .btn-float {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.float-btn-group .btn-list .btn-float:nth-child(1) {
    -moz-transition: 0.2s 0.3s;
    -o-transition: 0.2s 0.3s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.2s 0.3s;
    transition: 0.2s 0.3s;
}

.float-btn-group .btn-list .btn-float:nth-child(2) {
    -moz-transition: 0.2s 0.5s;
    -o-transition: 0.2s 0.5s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: 0.2s 0.5s;
    transition: 0.2s 0.5s;
}

.float-btn-group .btn-list .btn-float:nth-child(3) {
    -moz-transition: 0.2s 0.7s;
    -o-transition: 0.2s 0.7s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.7s;
    -webkit-transition: 0.2s 0.7s;
    transition: 0.2s 0.7s;
}

.float-btn-group .btn-list .btn-float:nth-child(4) {
    -moz-transition: 0.2s 0.92s;
    -o-transition: 0.2s 0.92s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.92s;
    -webkit-transition: 0.2s 0.92s;
    transition: 0.2s 0.92s;
}

.float-btn-group.open .btn-list .btn-float {
    opacity: 1;
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}

.float-btn-group.open .btn-list .btn-float:nth-child(1) {
    top: -220px;
    -moz-transition: 0.2s 0.9s;
    -o-transition: 0.2s 0.9s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.9s;
    -webkit-transition: 0.2s 0.9s;
    transition: 0.2s 0.9s;
    display: none;

}

.float-btn-group.open .btn-list .btn-float:nth-child(2) {
    top: -165px;
    -moz-transition: 0.2s 0.7s;
    -o-transition: 0.2s 0.7s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.7s;
    -webkit-transition: 0.2s 0.7s;
    transition: 0.2s 0.7s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(4) {
    top: -110px;
    -moz-transition: 0.2s 0.5s;
    -o-transition: 0.2s 0.5s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.5s;
    -webkit-transition: 0.2s 0.5s;
    transition: 0.2s 0.5s;
}

.float-btn-group.open .btn-list .btn-float:nth-child(5) {
    top: -55px;
    -moz-transition: 0.2s 0.3s;
    -o-transition: 0.2s 0.3s;
    -webkit-transition: 0.2s;
    -webkit-transition-delay: 0.3s;
    -webkit-transition: 0.2s 0.3s;
    transition: 0.2s 0.3s;
}

.line-clamp3 {
    height: 59px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ç½‘ç«™åœ°å›¾ */
#header {
    min-height: 80px;
}

body.nav-open {
    overflow: hidden;
}

body.nav-open .sitemap {
    height: auto;
    overflow: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

body.nav-open .navbar-toggle {
    box-shadow: none;
}

body.nav-open .navbar-toggle:before {
    width: 3600px;
    height: 3600px;
    background-color: rgba(0, 0, 0, 0.8);
}

body.nav-open .navbar-toggle .icon {
    width: 0;
}

body.nav-open .navbar-toggle .icon:before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

body.nav-open .navbar-toggle .icon:after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

.dropdown-menu {
    z-index: 998;
}

.destroy-overflow {
    overflow: inherit;
}

.navbar-toggle {
    width: 50px;
    height: 50px;
    z-index: 2;
    border-radius: 50%;
    margin: 10px 0 0 0;
    position: absolute;
    cursor: pointer;
    -webkit-transition-duration: 0.55s;
    transition-duration: 0.55s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-duration: 0.55s;
    transition-duration: 0.55s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle .icon {
    width: 22px;
    height: 3px;
    background-color: white;
    position: absolute;
    top: 28px;
    left: 15px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transiting-timing-function: swing;
}

.navbar-toggle .icon:before,
.navbar-toggle .icon:after {
    width: 22px;
    height: 3px;
    background-color: white;
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
}

.navbar-toggle .icon:before {
    top: -9px;
}

.navbar-toggle .icon:after {
    top: 9px;
}

.navbar-toggle {
    border: 0;
}

.sitemap {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 9;
    padding: 0 20px;
    -webkit-transition-duration: 0.44s;
    transition-duration: 0.44s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.sitemap-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: alpha(opacity=80);
    z-index: 1;
    display: none;
}

.slogan {
    margin: -55px 60px 40px 60px;
    margin-bottom: 40px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.slogan span+span {
    margin-left: 10px;
}

.panel-blue {
    padding: 10px 0;
    background-color: #20a0e4;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.panel-blue:hover {
    background-color: #158bca;
}

.panel-blue ul:hover li a {
    opacity: 0.5;
}

.panel-blue ul:hover li:hover a {
    opacity: 1;
}

.panel-blue ul li a {
    display: block;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.panel-nav:hover {
    box-shadow: none !important;
}

.panel-nav .panel-title a {
    padding: 10px 0 10px 35px;
    display: block;
    font-size: 22px;
    color: #fff;
}

.sitemap-list {
    padding: 0;
}

.sitemap-list li {
    padding: 7px 0 7px 35px;
    width: 50%;
    float: left;
}

.sitemap-list li a {
    color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

.navbar .navbar-header {
    margin-left: 80px !important;
    margin-right: 75px !important;
}

.navbar .navbar-header h1 {
    min-width: 180px;
    margin-top: 15px;
}

.navbar-header a {
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
}

.navbar-header a:hover,
.navbar-header a:focus {
    color: #fff;
}



.navbar-nav>li {
    float: left !important;
}

.navbar-nav>li>a {
    padding: 30px 15px !important;
    letter-spacing: 1px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 18px;
    color: #fff;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.navbar-inverse .navbar-right {
    padding: 33px 0;
}

.navbar-inverse .navbar-right>li>a {
    padding: 0 10px !important;
    font-size: 13px;
    line-height: 13px;
    border-left: 1px solid #fff;
}

.navbar-inverse .navbar-right>li:first-child a {
    border-left: 0;
}

.navbar-icon li:first-child {
    position: static;
}

.navbar-inverse .navbar-icon li a {
    padding: 31px 10px !important;
}

.navbar-inverse .navbar-icon li a i {
    font-size: 18px;
}

.navbar-inverse .navbar-icon .search a {
    padding: 0 !important;
}



.search {
    /* width: 100%; */
    border: 0;
}

.search button,
.search a {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 25px;
    color: #0069c5;
    background: transparent;
    border: 0;
}

.search a {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 25px;
    color: #0069c5;
    background: transparent;
    border: 0;
}

.search input {
    padding: 15px 0;
    width: 100%;
    border: 0;
    text-align: center;
    font-size: 16px;
    outline: none;
    background-color: transparent;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-header-1 a {
    border-left: 0 !important;
    padding-left: 0 !important;
}

.pagination li[disabled=disabled] {
    cursor: not-allowed;
}

.Article {
    padding: 20px 30px;
}

.Article-title {
    font-size: 26px;
    padding: 0 5%;
    color: #5f5f5f;
}

.Article_content {
    font-family: 'Microsoft YaHei', arial, helvetica, sans-serif;
}

.Article_content:before,
.Article_content:after {
    display: table;
    content: " ";
}

.Article_content:after {
    clear: both;
}

.Article_content table {
    width: 100% !important;
}

.Article_content p {
    text-align: justify;
    color: #5f5f5f;
}

.Article_content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.Article_content img[src*="icon_doc.gif"] {
    display: inline-block;
    *display: inline;
    margin-right: 10px !important;
}

.Article_content object {
    display: block;
    margin: 0 auto;
}

/* æ¨¡æ€æ¡† */
#weChat .modal-dialog {
    width: 300px;
    margin-top: 15% !important;
    margin-left: auto;
    margin-right: auto;
}

.embed-responsive-zw {
    padding-bottom: 775px;
}

.embed-responsive-xw {
    padding-bottom: 1015px;
}

.embed-responsive-ys {
    padding-bottom: 660px;
}

.embed-responsive-ms {
    padding-bottom: 735px;
}

.embed-responsive-zz {
    padding-bottom: 375px;
}

/*-----é¦–é¡µ------------------------------------------------------------------------*/
.padding-top-6 {
    padding-top: 6px !important;
}

.main-visual {
    min-width: 1000px;
    height: 500px;
    margin: 0 auto 15px;
    overflow: hidden;
    background: url(../images/index-banner.jpg) no-repeat;
    background-size: 100%;
}

.card-area {
    padding: 0;
    margin-top: 60px;
}

.card-area .card-item {
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 25%;
    background-color: transparent;
    border: 1px solid #DBDBDD;
    border-radius: 4px;
}

.card-area .card-item .card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    border-radius: 4px;
}

.card-area .card-item .card .card-title {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    top: 0;
}

.ali-product-img .circle-btn .btn {
    width: 45px;
    height: 45px;
    padding: 0;
    line-height: 40px;
    background: #b3b6b8;
    color: #eeeeef;
    font-size: 26px;
}

.card-title {
    padding: 20px 0;
    background-color: #eeeeef;
}

.card-title h1 {
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

.card-title .short-info {
    color: #999;
    margin-bottom: 0;
}

.card-content {
    padding: 5px 20px;
}

.content-first-list li {
    border-bottom: 1px dashed #e4e5e6;
}

.content-icon li a i {
    margin-right: 15px;
    font-size: 22px;
}

.card-content li {
    border-bottom: 1px dashed #e4e5e6;
}

.card-content li:last-child {
    border-bottom: 0;
}

.card-content li a {
    display: block;
    padding: 22px 0;
    font-size: 18px;
    color: #5b6265 !important;
}

.content-first ul li {
    float: left;
    width: 50%;
    padding: 0;
}

.card-area li.active {
    width: 50%;
    z-index: 100;
    margin-top: -15px;
    border: 1px solid #00c1de;
    box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);
}

.card-area li.active .card-content .uli14 li {
    background: url(../images/dot-circle.png) 0 center no-repeat;
}

.card-area li.active .card-title {
    padding-top: 35px;
    background: #00c1de;
}

.card-area li.active .card-content {
    padding-bottom: 20px;
}

.card-area li.active .ali-product-img .circle-btn .btn {
    background: #fff;
    color: #00c1de;
}

.card-area li.active .card-title h1 {
    color: #fff;
}

.card-area li.active i {
    color: #00c1de;
}

.card-area li.active .card-title .short-info {
    color: #F0F0F0;
}

.card-area li.active a:hover {
    color: #00c1de !important;
}

.index-sliders {
    padding: 30px 90px;
}

.index-sliders .item {
    position: relative;
    float: left;
}

.index-sliders .item .card-open a {
    display: block;
    height: 160px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.index-sliders .item .card-open h5 {
    width: 80%;
    padding-left: 15px;
    color: #333;
    line-height: 25px;
}

.index-sliders .item .card-open i {
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #ccc;
    border-radius: 100%;
    border: 1px solid #ddd;
    position: absolute;
    right: 7px;
    bottom: 7px;
}

.index-sliders .item img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.index-sliders .owl-dots {
    display: none !important;
}

.index-sliders .owl-prev,
.index-sliders .owl-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 34px;
    background: #a8b2be !important;
    border-radius: 50% !important;
    font-size: 20px !important;
}

.index-sliders .owl-prev {
    left: -70px;
}

.index-sliders .owl-next {
    right: -70px;
}

.navbar-nav li.active,
.navbar-nav li:hover {
    background: #1475ca;
}

.public-post span {
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-right: 20px;
    background: #0069c5;
    color: #fff;
}

.public-post span:before {
    position: absolute;
    top: 25%;
    right: -15px;
    z-index: 9;
    content: "";
    border: 8px solid transparent;
    border-left-color: #0069c5;
}

.public-post .slider-text-1 {
    line-height: 34px;
}

.public-post .slider-text-1 .item {
    width: 90%;
}

.public-post .slider-text-1 .item a {
    display: block;
    padding-left: 15px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/dot-circle.png) left center no-repeat;
}

.chat a.circle-btn .btn {
    border: 1px solid #dfdfdf;
    color: #7e8486;
}

.chat a.circle-btn p {
    font-size: 16px !important;
    margin-top: 10px !important;
}

.ft-notice dt {
    float: left;
}

.ft-notice {
    margin: 20px 0 30px;
    background: #f5f5f5;
}

.ft-notice dt a {
    position: relative;
    display: block;
    padding: 15px 10px;
    background: #0069c5;
    color: #fff;
    width: 80px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: normal;
}

.ft-notice dt a:before {
    position: absolute;
    left: 0px;
    bottom: -10px;
    z-index: 9;
    content: "";
    border-top: 10px solid #0069c5;
    border-right: 15px solid transparent;
}

.ft-notice dd {
    padding-left: 80px;
}

.ft-notice dd a {
    display: block;
    max-height: 40px;
    margin: 10px 10px 5px;
    color: #393939;
    overflow: hidden;
}

.ft-notice dd p {
    font-size: 12px;
    color: #777;
    padding: 0 10px;
    margin-bottom: 0
}

.file-query .nav-tabs {
    margin: 5px 0 20px;
}

.file-query .nav-tabs li a {
    border: 0;
    margin-right: 0;
    padding: 5px 15px;
    color: #666;
    border-radius: 4px;
    border: 1px solid #fff;
}

.file-query .nav-tabs li a:hover,
.file-query .nav-tabs li a:focus,
.file-query .nav-tabs li.active a {
    border: 1px solid #0069c5;
    color: #0069c5 !important;
    background: none;
}

.file-query .nav-tabs li.active a:before {}

.file-query-serchar {
    position: relative;
}

.file-query-serchar input {
    height: 40px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.file-query-serchar i {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 20px;
    color: #8b91a0;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.weather span {
    line-height: 20px;
}

.weather iframe {
    float: left;
    height: 20px;
    width: 50%;
}

/* é¦–é¡µç„¦ç‚¹åŒº */
.panel-news {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.panel-news-img {
    position: relative;
    float: left;
    width: 38%;
    text-align: center;
}

.panel-news-img:before {
    position: absolute;
    top: 46%;
    right: 0;
    z-index: 9;
    content: "";
    border: 10px solid transparent;
    border-right-color: #fff;
}

.panel-news-img img {
    height: 100px;
}

.panel-news-info {
    float: right;
    margin-bottom: 10px;
    width: 58%;
}

.panel-news-info h3 {
    margin: 0;
}

.panel-news-info h3 a {
    font-weight: bold;
    font-size: 16px;
    color: #20a0e4;
}

.panel-news-info dd a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    color: #666;
}

.panel-news-info dd a:hover {
    color: #20a0e4;
}

.panel-news-info dd p {
    max-height: 40px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.panel-news-info dd small {
    font-size: 12px;
    color: #999;
}

.panel-news .owl-controls {
    margin: 0;
}

.panel-news .owl-controls .owl-nav {
    top: 0;
}

.panel-news .owl-controls .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    font-size: 18px;
    background: transparent;
    color: #666;
}

.panel-news .owl-controls .owl-nav .owl-prev {
    left: auto;
    right: 24px;
}

/* èŽ·å–æ”¿åºœæœåŠ¡ */
.home-service>div {
    padding: 22px 0 6px 0;
    border-left: 1px solid #ebebeb;
}

.home-service>div:first-child {
    border-left: 0;
}

.home-service .circle-btn p {
    font-size: 16px;
    color: #444;
}

.home-service .circle-btn .btn-info {
    width: 70px;
    height: 70px;
    line-height: 60px;
    background-color: #20a0e4;
    border: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.home-service .circle-btn:hover .btn-info {
    background-color: #0069c5;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
}

.home-service .circle-btn:hover p {
    color: #0069c5;
}


.home-service .btn-list {
    margin: 0 10px;
}

.home-service .btn-list a {
    padding: 5px 0;
    font-size: 14px;
    color: #999;
    text-align: center !important;
    box-shadow: none;
}

.home-service .btn-list a:hover {
    background-color: transparent !important;
}

.home-service .btn-list a:active {
    box-shadow: none;
}

.home-service .btn-list a i {
    margin-right: 3px;
}

/* ä¸“é¢˜åˆ‡æ¢ */
.sliders1 {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.sliders1:hover {
    box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6);
}

.sliders1 .owl-item img {
    border-radius: 3px;
}

.sliders1 .owl-item img:hover {
    opacity: inherit;
}

.sliders1 h4 {
    width: 100%;
    position: absolute;
    top: 20px;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    text-align: center;
}

.sliders1 a.btn {
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -41px;
    color: #20a0e4;
}

.sliders1 a.btn:hover {
    color: #20a0e4;
}

.sliders1 .owl-dots {
    width: 100%;
    right: 0;
    bottom: 15px;
    text-align: center;
}

.sliders1 .owl-dots .owl-dot span {
    background: #bbb;
}

.sliders1 .owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #fff;
}

.sliders1 .owl-controls .owl-nav {
    top: auto;
    bottom: 50px;
    z-index: 2;
}

.sliders1 .owl-controls .owl-nav [class*=owl-] {
    font-size: 14px;
}

.sliders1 .owl-controls .owl-nav .owl-prev {
    left: 20%;
}

.sliders1 .owl-controls .owl-nav .owl-next {
    right: 20%;
}


/* å‘çŽ° */
.panel-find {
    border: 0;
}

.panel-find .find-text {
    padding: 30px 25px;
    background-color: #f15a5d;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-find .find-text p {
    margin-bottom: 20px;
    line-height: 24px;
}

.find-text .btn {
    background-color: #fff;
    color: #f15a5d;
}

@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test {
    -webkit-animation: flipOutYtest 0.75s linear;
    animation: flipOutYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2 {
    -webkit-animation: flipInYtest 0.75s linear;
    animation: flipInYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.correct {
    width: 100%;
}

.opposite {
    background-color: #fff\0;
    width: 100%;
    position: absolute;
    top: 0;
}

.opposite .test {
    display: none\0;
}

.find-card li .card-open a {
    display: block;
}

/*-----åº•éƒ¨------------------------------------------------------------------------*/
.footer {
    padding-bottom: 20px;
    margin-top: 20px;
    background-color: #565a5d;
    color: #b7b9ba;
    font-size: 12px;
}

.text-white {
    color: #fff !important;
}

.footer a {
    color: #B7B9BA;
}

.footer .links {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    background-color: #4e5358;
}

.footer .links ul {
    position: relative;
}

.footer .links li {
    margin-left: 78px;
    float: left;
    color: #fff;
}

.footer .links li:first-child {
    margin-left: 0;
}

.footer .links li p {
    margin: 0;
    padding: 15px 0;
}

.footer .links li p i {
    margin-left: 3px;

    display: inline-block;
}

.footer .links .dropdown {
    position: static;
}

.footer .links .dropdown ul {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 100%;
}

.footer .links .dropdown li {
    float: none;
    margin-right: 0;
    color: #666;
}

.footer .links .dropdown li a {
    margin: 5px 0;
    float: left;
    width: 16.666%;
    clear: none;
}

.footer-bottom {
    padding-top: 8px;
    border-top: 1px solid #b7b9ba;
}

.footer-logo:before,
.footer-logo:after {
    display: table;
    content: '';
}

.footer-logo:after {
    clear: both;
}

.footer-logo {
    line-height: 28px;
}

.footer-logo img {
    display: block;
    margin: 0 auto;
    width: 96px;
}

.footer-logo span {
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #b7b9ba;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 3px;
}

.footer-logo p {
    line-height: 20px;
    margin: 15px 0 30px;
}

.footer-add {
    margin-top: 10px;
}

.footer-add li {
    float: left;
    padding: 3px 0;
}

.footer-icp {
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: right;
}

.footer-icp a {
    display: inline-block;
    margin-left: 25px;
}

.footer-icp img {
    margin: 0 auto;
}

.footer-icp .zc img {
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.footer-icp p {
    margin-bottom: 0;
    color: #b7b9ba;
}

.footer-icp .item {
    float: right;
    width: 25%;
    text-align: center;
}

.footer-icp .zc {
    width: 35%;
}

.footer .icp {
    color: #b7b9ba;
}

.footer-help a {
    padding: 0 13px;
    display: inline-block;
    color: #b7b9ba;
    line-height: 14px;
}

.footer-help>a+a {
    border-left: 1px solid #b9b9b9;
}

.footer-help a:last-child {
    border-right: 0;
}

.footer-help a:hover {
    color: #e4e4e5;
}


/* fixed stickUp */
.hack-stickUp {
    height: 1px;
    background-color: #0069c5;
}




/* é¦–é¡µ */
.hotnews {
    padding: 15px 15px 5px 15px;
}

.hotnews-title {
    position: absolute;
    padding: 4px 10px;
    background-color: #ff7043;
    color: #fff;
    border-radius: 3px;
}

.hotnews .slider-text-1 {
    padding-left: 100px;
}

.hotnews .slider-text-1 a {
    padding-right: 100px;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.hotnews .slider-text-1 span {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
}

.news-headline h3 {
    margin-top: 0;
}

.news-headline h3 a {
    font-weight: bold;
    font-size: 20px;
    color: #0069c5;
}

ul.btn-color li a.btn {
    padding: 13px 16px;
    text-align: left;
    font-size: 14px;
    border-left: 3px solid #ddd;
    color: #444;
}

ul.btn-color li a.btn:hover {
    color: #0069c5;
}

ul.btn-color li i {
    margin-right: 20px;
    font-size: 20px;
}


ul.btn-color li.btn-line-blue a.btn {
    border-left-color: #1383cb;
}

ul.btn-color li.btn-line-blue a.btn i {
    color: #1383cb;
}

ul.btn-color li.btn-line-orange a.btn {
    border-left-color: #ff7f0f;
}

ul.btn-color li.btn-line-orange a.btn i {
    color: #ff7f0f;
}

ul.btn-color li.btn-line-red a.btn {
    border-left-color: #d9534f;
}

ul.btn-color li.btn-line-red a.btn i {
    color: #d9534f;
}

ul.btn-color li.btn-line-green a.btn {
    border-left-color: #5cb85c;
}

ul.btn-color li.btn-line-green a.btn i {
    color: #5cb85c;
}




ul.interactive-btn {
    margin-bottom: 4px;
}

ul.interactive-btn li {
    margin-bottom: 7px;
}

.interactive-btn .circle-btn .btn {
    border: 1px solid #ddd;
    line-height: 42px;
}

.interactive-btn .circle-btn .btn i {
    font-size: 26px;
}

.interactive-btn .circle-btn {
    color: #444;
}

.interactive-btn .circle-btn p {
    margin-top: 5px;
}

.page-header-2 {
    margin: 0;
    border-bottom-width: 2px;
}

.page-header-2 a {
    padding: 0 15px 15px;
    border-bottom-width: 2px;
    bottom: -3px;
    font-size: 16px;
    color: #0069c5;
    border-bottom: solid 2px #0069c5;
}


.page-header-2 .nav-pills {
    position: absolute;
    top: 3px;
    right: 0;
    background-color: transparent;
}

.nav-pills>li>a {
    padding: 5px 10px;
    font-weight: normal;
    font-size: 13px;
    color: #444;
    bottom: 0;
    border: 0;
}

.nav-pills>li {
    border-radius: 0 !important;
}

.btn-hd .col-xs-6 {
    padding: 0 10px;
}

.btn-hd li em {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
}

.btn-hd li i {
    font-size: 20px;
    line-height: 40px;
}

.btn-hd-1 em {
    float: left;
    margin-top: 7px;
}

.btn-hd-1 p {
    margin: 16px 0;
    font-weight: bold;
    font-size: 16px;
}

.search-btn li {
    margin-top: 10px;
}

.search-btn li a {
    padding: 17px 10px;
    font-size: 14px;
    color: #444;
}

ul.search-btn li a.btn:hover {
    color: #0069c5;
}

ul.manage-btn li {
    padding: 0 7.5px;
    margin: 10px 0;
}

ul.manage-btn li a.btn {
    padding: 16px 10px;
}

.manage-btn li a.btn i {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 55px !important;
}

.manage-btn .btn-info i {
    color: #20a0e4;
}

.manage-btn .btn-success i {
    color: #66bb6a;
}

.manage-btn .btn-warning i {
    color: #eb793d;
}

.manage-btn .btn-primary i {
    color: #0069c5;
}

.breadcrumb {
    background-color: #fff;
}

.page-header-2 {
    margin-top: 0;
    padding-bottom: 1px;
    border-bottom: 1px solid #ebebeb;
}

.page-header-2 h3 {
    display: inline;
    padding: 10px 15px 14px;
    font-size: 20px;
    color: #0069c5;
    border-bottom: solid 2px #005daf;
}

.nav-support {
    display: table;
    margin: 20px auto;
    text-align: center;
}

.nav-support li a {
    padding: 5px 20px;
}

.nav-answer {
    padding: 20px;
    margin-bottom: 15px;
    background: #f5f5f5;
    border-radius: 4px;
}

.nav-answer li {
    width: 19.8%;
    text-align: left;
}

.nav-answer a {
    border-radius: 4px;
    color: #0069c5 !important;
    font-size: 14px !important;
}

.nav-tab2 {
    transition: all .2s;
}

.list-dashed li:nth-child(5n) {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E1E1E1;
    background-position: 0 15px;
}

.bg-orange {
    background-color: #ff7043 !important;
    border-color: #ff7043;
}

.bg-success {
    background-color: #66bb6a !important;
    border-color: #66bb6a;
}

.bg-info {
    background-color: #20a0e4 !important;
    border-color: #20a0e4;
}

.bg-danger {
    background-color: #f15a5d !important;
    border-color: #f15a5d;
}

.btn-hd2 {
    margin: 21px 0 20px !important;
}

.btn-hd2 li {
    padding: 0 5px !important;
    overflow: hidden;
}

.btn-hd2 li em {
    width: 52px;
    height: 52px;
    line-height: 62px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
}

.btn-hd2 li em i {
    font-size: 28px;
}

.btn-hd2 li p {
    margin: 10px 0 2px;
    color: #555;
}

.btn-hd2 li span {
    color: #777;
}

.relative {
    position: relative;
}

.more {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #666;
}

.more2 {
    top: 15px;
    right: 20px;
}

.nav-header {
    border-bottom: 1px solid #ebebeb;
}

.nav-header li {
    float: left;
}

.nav-header li a {
    padding: 0 15px 11px;
    bottom: -1px;
    font-size: 16px;
    color: #666;
    background: none;
    font-weight: bold;
}

.nav-header>li.active a,
.nav-header>li>a:focus,
.nav-header>li>a:hover {
    color: #0069c5;
    border-bottom: solid 2px #0069c5;
    background: none;
}

.no-slit {
    padding: 0;
}

.no-slit li {
    width: 33.333%;
    float: left;
}

.no-slit li a {
    display: block;
    border: 1px solid #aaa;
    padding: 28px 0;
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sqfw {
    padding: 20px 15px 13px;
}

.big-header-2 {
    padding-bottom: 15px;
}

.float-right-text {
    position: absolute;
    right: 25px;
    bottom: 6px;
}

.margin-bottom-16 {
    margin-bottom: 18px !important;
}

.zx-info {
    padding: 10px 15px 11px;
}

.btn-single {
    margin-bottom: 20px;
}

.btn-single a {
    display: block;
    padding: 15px 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 1px;
}

.btn-single a i {
    margin: 0 15px;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-radius: 100%;
    background-color: #fff;
    color: #0069c5;
    font-weight: normal;
}

.padding-bottom-12 {
    padding-bottom: 12px !important;
}

.actions-btn .btn {
    padding: 10px;
    margin: 10px 0 7px;
}

.page-header-1 {
    margin: 10px 20px 0;
    color: #0069c5;
}

.service-map {
    margin: 22px 0 23px;
}

.service-map p {
    font-size: 18px;
    color: #777;
}

.service-map i {
    font-size: 40px !important;
}

.service-map .btn {
    width: 108px !important;
    height: 108px !important;
    line-height: 105px !important;
}

.zw-hall {
    padding: 10px 80px;
}

.zw-hall .btn-list li {
    padding: 0 10px;
}

.zw-hall .owl-carousel.owl-loaded {
    position: relative;
}

.zw-hall .owl-controls .owl-nav .owl-prev:before {
    content: "\e650";
}

.zw-hall .owl-controls .owl-nav .owl-next:before {
    content: "\e605";
}

.zw-hall .owl-controls .owl-nav .owl-prev {
    left: -50px;
}

.zw-hall .owl-controls .owl-nav .owl-next {
    right: -50px;
}

.zw-hall .owl-controls .owl-nav [class*=owl-] {
    position: absolute;
    top: 33%;
    font-size: 40px;
    background: none;
    color: #888;
}

.zw-hall .owl-dots {
    display: none !important;
}

.zw-hall .search-btn a:hover,
.zw-hall .search-btn a:focus,
.zw-hall .search-btn .active a {
    background: #0069c5 !important;
    color: #fff !important;
}

.news-slider .owl-controls .owl-nav {
    display: none;
}

.zw-form .form-group {
    margin-bottom: 0;
}

.over-hidden {
    overflow: hidden;
}

.zw-form .form-group>div {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.visible-lg-block li.active a {
    /*color: #f15a5d !important;
    font-weight: bold;*/
    background: none !important;
}

.pic-list li {
    float: left;
    width: 50%;
    padding: 10px;
}

.pic-list li a {
    display: block;
    text-align: center;
}

.pic-list li a img {
    border-radius: 4px;
}

.sq-slider img {
    height: 370px;
}

.qa+.qa {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px dashed #ddd;
}

.qa .text-primary {
    padding-left: 1em;
    background: url(../images/dot-circle.png) 0 center no-repeat;
}

.qa .dot {
    text-indent: 2em;
}

.footer .icp {
    color: #b7b9ba;
}

/* directory */
.directory .page-header-2 {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

/* info-list */
.info-list {
    padding-left: 0;
}

.info-list li {
    padding: 13px 0;
}

.info-list li+li {
    border-top: 1px dashed #ddd;
}

.info-list a {
    color: #444;
}

.info-list a:hover {
    color: #0069c5
}

.wechat {
    position: absolute;
    top: -110px;
    right: -25px;
    width: 100px;
    min-width: 0;
    padding: 10px;
    z-index: 10001;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* æ”¿åºœæ–‡ä»¶ç¨¿ä»¶ */
.article-info {
    /* margin-bottom: 20px;*/
    padding: 10px 30px;
    background-color: #f4f2f5;
    color: #5f5f5f;
}

.article-info div[class*="col-"] {
    margin: 5px 0;
}

.article-info div[class*="col-"] {
    overflow: hidden;
}

.article-info span {
    float: left;
    min-width: 70px;
}

.unfold {
    display: block;
    padding: 5px 0;
    letter-spacing: 2px;
    background: #cbe0f3;
    text-align: center;
    color: #666 !important;
}

.unfold:hover {
    background: #b6d4ed;
}

.article-info {
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*æ–°åŠ æ”¿åºœæ–‡ä»¶ç¨¿ä»¶ */
.article-info-bz {
    /*margin-bottom: 20px;*/
    padding: 10px 30px;
    background-color: #f4f2f5;
    color: #5f5f5f;
}

.article-info-bz div[class*="col-"] {
    margin: 5px 0;
}

.article-info-bz div[class*="col-"] {
    overflow: hidden;
}

.article-info-bz span {
    float: left;
    min-width: 70px;
}

.article-info-bz {
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.unfold-bz {
    display: block;
    padding: 5px 0;
    letter-spacing: 2px;
    background: #cbe0f3;
    text-align: center;
    color: #666 !important;
}

.unfold-bz:hover {
    background: #b6d4ed;
}

/*åº•éƒ¨æ–°å¢žæ ·å¼*/
.footer .links .dropdown {
    margin-left: 277px;
}

.link-otherweb {
    padding: 0;
    margin: 0;
}

.otherweb-modal .link-otherweb a {
    font-size: 16px;
    width: 33.333%;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 5px 0;
}

@media (max-width: 767px) {
    .footer .links {
        float: none;
    }

    .footer .links li {
        margin: 0;
        width: 50%;
        text-align: center;
    }
}



.ywtb-ul {
    display: flex;
    padding: 0 20px 6px 20px !important
}

.ywtb-ul li {
    flex: 1;
}

.ywtb-ul li a {
    position: relative;
}

.ywtb-ul li a.circle-btn .btn-sm {
    margin: 0;
    width: 45px;
    height: 45px;
    position: relative;
    font-weight: bold;
}

.ywtb-ul li a span {
    position: absolute;
    top: 11px;
    left: 60px;
    font-size: 16px;
}

.tx-ul li {
    list-style: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 2;
    float: left;
}

.tx-ul li i {
    font-size: 22px;
    margin-right: 15px;
}

.tx-ul li:first-child {
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #005ebd;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 44%;
    margin: 0 0 20px 0;
    transform: rotatex(180deg);

}

.tx-ul li:last-child {
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #005ebd;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 44%;
    position: relative;
    z-index: 9;
}

.tx-ul li:first-child i,
.tx-ul li:first-child span {
    display: inline-block;
    transform: rotatex(-180deg);
}

.ywtb-ul li a i {
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 22px !important;
}

.tx-ul:before {
    content: '';
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #c7ddf1;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 180px;
    margin: 0 0 20px 0;
    position: absolute;
    transform: rotatex(180deg);
    left: 25px;
}

.tx-ul:after {
    content: '';
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #c7ddf1;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 180px;
    margin: 0 0 20px 0;
    position: absolute;
    right: 65px;
    z-index: 0;
}

/*.clearfix{
    clear: both;
}*/

.bg-color {
    background: #F5F9FD;
}

/* 
.header-content a {
    display: block;
    width: 512px;
    margin-bottom: 55px;
} */

.header {}

.cfxc-index {
    height: 450px;
}

.header-index .header-content p {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 500;
    color: #FFFFFF;
    max-width: 640px;
    margin-left: 21px;
    line-height: 68px;
}

.header-index .header-content {
    margin-top: 148px;
    margin-bottom: 25px;
}

.header-index .changshou-index .header-content {
    margin-top: 58px;
    margin-bottom: 110px;
}

.header-index .navbar-default {
    background-color: #1177c7;
    border-color: transparent;
    margin-bottom: 0;
}

.header-index .navbar.isStuck {
    background-color: #1177c7;
}

.header-index .banner a {
    float: right;
    background-color: #1177c7;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    margin-top: 30px;
}

.header-index .navbar-default .daohang li a {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 25px 0 !important;
    text-align: center;
}

.header-index .navbar-default .daohang .active {
    background: transparent;
}

.header-index .daohang {
    float: none;
    margin: 0 -23px;
}

.header-index .menu-dh {
    overflow: hidden;
    padding: 0 23px;
}

.header-index .navbar-default .daohang li {
    width: 20%;
    padding: 0 23px;
}

.header-index .navbar-nav li {}

.header-index .navbar-nav li.active,
.header-index .navbar-nav li:hover {
    background: transparent;
}

/* .owl-controls .owl-nav .owl-next:before{
    content: '\e603;';
}
.owl-controls .owl-nav .owl-prev:before{
    content: '\e706';
} */
.header-index .navbar-default .navbar-nav>.active>a,
.header-index .navbar-default .navbar-nav>.active>a:focus,
.header-index .navbar-default .navbar-nav>.active>a:hover,
.header-index .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fff;
}

.header-index .navbar-default .daohang .on a,
.header-index .navbar-default .daohang li a:hover {
    background-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF;
}

.convenience-public h3,
.arr-cy h3 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 65px;
    color: #1177c7;
    padding: 0 185px;
    letter-spacing: 1px;
}

.convenience-public h3 span,
.arr-cy h3 span {
    display: block;
    position: relative;
}

.convenience-public h3 span:before,
.arr-cy h3 span:before {
    content: '';
    background: url(../images/tel01.png) left no-repeat;
    width: 235px;
    display: block;
    background-size: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.convenience-public h3 span:after,
.arr-cy h3 span:after {
    content: '';
    background: url(../images/tel02.png) right no-repeat;
    width: 235px;
    display: block;
    background-size: 100%;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.convenience-public-list li {
    width: 33.333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.convenience-public-list {
    margin: 0 -15px;
    margin-bottom: 18px;
}

.footer {
    margin-top: 0;
}

.convenience-public-list li span {
    height: 220px;
    display: block;
}

.convenience-public-list li a {
    display: block;
    background: #FFFFFF;
}

.convenience-public-list li p {
    margin-bottom: 0;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px;
    color: #333333;
    text-align: center;
    height: 48px;
}

.navbar-default .daohang .active a,
.navbar-default .daohang li a:hover {
    background-color: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF;
}

.convenience-public-list li a:hover p {
    color: #1177c7;

}

.convenience-public-list li span img {
    height: 100%;
    width: 100%;
}

ul {
    padding: 0;
}

.convenience-public {
    margin-top: 30px;
    width: 100%;
}

.convenience-public,
.convenience-public-list {
    overflow: hidden;

}

.convenience-public-list li p em {
    font-weight: 500;
    display: block;
    font-style: normal;
}

.banner2 {
    width: 100%;
    margin: 20px 0;
    margin-left: -15px;
}

.banner img {
    width: 100%;
}

/* åŸŽå¸‚ */
.city-box {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}

.city-box .top-baner {
    display: block;
    margin-bottom: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #fff;
}

.city-sitting {
    padding: 0 30px;
}

.city-sitting-room {
    padding: 0 75px;
    margin-bottom: 40px;
}

.city-sitting-list ul {
    background-color: transparent;
}

.city-sitting-list {
    padding: 0 30px;
    height: 60px;
    background: linear-gradient(270deg, #2f98c3 0%, #1076c9 100%);
}

.city-sitting-list ul li {
    width: 20%;
}

.city-sitting-list ul>li.active>a,
.city-sitting-list ul>li.active>a:focus,
.city-sitting-list ul>li.active>a:hover {
    background-color: transparent;
}

.city-sitting .city-sitting-list ul>li.active>a {
    background-color: #fff !important;
    color: #0f76c8 !important;
    font-weight: bold;
    height: 100%;
    line-height: 43px;
}

.city-sitting .city-sitting-list ul>li.active {
    height: 74px;
    margin-top: -7px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.nav-pills>li+li {
    margin-left: 0;
}

.city-sitting-list ul li a {
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 15px 0px;

}

.title-b h4 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 44px;
    margin: 0;
    text-align: center;
}

.title-b h4 em {
    font-style: normal;
    display: flex;
    justify-content: center;
    width: 100%;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .active {
    display: block;
}

.conting p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: 30px;
    line-height: 32px;
}

.conting h5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 27px;
    margin-top: 50px;
}

.conting {
    padding-right: 35px;
    padding-left: 63px;
    padding-bottom: 20px;
}

.Carouseler-slier {
    margin: 0 -5px;
}

.Carouseler-lt {
    float: left;
    width: 50%;
    height: 390px;
    padding: 0 5px;
}

.Carouseler-rt {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.Carouseler-rt ul li {
    width: 50%;
    height: 190px;
    float: left;
    padding: 0 5px;
    margin-bottom: 9px;
}

.Carouseler-rt ul {
    margin: 0 -5px;
}

.Carouseler-lt img,
.Carouseler-rt img {
    height: 100%;
}

.Carouseler-rt2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.normal-slider .owl-controls .owl-nav {
    top: 30% !important;
}

.normal-slider .owl-controls .owl-nav .owl-next:before {
    content: '\e775';
}

.city-sitting .city-lb .owl-controls .owl-next,
.city-sitting .city-lb .owl-controls .owl-prev {
    background: none !important;
    color: #999;
}

.city-sitting .city-lb .owl-controls .owl-next {
    right: -40px !important;
}

.city-sitting .city-lb .owl-controls .owl-prev {
    left: -40px !important;
    ;
}

.city-sitting .city-lb .owl-controls .owl-next:hover,
.city-sitting .city-lb .owl-controls .owl-prev:hover {
    background: none !important;
    color: #666;
}

.city-sitting .city-lb p {
    text-align: center;
    margin: 10px 0;
}

.Carouseler-rt2 ul li {
    width: 25%;
    height: auto;
}

.Carouseler-rt2 ul li p {
    padding: 10px 0;
    text-align: center;
}

.city-lb .owl-dots {
    display: none !important;
}

.city-sitting .city-lb .owl-controls .owl-next,
.city-sitting .city-lb .owl-controls .owl-prev {
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    font-size: 30px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 0 !important;
}

.city-sitting .city-lb .owl-controls .owl-nav {
    top: 44%;
}

.city-sitting .city-lb .owl-controls .owl-next {
    right: 20px;
}

.city-sitting .city-lb .owl-controls .owl-prev {
    left: 20px;
}

.city-sitting .city-lb {
    margin-top: 44px;
    margin-bottom: 30px;
}

/* é¦–é¡µ */
.Announcement span {
    width: 132px;
    height: 89px;
    background: #E89316;
    text-align: center;
    float: left;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 21px;
    font-size: 16px;
}

.Announcement span .iconfont {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
}

.Announcement {
    overflow: hidden;
    margin-top: 75px;
    background: #F7F8FA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 45px;
}

.Announcement-sider .item a h4 {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-top: 8px;
    margin-bottom: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Announcement-sider .item a p {
    font-weight: 400;
    color: #999999;
    font-size: 12px;
    margin-bottom: 0;
}

.lb-gg {
    float: left;
    width: 1068px;
    padding-left: 39px;
    padding-right: 55px;
    position: relative;
}

.Announcement-sider .owl-controls {
    display: none;
}

.Announcement-sider .item a:hover h4,
.lb-gg .more:hover,
.netcom-ban-rt .moer:hover,
.netcom-ban-list li a:hover span {
    color: #0f76c8;
}

.lb-gg .more {
    font-weight: 400;
    color: #999999;
    font-size: 12px;
    text-align: center;
    right: 27px;
    top: 11px;
}

.arr-cy h3 {
    margin-bottom: 45px;
}

.lb-gg .more .iconfont {
    display: block;
    margin-bottom: 3px;
}

.netcom-ban-lt h5 {
    margin: 0;
    margin-bottom: 29px;
}

.netcom-ban-lt h5 a {
    width: 140px;
    display: block;
    margin: 0 auto;
}

.netcom-ban-lt {
    width: 303px;
    float: left;
    padding-right: 40px;
    border-right: 1px solid #EEEEEE;
}

.netcom-ban-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 59px;
    line-height: 59px;
    border: 1px solid #EEEEEE;
}

.netcom-ban-list li {
    margin-bottom: 40px;
}

.netcom-ban-list li a span {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    vertical-align: middle;
}

.netcom-ban-list li i {
    width: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.netcom-ban-list {
    margin-bottom: 0;
}

.netcom-ban-list li:last-child a {
    padding-left: 20px;
}

.netcom-ban-rt h6 {
    margin: 0;
    font-size: 18px;
    width: 80%;
    font-weight: bold;
    color: #1177c7;
    margin-top: 11px;
    margin-bottom: 34px;
    border-left: 3px solid #1177c7;
    padding-left: 13px;
}

.netcom-ban-list li:last-child {
    margin-bottom: 0;
}

.netcom-ban-rt {
    float: left;
    margin-left: 41px;
    width: 856px;
    position: relative;
}

.netcom-ban {
    display: flex;
}

.netcom-ban-rt .moer {
    font-size: 14px;
    float: right;
    font-weight: 400;
    color: #999999;
}

.serve-img {
    width: 458px;
    height: 412px;
    float: right;
    position: absolute;
    right: 0;
    background-color: #fff;
}

.serve-sliter i {
    float: left;
    margin-top: 3px;
    font-size: 36px;
    color: #0f76c8;
}

.serve-sliter div {
    float: left;
    margin-left: 20px;
    width: calc(100% - 60px);
}

.serve-sliter div h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-top: 0;
    margin-bottom: 7px;
    width: 80%;
}

.serve-sliter div p {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
    color: #999999;
}

.serve {
    float: left;
    width: 53%;
}

.serve-sliter li {
    padding: 19px 0;
    padding-left: 15px;

    margin-bottom: 6px;
}

.serve-sliter li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.serve-sliter li:hover {
    background: linear-gradient(270deg, #2f97c3 0%, #1077c8 100%);
    background-color: #2f97c3;
    position: relative;
}

.serve-sliter li:hover i,
.serve-sliter li:hover h5 {
    color: #fff;
}

.serve-sliter li:hover p {
    color: rgba(255, 255, 255, .7);
}

.serve-sliter li:hover:after {
    content: '';
    background: url(../images/jt.png) right no-repeat;
    width: 33px;
    height: 19px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.wm-box li {
    float: left;
    padding: 0 70px;
    text-align: center;
}

.wm-box {
    display: flex;
    justify-content: center;
    margin-bottom: 31px;
}

.wm-box li p {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-top: 35px;
}

.wm-box img {
    width: 135px;
}

.arr-cy {
    margin-top: 40px;
    overflow: hidden;
}

.ban2 ul li img,
.num ul li img {
    width: 100%;
    height: 100%;
}

.ban2 {
    width: 100%;
    height: 457px;
    position: relative;
    overflow: hidden;
}

.ban2 ul {
    position: absolute;
    left: 0;
    top: 0;
}

.ban2 ul li {
    width: 1200px;
    height: 457px;
    position: relative;
}

.num ul li span {
    height: 124px;
    display: block;

}

.num ul li label {
    margin-bottom: 0;
    text-align: center;
    display: block;
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prev {
    float: left;
    cursor: pointer;
}

.num {
    min-height: 162px;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
}

.min_pic {
    padding-top: 16px;
}

.num ul {
    position: absolute;
    left: 0;
    top: 0;
}

.num ul li {
    width: 205px;
    margin-right: 43px;
}

.num ul li.on span {
    border: 4px solid #1177c7;
    padding: 0;
}

.ban2 ul li p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    color: #F4F7F8;
    text-align: center;
    line-height: 33px;
    letter-spacing: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 25px;
    padding-top: 55px;
    background: linear-gradient(0, rgba(0, 0, 1, .7) 0%, rgba(0, 0, 0, 0) 101%, rgba(0, 0, 0, .55) 100%);
}

.prev1 {
    position: absolute;
    top: 220px;
    background: rgba(0, 0, 0, .35);
    left: 20px;
    width: 38px;
    height: 38px;
    z-index: 9;
    cursor: pointer;
}

.next1 {
    position: absolute;
    top: 220px;
    right: 20px;
    width: 38px;
    height: 38px;
    z-index: 9;
    cursor: pointer;
    background: rgba(0, 0, 0, .35);
}

.prev1 i,
.next1 i {
    font-size: 38px;
    color: #fff;
}

.float-btn-group {
    display: none;
}

.search-cont {
    margin-top: 30px;
    background: #FFFFFF;
    width: 454px;
    border-radius: 10px;
    overflow: hidden;
}

.search-cont input {
    border: none;
    float: left;
    height: 62px;
    padding-left: 40px;
    border-radius: 10px 0 0 10px;
    background: url(../images/ss.png) 10px no-repeat;
    font-size: 20px;
    color: #7A89AC;
}

.search-cont .btn-search {
    height: 62px;
    background: linear-gradient(112deg, #82D0FC 0%, #62B5FF 100%);
    border: none;
    color: #fff;
    width: 115px;
    float: right;
    border-radius: 10px;
    font-size: 20px;
}

.search-cont input:focus {
    outline: none;
    border-color: #E6E8E8 !important;
    background-color: transparent !important;
}

.changshou-index {
    height: 432px;
    background: url(../images/banner.png) top center no-repeat;
    background-size: 100% 100%;
}


.news-panel {
    position: relative;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 4px #ccc;

}

.page-header {
    margin-top: 0;
    border-bottom-width: 1px;
    margin-bottom: 0;
}

.page-header h2 {
    margin-top: 0 !important;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.page-header h2 a {
    font-size: 20px;
    color: #0069c5;
}

.tz-slider {
    margin-left: 20px;
}

.tz-slider h4.title {
    background: none !important;
    color: #333 !important;
    padding-left: 0 !important;
}

.tz-slider .item {
    margin-left: 20px;
    margin-top: 20px;
}

.tz-slider .owl-dot {
    display: none;
}

.tz-slider .owl-controls {
    position: absolute;
    bottom: 0;
    right: 16px
}

.tz-slider .owl-item>.item>a>.title>span {
    width: 86%;
}

.tz-slider {
    border-right: 1px solid #ddd;
}

.tz-slider .item a {
    height: 80px;
    display: block;
}

.tz-slider .item .time {
    margin-top: 20px;
    display: block;
    color: #999;
}

.tz-slider .owl-item>.item>a>.title>span {
    white-space: normal;
    font-size: 16px;
    line-height: 22px;
}

.tz-slider .owl-item>.item>a>.title {
    padding: 0;
}

.tzgg {
    float: left;
}

.tzgg h2 a {
    width: 94px;
    height: 94px;
    font-size: 20px;
    padding: 20px;
    background: #0069c5;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 26px;
    display: inline-block;
}

.bg-red {
    background: #e32428;
}

.bg-green {
    background: #58c307;
}

.bg-blue {
    background: #20a0e4;
}

.share {
    position: fixed;
    top: 30%;
    right: 10px;
}

.share a {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-top: 14px;
    text-align: center;
    padding-top: 10px;
    position: relative;
}

.share a i {
    font-size: 26px;
    color: #fff;
    display: block;
}

.share a:first-child:hover .weixin-ewm {
    display: block;
}

.weixin-ewm {
    position: absolute;
    right: 50px;
    width: 140px;
    top: -20px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 4px;
    display: none;
}

.weixin-ewm span {
    padding: 6px 0;
    display: block;
    text-align: center;
}


ul.sq-news li {
    padding: 13px 0 13px 14px;
    background: url(../images/triangle.png) left center no-repeat;
    border-bottom: 1px dashed #ddd;
    padding: 11px 0 11px 14px !important;
    line-height: 1.5;
    color: #999;
}

ul.sq-news {
    margin-bottom: 0px;
}

ul.sq-news li:last-child {
    border-bottom: none !important;
}

.sqjj a.circle-btn .btn,
.sqjj a.square-btn .btn {
    width: 70px;
    height: 70px;
    margin-top: 17px;
}

.sqjj a.circle-btn p {
    color: #333;
}

.two-main .normal-slider .owl-item img {
    height: 375px;
}

.x-number span {
    position: absolute;
    right: 10px;
    top: 6px;
}

.zwgk-list {
    margin: 10px 0;
    padding: 0;
}

.zwgk-list li {
    padding: 10px 0;
}

i.icon-green {
    color: #29caac;
}

i.icon-blue {
    color: #649ff0;
}

i.icon-orange {
    color: #ff9e00;
}

i.icon-red {
    color: #f03a3a;
}

i.icon-pink {
    color: #ff6b68;
}

.zwgk-list li a {
    color: #333;
}

.zwgk-list li i {
    margin-left: 10px;
    margin-right: 20px;
    font-size: 18px;
}

.sqjj .margin-top a.circle-btn .btn {
    margin-top: 20px;
}

.qa {
    margin-bottom: 20px;
}

.qa .text-primary {
    font-size: 18px;
    margin-bottom: 10px;
    color: #337ab7;
}

.qa i {
    font-size: 20px;
}

.qa .dot {
    margin-left: 30px !important;
}

.swhd-list li {
    font-size: 18px;
    padding: 16px 0;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.swhd-list li a {
    color: #fff;
}

.swhd-list li i {
    font-size: 24px;
    margin-right: 10px;
}

.bg-blued {
    background: #5375ba;
}

.cfxc-index {
    background: url(../images/banner-cfjd.png) top center no-repeat;

    background-size: 100% 100%;
}

.header-index span img,
.cfxc-index span img {
    width: 118px;
    height: 118px;
}

.header-index span,
.cfxc-index span {
    position: absolute;
    top: 46px;
    right: 30px;
}

.cfjg-owl .owl-item img {
    height: 150px;
    object-fit: cover;
}

.sqjj .cfxc-sqjj a.circle-btn .btn {
    margin-top: 5px;
}

.cfxc-zwgk-list li {
    padding: 6.2px 0;
}

.re-sliders-foteer .item img {
    height: 170px;
}

.re-sliders-foteer .owl-dots {
    display: none !important;
}

.re-sliders-foteer .owl-controls .owl-nav .owl-prev,
.re-sliders-foteer .owl-controls .owl-nav .owl-next {
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: rgba(0, 0, 0, .2);
}

.re-sliders-foteer .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.re-sliders-foteer .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.nonmaterial {
    margin: 0;
}

.nonmaterial h3 {
    margin-top: 20px;
}

.re-sliders-foteer {
    margin-bottom: 35px;
}

.re-sliders-foteer .item a:hover p {
    color: #1177C7;
}

.re-sliders-foteer .item p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 0;
    text-align: center;
    margin-top: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.ycl-owl .owl-nav div {
    position: absolute;
    top: 40%;
}

.ycl-owl .owl-nav .owl-prev {
    left: 0;
}

.ycl-owl .owl-nav .owl-next {
    right: 0;
}

.ycl-owl .owl-item img {
    height: 100px;
    object-fit: cover;
}

.ycl-owl .owl-item h4 {
    font-size: 14px;
}

.ycljd-index {
    background: url(../images/banner-ycljd.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.white-bg {
    background-color: #fff;
}

.gq-index {
    background: url(../images/banner-gq.jpg) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.sq-index {
    background: url(../images/banner05.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.re-sliders-sq .owl-stage {
    margin: 0px auto;
}

.zrz-index {
    background: url(../images/banner07.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.zrz-index .genuinely {
    margin-top: 26px;
}

.zrz-index .header-content a {
    display: block;
    width: 512px;
    margin-bottom: 25px;
}

.wm-box {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 31px;
}

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
}

.flex-center {
    display: flex;
    justify-content: center;
}

i.icon-purple {
    color: #7d73f0;
}

.cz-index {
    background: url(../images/banner04.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.characteristic-ts-specile-rt {
    box-shadow: 0px 0px 8px 0px #5CA4E819;
    padding: 30px 58px;
    margin-bottom: 36px;
}

.characteristic-ts-specile-lt {
    padding: 29px;
}

.characteristic-ts-specile-rt h5 {
    margin: 0;
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0px;
    text-align: center;
}

.characteristic-ts-specile-rt h5 span {
    position: relative;
    padding-bottom: 10px;
}

.characteristic-ts-specile-rt h5 span:after {
    content: '';
    width: 95px;
    height: 2px;
    background: #0F76C8;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.characteristic-ts-specile-rt ul {
    margin: 0 -15px;
    margin-top: 40px;
}

.characteristic-ts-specile-rt ul li {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.characteristic-ts-specile-lt ul li {
    width: 100%;
}

.characteristic-ts-specile-rt ul li a p {
    color: #333333;
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.characteristic-ts-specile-rt ul li a span img {
    height: 170px;
    width: 100%;
}

.characteristic-ts-specile3 ul li {
    width: 33.3333%;
}

.tp-index {
    background: url(../images/banner06.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.wlz-index {
    background: url(../images/banner01.png) top center no-repeat;
    background-size: 100% 100%;
    height: 450px;
}

.cyxq-header {
    background: url(../images/banner-cyxq.png) top center no-repeat;
    background-size: 100% 100%;

}

.cyxq-header .search-cont {
    background: #FFFFFF;
    width: 454px;
    border-radius: 10px;
    overflow: hidden;
    float: right;
    margin-top: 0px;
}

.cyxq-header .search-cont input {
    border: none;
    float: left;
    height: 62px;
    padding-left: 40px;
    border-radius: 10px 0 0 10px;

    font-size: 20px;
    color: #7A89AC;
}

.cyxq-header .header-content {
    margin-bottom: 110px;
    float: left;
    margin-top: 0px;
}

.cyxq-header .header-content a {
    display: block;
    width: 512px;
    margin-bottom: 55px;
}

.cyxq-header .search-cont .btn-search {
    height: 62px;
    background: linear-gradient(112deg, #db3729 0%, #9C0F03 100%);
    border: none;
    color: #fff;
    width: 115px;
    float: right;
    border-radius: 10px;
    font-size: 20px;
}

.cyxq-header .header-content p {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 500;
    color: #FFFFFF;
    max-width: 640px;
    margin-left: 21px;
    line-height: 68px;
}

.iphone-ghb-style a {
    float: right;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
    margin-top: 30px;
    color: #9C0F03;
    margin-bottom: 30px;
}

.cyxq-header .navbar-default {
    background-color: #9C0F03;
    border-color: transparent;
    margin-bottom: 0;

}

.cyxq-header .wza {
    overflow: hidden;
    position: relative;
}

.main-cyxq .netcom-ban-rt h6 {
    color: #B01204;
    border-left: 3px solid #B01204;
}

.main-cyxq .serve-sliter li:hover {
    background: linear-gradient(270deg, #C51706 0%, #B11809 100%);
    background-color: red;
    position: relative;
}

.main-cyxq .convenience-public h3 span,
.main-cyxq .arr-cy h3 span,
.main-cyxq .serve-sliter i {
    color: #B01204;
}

.main-cyxq .convenience-public h3 span:before,
.main-cyxq .arr-cy h3 span:before {
    background: url(../images/tel1.png) left no-repeat;
    background-size: 100%;
}

.main-cyxq .convenience-public h3 span:after,
.main-cyxq .arr-cy h3 span:after {
    background: url(../images/tel2.png) left no-repeat;
    background-size: 100%;
}

.cyxq-header .navbar.isStuck {

    background-color: #B01204;
}

.float-btn-group a i {
    color: #fff;
}



.head-cyxq .navbar.navbar-inverse {
    position: absolute;
    z-index: 101;
    width: 100%;
    margin: 0;
    min-height: 80px;
    background-color: #0069c5;
    border-color: #0069c5;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

#weibo_pos img {
    display: inline-block;
}

@media (min-width: 1260px) {
    .container {
        width: 1230px;
    }
}

@media (max-width: 1259px) {
    .lb-gg {
        width: 1008px;
    }

    .serve {
        width: 50%;
    }

    .num ul li {
        width: 193px;
    }

    .ban2 ul li {
        width: 1140px;
    }
}

@media (max-width: 1199px) {
    .convenience-public-list li span {
        height: 180px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        padding: 0 120px;
    }

    .Carouseler-lt {
        height: 330px;
    }

    .Carouseler-rt ul li {
        height: 160px;
    }

    .lb-gg {
        width: 808px;
    }

    .serve {
        width: 38%;
    }

    .netcom-ban-rt h6 {
        width: 70%;
    }

    .serve-sliter li {
        padding-left: 3px;
    }

    .preview a {
        padding: 0 10px !important;
    }

    .preview {
        margin: 0 -10px !important;
        margin-top: 16px !important;
    }

    .preview img {
        height: 117px !important;
    }

    .city-sitting-room {
        padding: 0 30px;
    }

    .ban2 ul li {
        width: 940px;
    }

    .num ul li {
        width: 172px;
        margin-right: 20px;
    }

}

@media (max-width: 991px) {
    .convenience-public-list li span {
        height: 140px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        padding: 0px;
    }

    .Carouseler-lt {
        height: 255px;
    }

    .Carouseler-rt ul li {
        height: 123px;
    }

    .conting {
        padding-left: 0;
        padding-right: 0;
    }

    .lb-gg {
        width: 588px;
    }

    .netcom-ban {
        overflow: hidden;
        display: block;
    }

    .netcom-ban-lt {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    .changshou-index {
        height: 355px;
    }

    .netcom-ban-rt {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .serve {
        width: 45%;
    }

    .wm-box li {
        padding: 0 30px;
    }

    .preview a {
        padding: 0 5px !important;
    }

    .preview {
        margin: 0 -5px !important;
        margin-top: 16px !important;
    }

    .preview img {
        height: 94px !important;
    }

    .slider__item img {
        height: 375px !important;
    }

    .city-sitting-room {
        padding: 0;
    }

    .ban2 ul li {
        width: 720px;
        height: 385px;
    }

    .ban2 {
        height: 385px;
    }

    .num ul li {
        width: 128px;
    }

    .num ul li span {
        height: 100px;
    }

    .cfxc-index span {
        display: none;
    }

    .header-index {
        height: auto;
    }
}

@media (max-width: 767px) {
    .white-bg .ma-infinitypush-wrapper .ma-infinitypush-button {
        box-shadow: inset 0 4px #1177c7, inset 0 6px white, inset 0 9px #1177c7, inset 0 11px white, inset 0 14px #1177c7, inset 0 16px white !important;


    }

    .Carouseler-rt2 ul li {
        width: 50%;
    }

    #mobile-navigation {
        margin: 0;
        background: #1177c7;
    }

    .banner a {
        display: none;
    }

    .ma-infinitypush-wrapper .ma-infinitypush>ul,
    .ma-infinitypush-wrapper .ma-infinitypush>ol {
        border-bottom: 1px solid #099 !important;
        padding: 15px !important;
    }

    .daohang li,
    .ma-infinitypush-wrapper .ma-infinitypush ul,
    .ma-infinitypush-wrapper .ma-infinitypush ol {
        width: 100% !important;
    }

    .daohang li a {
        text-align: center;
    }

    .daohang .active a {
        background-color: rgba(255, 255, 255, 0.28);
    }

    .menu-dh {
        padding: 0px;
    }

    .header-index .navbar-default {
        background-color: transparent;
        min-height: auto;
    }

    .convenience-public-list li {
        width: 50%;
    }

    .convenience-public-list li span {
        height: 210px;
    }

    .navbar.isStuck {
        background-color: transparent;
        box-shadow: none;
    }

    .convenience-public {
        margin-top: 0;
    }

    .changshou-index {
        background-size: cover;
    }

    .city-box,
    .Announcement {
        margin-top: 40px;
    }

    .Carouseler-lt,
    .Carouseler-rt {
        width: 100%;
    }

    .Carouseler-lt {
        height: 350px;
        margin-bottom: 10px;
    }

    .Carouseler-rt ul li {
        height: 200px;
    }

    .Announcement {
        display: block;
    }

    .Announcement span,
    .lb-gg,
    .serve,
    .netcom-ban-rt h6 {
        width: 100%;
    }

    .Announcement span {
        height: auto;
        padding: 10px 0;
    }

    .lb-gg {
        padding-top: 8px;
        padding-bottom: 10px;
    }

    .lb-gg .more {
        right: 27px;
        top: 50%;
        transform: translateY(-50%);
    }

    .serve-img {
        width: 100%;
        height: 100%;
        position: static;
    }

    .wm-box li {
        padding: 0 10px;
    }

    .preview {
        display: none;
    }

    .slider__item img {
        height: 318px !important;
    }
}

@media (max-width:680px) {
    .convenience-public-list li span {
        height: 170px;
    }

    .convenience-public h3 span:before,
    .convenience-public h3 span:after,
    .arr-cy h3 span:before,
    .arr-cy h3 span:after {
        width: 140px;
    }

    .Carouseler-lt {
        height: 310px;
    }

    .Carouseler-rt ul li {
        height: 170px;
    }

}

@media (max-width:580px) {
    .header-index .header-content a {
        width: 100%;
    }

    .convenience-public-list li span {
        height: 150px;
    }

    .Carouseler-lt {
        height: 285px;
    }

    .Carouseler-rt ul li {
        height: 150px;
    }

    .search-cont {
        width: 390px;
    }

    .changshou-index {
        height: 245px;
    }
}

@media (max-width:480px) {
    .convenience-public-list li {
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .arr-cy {
        margin-top: 0;
    }

    .header-index .header-content p {
        font-size: 22px;
        margin-left: 0;
        text-align: justify;
    }

    .convenience-public-list {
        margin: 0 -10px;
        margin-bottom: 25px;
    }

    .convenience-public-list li span {
        height: 120px;
    }

    .convenience-public-list li p {
        padding: 0 10px;
        padding-bottom: 20px;
        margin-top: 14px;
    }

    .serve-sliter i {
        font-size: 28px;
        margin-top: 8px;
    }

    .convenience-public-list li a {
        padding-bottom: 10px;
    }

    .convenience-public h3 span:before,
    .convenience-public h3 span:after,
    .arr-cy h3 span:before,
    .arr-cy h3 span:after {
        width: 95px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .header-index .header-content a {
        margin-bottom: 20px;
    }

    .header-index .header-content p {
        line-height: 50px;
    }

    .header-index .header-content {
        margin-bottom: 0;
        margin-top: 90PX;
    }

    .header-index .header span img {
        width: 70px;
        height: 70px;
    }

    .header-index .header span {
        right: auto;
        left: 10px;
        top: 10px;
    }

    #main {
        margin-top: 0px;
    }

    .Carouseler-lt {
        height: 215px;
    }

    .Carouseler-rt ul li {
        height: 125px;
    }

    .city-sitting {
        padding: 0;
    }

    .title-b h4 {
        font-size: 22px;
        line-height: 31px;
    }

    .Carouseler-lt {
        height: 185px;
    }

    .Carouseler-rt ul li {
        height: 105px;
    }

    .conting p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .conting h5 {
        font-size: 18px;
    }

    .lb-gg {
        padding-left: 25px;
    }

    .lb-gg .more {
        right: 25px;
    }

    .wm-box li {
        padding: 0 5px;
    }

    .serve-sliter li {
        padding: 12px 0;
        padding-left: 15px;
    }

    .netcom-ban-list li a {
        height: 50px;
        line-height: 50px;
    }

    .netcom-ban-rt h6 {
        margin-bottom: 20px;
    }

    .wm-box li p {
        font-size: 14px;
        margin-top: 13px;
    }

    .wm-box {
        margin-top: 30px;
    }

    .city-sitting-list {
        padding: 0;
        display: flex;
        align-items: center;    }

    .city-sitting-list ul li a {
        padding: 0;
    }

    .city-sitting-list ul {
        display: flex;
        align-items: center;
    }

    .city-sitting-list ul li a {
        font-size: 14px!important;
    }

    .slider__item img {
        height: 215px !important;
    }

    .slider__item p {
        font-size: 20px !important;
    }

    .search-cont {
        margin-left: 0;
        width: 100%;
    }

    .search-cont input {
        font-size: 16px;
    }

    .search-cont .btn-search {
        width: 85px;
        font-size: 16px;
    }

    .banner a {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .changshou-index {
        height: 210px;
    }
}

@media (max-width:380px) {
    .convenience-public-list li span {
        height: 100px;
    }

}

@media (max-width:349px) {
    .city-sitting-list {
        padding: 0;
        height: 77px;
    }

    .city-sitting .city-sitting-list ul>li.active {
        height: 90px;
    }

    .city-sitting .city-sitting-list ul>li.active>a {
        line-height: 33px;
    }

    .search-cont input {

        width: 70%;
    }
}

@media (max-width: 1200px) {
    .tx-ul li {
        width: 50% !important;
    }

    .tx-ul:after {
        right: -10px;
    }

    .ywtb-ul li a span {
        right: 0px;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .tx-ul {
        padding-right: 30px;
    }

    .tx-ul:after {
        right: 17px;
    }

    .ywtb-ul li a span {
        right: 25px;
    }

    .ywtb-right {
        clear: both;
    }
}

@media (max-width: 767px) {
    .ywtb-ul {
        display: block;
    }

    .ywtb-ul li {
        width: 33.33%;
        float: left;
        margin-bottom: 20px !important;
    }

    .header-index .header {
        height: 300px;
    }

}

.padding-foot2 {
    padding: 2px 0 !important;
}

@media(max-width:1199px) {
    .col40 {
        width: 48% !important;
    }
}

@media(max-width:991px) {
    .padding-foot2 {
        padding: 0 !important;
    }

    .padding-foot2 span {
        width: 5% float:left;
    }

    .padding-foot2 span img {
        width: auto;
    }
}

@media(max-width:480px) {
    .padding-foot2 span img {
        width: auto;
    }

    .padding-foot span {
        width: auto;
        float: none;
    }
}

@media (max-width: 480px) {
    .ywtb-ul li a span {
        right: 0px;

    }

    .tx-ul li {
        width: 100% !important;
    }

    .tx-ul:after {
        bottom: 160px;
    }
}

/*çŸ³æ³‰è·¯è¡—é“*/
.sqhd {
    display: flex;
}

/* æ— éšœç¢ã€å…³æ€€ç‰ˆ */
.wza {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    margin-top: 30px;
    right: 0 !important;
    float: right;
    background: #9C0F03;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.69);
}

.wza li {
    float: left;
}

.wza a {
    display: inline-block;
    width: auto;
    border-right: 1px solid rgba(255, 255, 255, .3);
    padding: 10px 21px;
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.wza-ghbr {
    overflow: hidden;
}

.margin-top60-sy {
    margin-top: 60px;
    background: #32ABF9;
}

.changshou-index00 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seach-flex {
    width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.changshou-index00 .wza {
    margin-top: 0;
    background: #32ABF9;
    margin-bottom: 0;
}

.changshou-index00 .search-cont {
    margin-top: 0;
}

@media (min-width: 1260px) {
    .container {
        width: 1230px;
    }
}

@media (max-width: 1510px) {
    .margin-top60-sy {
        float: left;
    }
}

@media (max-width: 1259px) {
    .lb-gg {
        width: 1008px;
    }

    .serve {
        width: 50%;
    }

    .num ul li {
        width: 193px;
    }

    .ban2 ul li {
        width: 1140px;
    }
}

@media (max-width: 1199px) {
    .convenience-public-list li span {
        height: 180px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        padding: 0 120px;
    }

    .Carouseler-lt {
        height: 330px;
    }

    .Carouseler-rt ul li {
        height: 160px;
    }

    .lb-gg {
        width: 808px;
    }

    .serve {
        width: 38%;
    }

    .netcom-ban-rt h6 {
        width: 70%;
    }

    .serve-sliter li {
        padding-left: 3px;
    }

    .preview a {
        padding: 0 10px !important;
    }

    .preview {
        margin: 0 -10px !important;
        margin-top: 16px !important;
    }

    .preview img {
        height: 117px !important;
    }

    .city-sitting-room {
        padding: 0 30px;
    }

    .ban2 ul li {
        width: 940px;
    }

    .num ul li {
        width: 172px;
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .convenience-public-list li span {
        height: 140px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        padding: 0px;
    }

    .Carouseler-lt {
        height: 255px;
    }

    .Carouseler-rt ul li {
        height: 123px;
    }

    .conting {
        padding-left: 0;
        padding-right: 0;
    }

    .lb-gg {
        width: 588px;
    }

    .netcom-ban {
        overflow: hidden;
        display: block;
    }

    .netcom-ban-lt {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    .changshou-index {
        height: 355px;
    }

    .netcom-ban-rt {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .serve {
        width: 45%;
    }

    .wm-box li {
        padding: 0 30px;
    }

    .preview a {
        padding: 0 5px !important;
    }

    .preview {
        margin: 0 -5px !important;
        margin-top: 16px !important;
    }

    .preview img {
        height: 94px !important;
    }

    .slider__item img {
        height: 375px !important;
    }

    .city-sitting-room {
        padding: 0 !important;
    }

    .ban2 ul li {
        width: 720px;
        height: 385px;
    }

    .ban2 {
        height: 385px;
    }

    .num ul li {
        width: 128px;
    }

    .num ul li span {
        height: 100px;
    }

    .cfxc-index span {
        display: none;
    }

    .header-index {
        height: auto;
    }
}

@media (max-width: 767px) {
    .white-bg .ma-infinitypush-wrapper .ma-infinitypush-button {
        box-shadow: inset 0 4px #1177c7, inset 0 6px white, inset 0 9px #1177c7, inset 0 11px white, inset 0 14px #1177c7, inset 0 16px white !important;
    }

    .Carouseler-rt2 ul li {
        width: 50%;
    }

    #mobile-navigation {
        margin: 0;
        background: #1177c7;
    }

    .banner a {
        display: none;
    }

    .ma-infinitypush-wrapper .ma-infinitypush>ul,
    .ma-infinitypush-wrapper .ma-infinitypush>ol {
        border-bottom: 1px solid #099 !important;
        padding: 15px !important;
    }

    .daohang li,
    .ma-infinitypush-wrapper .ma-infinitypush ul,
    .ma-infinitypush-wrapper .ma-infinitypush ol {
        width: 100% !important;
    }

    .daohang li a {
        text-align: center;
		color: #222;
		padding: 20px!important;
    }

    .daohang .active a {
        background-color: rgba(255, 255, 255, 0.28);
		color: #fff;
    }

    .menu-dh {
        padding: 0px;
    }

    .header-index .navbar-default {
        background-color: transparent;
        min-height: auto;
    }

    .convenience-public-list li {
        width: 50%;
    }

    .convenience-public-list li span {
        height: 210px;
    }

    .navbar.isStuck {
        background-color: transparent;
        box-shadow: none;
    }

    .convenience-public {
        margin-top: 0;
    }

    .changshou-index {
        background-size: cover;
    }

    .city-box,
    .Announcement {
        margin-top: 40px;
    }

    .Carouseler-lt,
    .Carouseler-rt {
        width: 100%;
    }

    .Carouseler-lt {
        height: 350px;
        margin-bottom: 10px;
    }

    .Carouseler-rt ul li {
        height: 200px;
    }

    .Announcement {
        display: block;
    }

    .Announcement span,
    .lb-gg,
    .serve,
    .netcom-ban-rt h6 {
        width: 100%;
    }

    .Announcement span {
        height: auto;
        padding: 10px 0;
    }

    .lb-gg {
        padding-top: 8px;
        padding-bottom: 10px;
    }

    .lb-gg .more {
        right: 27px;
        top: 50%;
        transform: translateY(-50%);
    }

    .serve-img {
        width: 100%;
        height: 100%;
        position: static;
    }

    .wm-box li {
        padding: 0 10px;
    }

    .preview {
        display: none;
    }

    .slider__item img {
        height: 318px !important;
    }
}

@media (max-width:680px) {
    .convenience-public-list li span {
        height: 170px;
    }

    .convenience-public h3 span:before,
    .convenience-public h3 span:after,
    .arr-cy h3 span:before,
    .arr-cy h3 span:after {
        width: 140px;
    }

    .Carouseler-lt {
        height: 310px;
    }

    .Carouseler-rt ul li {
        height: 170px;
    }
}

@media (max-width:580px) {
    .header-index .header-content a {
        width: 100%;
    }

    .convenience-public-list li span {
        height: 150px;
    }

    .Carouseler-lt {
        height: 285px;
    }

    .Carouseler-rt ul li {
        height: 150px;
    }

    .search-cont {
        width: 390px;
    }

    .changshou-index {
        height: 245px;
    }
}

@media (max-width: 550px) {
    .header .wza {
        right: 0 !important;
    }
}

@media (max-width: 1200px) {
    .tx-ul li {
        width: 50% !important;
    }

    .tx-ul:after {
        right: -10px;
    }

    .ywtb-ul li a span {
        right: 0px;
        font-size: 13px;
    }
}

.padding-foot2 {
    padding: 2px 0 !important;
}

@media(max-width:1199px) {
    .col40 {
        width: 48% !important;
    }
}

@media(max-width:991px) {
    .padding-foot2 {
        padding: 0 !important;
    }

    .padding-foot2 span {
        width: 5% float:left;
    }

    .padding-foot2 span img {
        width: auto;
    }

    .changshou-index00,
    .seach-flex {
        display: block;
    }

    .seach-flex a {
        display: block;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer .links {
        float: none;
    }

    .footer .links li {
        margin: 0;
        width: 50%;
        text-align: center;
    }

    .tx-ul {
        padding-right: 30px;
    }

    .tx-ul:after {
        right: 17px;
    }

    .ywtb-ul li a span {
        right: 25px;
    }

    .ywtb-right {
        clear: both;
    }

    .ywtb-ul {
        display: block;
    }

    .ywtb-ul li {
        width: 33.33%;
        float: left;
        margin-bottom: 20px !important;
    }

    .header-index .header {
        height: 300px;
    }

    .margin-top60-sy {
        float: right;
    }

    .changshou-index00 .wza a {
        padding: 5px 15px;
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    .wza-ghbr .wza {
        margin-bottom: 30px !important;
        right: 0 !important;
        top: 20px;
    }

    .wza a {
        padding: 5px 15px;
        font-size: 16px;
    }

    .cyxq-index .wza-ghbr .wza a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .seach-flex {
        width: 100%;
    }

    .changshou-index .seach-flex .search-cont {
        margin-top: 10px !important;
    }

    .seach-flex a {
        margin-bottom: 10px;
    }
}

@media (max-width:480px) {
    .convenience-public-list li {
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .arr-cy {
        margin-top: 0;
    }

    .header-index .header-content p {
        font-size: 22px;
        margin-left: 0;
        text-align: justify;
    }

    .convenience-public-list {
        margin: 0 -10px;
        margin-bottom: 25px;
    }

    .convenience-public-list li span {
        height: 120px;
    }

    .convenience-public-list li p {
        padding: 0 10px;
        padding-bottom: 20px;
        margin-top: 14px;
    }

    .serve-sliter i {
        font-size: 28px;
        margin-top: 8px;
    }

    .convenience-public-list li a {
        padding-bottom: 10px;
    }

    .convenience-public h3 span:before,
    .convenience-public h3 span:after,
    .arr-cy h3 span:before,
    .arr-cy h3 span:after {
        width: 95px;
    }

    .convenience-public h3,
    .arr-cy h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .header-index .header-content a {
        margin-bottom: 20px;
    }

    .header-index .header-content p {
        line-height: 50px;
    }

    .header-index .header-content {
        margin-bottom: 0;
        margin-top: 90PX;
    }

    .header-index .header span img {
        width: 70px;
        height: 70px;
    }

    .header-index .header span {
        right: auto;
        left: 10px;
        top: 10px;
    }

    #main {
        margin-top: 0px;
    }

    .Carouseler-lt {
        height: 215px;
    }

    .Carouseler-rt ul li {
        height: 125px;
    }

    .city-sitting {
        padding: 0;
    }

    .title-b h4 {
        font-size: 22px;
        line-height: 31px;
    }

    .Carouseler-lt {
        height: 185px;
    }

    .Carouseler-rt ul li {
        height: 105px;
    }

    .conting p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .conting h5 {
        font-size: 18px;
    }

    .lb-gg {
        padding-left: 25px;
    }

    .lb-gg .more {
        right: 25px;
    }

    .wm-box li {
        padding: 0 5px;
    }

    .serve-sliter li {
        padding: 12px 0;
        padding-left: 15px;
    }

    .netcom-ban-list li a {
        height: 50px;
        line-height: 50px;
    }

    .netcom-ban-rt h6 {
        margin-bottom: 20px;
    }

    .wm-box li p {
        font-size: 14px;
        margin-top: 13px;
    }

    .wm-box {
        margin-top: 30px;
    }

    .city-sitting-list {
        padding: 0;
    }

    .city-sitting-list ul li a {
        padding: 15px 2px;
    }

    .city-sitting-list ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .city-sitting-list ul li a {
        font-size: 18px;
    }

    .slider__item img {
        height: 215px !important;
    }

    .slider__item p {
        font-size: 20px !important;
    }

    .search-cont {
        margin-left: 0;
        width: 100%;
    }

    .search-cont input {
        font-size: 16px;
    }

    .search-cont .btn-search {
        width: 85px;
        font-size: 16px;
    }

    .banner a {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .changshou-index {
        height: 210px;
    }
}

@media (max-width: 480px) {
    .ywtb-ul li a span {
        right: 0px;
    }

    .padding-foot2 span img {
        width: auto;
    }

    .padding-foot span {
        width: auto;
        float: none;
    }

    .tx-ul li {
        width: 100% !important;
    }

    .tx-ul:after {
        bottom: 160px;
    }
}

@media (max-width:380px) {
    .convenience-public-list li span {
        height: 100px;
    }
}

@media (max-width:349px) {
    .city-sitting-list {
        padding: 0;
        height: 77px;
    }

    .city-sitting .city-sitting-list ul>li.active {
        height: 90px;
    }

    .city-sitting .city-sitting-list ul>li.active>a {
        line-height: 33px;
    }

    .search-cont input {
        width: 70%;
    }
}


/*æ— éšœç¢*/
.wza-ghb-two {
    color: #0069c5;
    overflow: hidden;
    background: #007AC9;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.69);
    margin-top: 20px;
    margin-left: 15px;
    float: right;
    padding: 0;
    margin-bottom: 0;
}

.wza-ghb-two li {
    float: left;
}

.wza-ghb-two li a {
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    padding: 9px 18px;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.wza-ghb-two li:last-child a {
    border-right: none;
}

.ghb-iphone {
    background: #007AC9;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.69);
    font-size: 14px;
    float: right;
    margin-top: 22px;
    margin-left: 10px;
}

.ghb-iphone a {
    margin-top: 0;
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    display: block;
    margin-left: 0;
}

@media (min-width: 768px) {
    .ghb-iphone {
        display: none;
    }
}

@media (max-width: 600px) {
    .ghb-iphone {
        margin-top: 11px;
    }
}

@media (max-width: 480px) {
    .header-ico a {
        margin-left: 0;
    }

    .navbar-inverse h1 a {
        font-size: 18px;
    }

    .ghb-iphone {
        margin-left: 0;
		margin-right: 20px;
    }

    .ghb-iphone a {
        padding: 2px 4px;
    }
}


.ywtb-ul {
    display: flex;
    padding: 0 20px 6px 20px !important
}

.ywtb-ul li {
    flex: 1;
}

.ywtb-ul li a {
    position: relative;
}

.ywtb-ul li a.circle-btn .btn-sm {
    margin: 0;
    width: 45px;
    height: 45px;
    position: relative;
    font-weight: bold;
}

.ywtb-ul li a span {
    position: absolute;
    top: 11px;
    left: 60px;
    font-size: 16px;
}

.tx-ul li {
    list-style: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 2;
    float: left;
}

.tx-ul li i {
    font-size: 22px;
    margin-right: 15px;
}

.tx-ul li:first-child {
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #005ebd;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 44%;
    margin: 0 0 20px 0;
    transform: rotatex(180deg);

}

.tx-ul li:last-child {
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #005ebd;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 44%;
    position: relative;
    z-index: 9;
}

.tx-ul li:first-child i,
.tx-ul li:first-child span {
    display: inline-block;
    transform: rotatex(-180deg);
}

.ywtb-ul li a i {
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 22px !important;
}

.tx-ul:before {
    content: '';
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #c7ddf1;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 180px;
    margin: 0 0 20px 0;
    position: absolute;
    transform: rotatex(180deg);
    left: 25px;
}

.tx-ul:after {
    content: '';
    border-radius: .5em .5em.5em .5em;
    border-bottom: 35px solid #c7ddf1;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    height: 0;
    width: 180px;
    margin: 0 0 20px 0;
    position: absolute;
    right: 65px;
    z-index: 0;
}

/*.clearfix{
    clear: both;
}*/
@media (max-width: 1200px) {
    .tx-ul li {
        width: 50% !important;
    }

    .tx-ul:after {
        right: -10px;
    }

    .ywtb-ul li a span {
        right: 0px;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .tx-ul {
        padding-right: 30px;
    }

    .tx-ul:after {
        right: 17px;
    }

    .ywtb-ul li a span {
        right: 25px;
    }

    .ywtb-right {
        clear: both;
    }
}

@media (max-width: 767px) {
    .ywtb-ul {
        display: block;
    }

    .ywtb-ul li {
        width: 33.33%;
        float: left;
        margin-bottom: 20px !important;
    }

}

.padding-foot2 {
    padding: 2px 0 !important;
}

@media(max-width:1199px) {
    .col40 {
        width: 48% !important;
    }
}

@media(max-width:991px) {
    .padding-foot2 {
        padding: 0 !important;
    }

    .padding-foot2 span {
        width: 5% float:left;
    }

    .padding-foot2 span img {
        width: auto;
    }
}


@media (max-width: 480px) {
    .ywtb-ul li a span {
        right: 0px;

    }

    .padding-foot2 span img {
        width: auto;
    }

    .padding-foot span {
        width: auto;
        float: none;
    }

    .tx-ul li {
        width: 100% !important;
    }

    .tx-ul:after {
        bottom: 160px;
    }
}


.preview {
    display: flex;
    justify-content: center;
}

.article-footer {
    padding: 20px;
}

.article-footer .labels span {
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
}

.article-footer .labels span+span {
    margin-left: 5px;
}

.article-footer .labels {
    width: calc(100% - 162px);
    float: left;
    margin-top: 2px;
}

.article-footer .labels span.l-org {
    background-color: #fff2ec;
    color: #fc7a43;
}

.article-footer .labels span.l-brown {
    background-color: #fff7ed;
    color: #c6ad7b;
}

.article-footer .labels span.l-blue {
    background-color: #e1f1ff;
    color: #0068c3;
}

.article-footer .editbtn {
    display: flex;
    align-items: center;
}

.article-footer .editbtn button {
    border: 1px solid #0169C4;
    color: #0169C4;
    padding: 6px 14px;
    background: #fff;
    font-size: 12px;
    margin-left: 10px;
}

.article-footer .editbtn button.current {
    border: 1px solid #f08f26;
    color: #f08f26;
}

.disnone {
    display: none;
}

.PicList-fl li {
    display: inline-block;
    text-align: center;
    width: 33%;
}

ul.PicList-fl li p.title {
    border-left: none;
}

ul.PicList-fl li p.title {
    height: 20px;
}

ul.PicList-fl li p.date {
    margin-left: 0;
}

.serve-img-list{

margin-left: -5px;

margin-right: -5px;
}
.serve-img-list li{

padding-left: 5px;

padding-right: 5px;
}
.serve-img-list li a{

display: block;

position: relative;
}
.serve-img-list li a img{
    
}
.serve-img-list li a p{
    
position: absolute;
    
bottom: 0px;
    
text-align: center;
    
font-weight: 500;
    
font-size: 13px;
    
color: #FFFFFF;
    
line-height: 15px;
    
width: 100%;
}
ul.serve-text-list{

}
ul.serve-text-list li{
    position: relative;
    padding: 17px 0px 17px 15px!important;
}
ul.serve-text-list li::before{
    content: '';
    width: 6px;
    height: 6px;
    background: #DEDEDE;
    position: absolute;
    left: 0px;
    top: 22px;
}
ul.serve-text-list li:nth-child(1):before,
ul.serve-text-list li:nth-child(2):before{
    width: 28px;
    height: 28px;
    background: url(../images/hot-icon.png) no-repeat;
    background-size: 100% 100%;
    top: 10px;
    left: 0px;
}
ul.serve-text-list li a{
    
font-weight: 400;
    
font-size: 16px;
    
color: #333333;
    
line-height: 19px;
}
ul.serve-text-list li span.time{

font-weight: 400;

font-size: 14px;

color: #999999;

line-height: 16px;

top: 18px;
}
ul.serve-text-list li:nth-child(1) a,
ul.serve-text-list li:nth-child(2) a{
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    line-height: 20px;
    padding-left: 15px;
    margin-bottom: 0px;
}

.serve-img  h6{width: 100%;
    padding-right: 25px;
}

.footer-ewm-0618 img{
    width: 68px;
}