@charset "UTF-8";
body {
    color: #666;
    font-style: normal;
    font-family: "SourceHanSansCN-Light", "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti-Light", "WenQuanYi Micro Hei", "Arial", "SimSun", "sans-serif";
    font-size: 14px;
    line-height: 1.45;
    background-color: #f8f8f8
}

* {
    margin: 0;
    padding: 0
}

a, input, button {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

ul li {
    list-style: none
}

p {
    margin: 0
}

.mb8 {
    margin-bottom: 8px
}

.hbox {
    display: -webkit-box!important;
    display: -ms-box!important;
    display: -moz-box!important;
    display: box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: -moz-flex!important;
    display: -ms-flex!important;
    display: flex!important;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

.hbox.box-v-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    -o-align-items: center;
    align-items: center
}

button {
    border: 0;
    outline: 0
}

.modal-header {
    height: 59px
}

.close {
    font-size: 30px;
    font-weight: normal
}

.modal-header .close {
    margin: 20px 15px 0 0;
    background-image: url("../img/close.svg");
    background-repeat: no-repeat;
    background-size: 21px 21px;
    width: 21px;
    height: 21px
}

button.close {
    background-color: transparent;
    font-size: inherit;
    color: none;
    text-shadow: none;
    font-weight: normal;
    margin-top: 0;
    opacity: 1
}

a {
    color: #3bbe7a
}

a:hover, a:focus, a:active {
    outline: 0;
    color: #3bbe7a
}

.content-banner img {
    height: 320px;
    background-color: #ccc
}

.linh25 {
    line-height: 25px
}

h3, h4 {
    color: #333;
    font-weight: normal;
    font-family: "SourceHanSansCN-Light", "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti-Light", "WenQuanYi Micro Hei", "Arial", "SimSun", "sans-serif";
    margin: 0
}

.global-btn {
    background-color: #3bbe7a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border-radius: 2px
}

.global-btn:hover {
    opacity: .8;
    color: #fff;
    text-decoration: none
}

.global-btn:focus {
    color: #fff;
    text-decoration: none
}

.title-comm {
    text-align: center;
    margin: 50px 0 35px
}

.gray-line {
    border-top: 1px solid rgba(170, 170, 170, .3);
    width: 100%
}

.inputdiv {
    border: 1px solid rgba(170, 170, 170, .5)
}

.tcenter {
    text-align: center
}

.dashedline {
    border-bottom: 1px dashed rgba(255, 255, 255, .5);
    margin-top: 7%
}

.mtop20 {
    margin-top: 20px
}

.mtop40 {
    margin-top: 40px
}

.ac-figure-icon {
    margin-left: auto;
    margin-right: auto
}

.bor-line {
    width: 1px;
    height: 10px;
    border-right: 1px solid rgba(170, 170, 170, .5);
    margin-top: 6px;
    float: left
}

.line {
    border-top: 1px solid #3bbe7a;
    width: 30px;
    margin: 20px auto 40px
}

.line-tuhuan {
    border-top: 2px solid #3bbe7a;
    width: 80px;
    margin: auto
}

.line-top {
    border-top: 1px solid #3bbe7a;
    width: 18px;
    margin: auto
}

.itme-con {
    padding: 80px 0
}

.navbar-brand {
    padding-top: 0
}

.memberzhuc {
    color: #3bbe7a;
    background-color: transparent;
    border: 1px solid #3bbe7a;
    font-size: 12px;
    padding: 6px 25px;
    border-radius: 2px;
    display: -webkit-inline-box;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: inline-block
}

.navbar-form .memberzhuc:hover, .navbar-form .memberzhuc:focus, .navbar-form .memberzhuc:active, .navbar-form.memberzhuc:checked {
    background-color: #3bbe7a;
    border-color: #3bbe7a;
    opacity: 1;
    color: #fff;
    text-decoration: none
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    opacity: .8
}

.navbar-form a:hover, .navbar-form:focus, .navbar-form:active {
    text-decoration: none
}

.navbar-fixed-top {
    border-width: 0
}

.modal-open nav.navbar {
    padding-right: 17px
}

@media(min-resolution:144dpi) {
    .modal-open nav.navbar {
        padding-right: 0
    }
}

.navbar-default .navbar-nav>li>a {
    padding: 16px 25px 5px;
    font-size: 16px;
    color: #333
}

.navbar-default .navbar-nav>.click>a {
    color: #3bbe7a;
    border-bottom: #3bbe7a
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .nlavbar-nav>li>a:hover {
    opacity: .8
}

.navbar-default .navbar-nav>.click>a:hover {
    color: #3bbe7a;
    opacity: 1
}

.collapse {
    display: none
}

.welinain {
    text-align: center
}

.i-item-con {
    background-color: #eeefe9
}

.product-main {
    height: 420px;
    position: relative;
    overflow: hidden
}

.flashBg ul.mobile {
    width: 2000%;
    height: 420px
}

.navbar-default .navbar-toggle {
    border: 0
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #3bbe7a;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px
}

.navbar-toggle .icon-bar {
    height: 1px
}

.navbar-form .btn-primary.active, .navbar-form .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #3bbe7a!important;
    border-color: #3bbe7a!important;
    outline: 0;
    opacity: 1
}

.modal-dialog {
    margin: 0 auto!important
}

.modal-body {
    padding: 50px 15px 70px!important
}

.modal-header {
    border-bottom: 0
}

.pop-erweima {
    margin: 0 auto
}

.pop-erweima-text {
    font-size: 16px;
    color: #666;
    margin-top: 30px
}

.modal-sm {
    width: 580px!important;
    height: 580px!important
}

.modal-content {
    border-radius: 2px!important;
    border: 0!important;
    box-shadow: none!important;
    text-align: center
}

.footer_app {
    background-color: #333;
    text-align: center;
    color: rgba(102, 102, 102, .8);
    padding: 16.5px 0;
    overflow: hidden
}

.erweima-icon-div {
    background-color: #fff;
    padding: 7px;
    position: absolute;
    display: table-row;
    position: absolute;
    bottom: 53px;
    left: -63px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 4px;
    z-index: 9999
}

.bt-example-popover {
    position: absolute;
    bottom: 60px;
    left: -68px
}

.footer-weixin .popover.top>.arrow {
    border-top-color: #fff
}

.footer-weixin .popover.top>.arrow:after {
    border-top-color: #fff!important
}

.bt-example-popover .popover {
    width: auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    display: block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border: 0;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.bt-example-popover .hover {
    opacity: 1
}

.weixin-logo-icon {
    background-repeat: no-repeat;
    background-image: url("../img/wewix-ico.svg");
    background-size: 42px 42px;
    height: 42px;
    width: 42px;
    opacity: .8;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.weixin-logo-icon:hover {
    opacity: 1
}

.shouji-logo-icon {
    background-repeat: no-repeat;
    background-image: url("../img/shouji-logo-icon.svg");
    background-size: 42px 42px;
    height: 42px;
    width: 42px;
    opacity: .8;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.shouji-logo-icon:hover {
    opacity: 1
}

.bt-example-popover .popover.top>.arrow {
    border-top-color: none
}

.pagination>li>a, .pagination>li>span {
    color: #aaa
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination>li>a:hover {
    color: #666
}

.navbar-form a:hover {
    text-decoration: none;
    opacity: .8
}

@media(max-width:767px) {
    .line {
        border-top: 2px solid #3bbe7a;
        width: 20px!important;
        margin: 15px auto!important
    }
    .line-tuhuan {
        width: 40px
    }
    .linh25 {
        line-height: 20px!important
    }
    .f12 {
        font-size: 12px
    }
    .title-comm {
        text-align: center;
        margin: 50px 0 40px
    }
    .app-none {
        display: none
    }
    .app-show {
        display: block
    }
    .footer_app {
        display: block!important;
        font-size: 10px
    }
    .itme-con {
        padding: 30px 0
    }
    .navbar-brand {
        padding-top: 5px
    }
    .navbar-default {
        padding: 0
    }
    .ac-familybrowser-icon {
        display: none
    }
    .navbar-brand {
        height: 45px
    }
    .navbar {
        min-height: 45px
    }
    .welinain {
        font-size: 18px
    }
    .tuhuan-text {
        font-size: 13px
    }
    .title-comm-tuhuan {
        font-size: 13px!important
    }
    .title-comm-tuhuan p {
        margin-bottom: 10px
    }
    .lineheight {
        margin: 15px auto
    }
    .title-comm .mtop40 {
        margin-top: 20px
    }
    .title-comm {
        font-size: 12px
    }
}

.navbar-right {
    margin-right: 0;
    padding-right: 0
}

.large-3 {
    width: 33.33333333%;
    float: left
}

@media(min-width:768px) {
    .pc-none {
        display: none
    }
    .navbar-default .navbar-nav>li>a {
        padding: 16px 16px 5px!important;
        font-size: 16px;
        color: #333
    }
}

@media(min-width:992px) {
    .navbar-default .navbar-nav>li>a {
        padding: 16px 25px 5px!important;
        font-size: 16px;
        color: #333
    }
}

@media(min-width:1200px) {
    .pc-none {
        display: none
    }
}

@media only screen and (max-width:1068px) {
    .message-div .col-lg-4 {
        width: 50%;
        float: left;
        margin-bottom: 5%
    }
    .app-show>div:last-child {
        display: block!important
    }
    .erweima-logo-icon {
        background-size: 100px 100px;
        height: 100px;
        width: 100px
    }
    .bt-example-popover {
        left: -42px
    }
}

@media only screen and (max-width:735px) {
    .message-div .small-12 {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .linian-div .small-12 {
        width: 100%
    }
    .contactus .small-12 {
        width: 100%
    }
}

@media(min-width:768px) {
    .linian-con .linian-div {
        margin-left: -30px!important;
        margin-right: -30px!important
    }
}

.mongolia {
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

.kaijkrs-btn {
    width: 160px;
    height: 44px;
    font-size: 16px
}

.tuhuan-font {
    font-size: 66px
}

.bgstylec-info1 {
    font-size: 48px;
    margin-bottom: 0
}

.bgstylec-info2 {
    font-size: 20px
}

.i-item-con-div {
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color: #f0f1eb;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 1.5%
}

.item-active .i-item-con-div {
    opacity: 0
}

.i-item-con-text {
    color: #aaa;
    margin-top: 5px
}

.col-div {
    padding: 25px;
    overflow: hidden;
    text-align: center;
    background-color: rgba(59, 190, 122, .8);
    color: rgba(255, 255, 255, .8);
    border-radius: 2px;
    padding: 18% 10%
}

.col-div h4 {
    color: #fff;
    margin-top: 9%;
    margin-bottom: 5%
}

.team-person {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.team-person img {
    margin: 0 auto
}

.pu-logo-icon {
    background-image: url("../img/puhui.svg");
    background-repeat: no-repeat;
    background-size: 110px 110px;
    width: 110px;
    height: 110px
}

.chuanxin-logo-icon {
    background-image: url("../img/chuangxin.svg");
    background-repeat: no-repeat;
    background-size: 110px 110px;
    width: 110px;
    height: 110px
}

.chonggou-logo-icon {
    background-image: url("../img/chonggou.svg");
    background-repeat: no-repeat;
    background-size: 110px 110px;
    width: 110px;
    height: 110px
}

.slideup_info {
    background-color: transparent;
    color: rgba(255, 255, 255, .9);
    padding: 5%;
    position: absolute;
    bottom: -100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0
}

.slideup_info p {
    font-size: 20px;
    margin-bottom: 5%
}

.slideup_info ul {
    margin-top: 5%
}

.slideup_info ul li {
    line-height: 22px;
    margin-left: 20px
}

.item-active .team-person {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    cursor: pointer
}

.item-active .slideup_info {
    bottom: 0!important;
    background-color: rgba(59, 190, 122, .98)!important;
    opacity: 1;
    width: 100%
}

.services-team-img {
    background-image: url("../img/services-team.jpg");
    background-repeat: no-repeat;
    background-size: 810px 420px;
    width: 810px;
    height: 420px
}

.services-team-r {
    background-color: rgba(51, 51, 51, .9);
    padding: 9.4% 7.5%
}

.services-team-r-con {
    border: 6px solid rgba(59, 190, 122, .9)
}

.services-team-r-con-yinwen {
    background-image: url("../img/serviceteam_info.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 244px;
    height: 180px
}

.figure-div {
    padding: 22.6% 0
}

.thyj-logo-icon {
    background-repeat: no-repeat;
    background-image: url("../img/lthyj-ogo.png");
    background-size: 100px 100px;
    height: 100px;
    width: 100px;
    margin: auto
}

.kaijkrs-btn {
    font-style: initial
}

.align-vertical {
    padding-top: 274.5px
}

.flex-active-slide {
    height: 744px;
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    opacity: 1;
    display: block;
    z-index: 2
}

.slideup_info ul li {
    line-height: 24px;
    margin-left: 0
}

.slideup_info p {
    font-size: 20px;
    margin-bottom: 4px
}

.tuhuanyuanjing p {
    margin-bottom: 7px
}

.tuhuanyj-backimg {
    background: url("../img/about-yuanjing.jpg") 50% 0
}

.tuhuanyuanjing {
    margin-top: 9%
}

@media(max-width:767px) {
    .tuhuanyuanjing-app {
        font-size: 12px;
        padding: 0 20px
    }
    .tuhuanyuanjing-app p {
        text-align: center;
        line-height: 24px;
        color: rgba(255, 255, 255, .8)
    }
    .tuhuanyj-backimg {
        height: 260px
    }
    .col-div {
        margin-bottom: 30px
    }
    .team-person {
        margin-bottom: 30px
    }
    .thyj-logo-icon {
        background-size: 60px 60px;
        height: 60px;
        width: 60px
    }
    .align-vertical {
        font-size: 12px;
        padding-top: 40px!important
    }
    .hero-slider .slides li {
        height: 251px!important
    }
    .tuhuanyuanjing {
        margin: 0 20px
    }
    .thyj-logo-icon {
        margin-bottom: 5px
    }
    .background-image-holder.parallax-background {
        height: 260px!important
    }
    .slideup_info p {
        font-size: 18px
    }
    .slideup_info ul li {
        font-size: 12px
    }
    .services-team-r-con-yinwen {
        background-image: url("../img/serviceteam_app.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 200px;
        height: 80px;
        padding: 19% 0;
        background-position: center center
    }
    .services-team-r {
        padding: 15px
    }
    .figure-div {
        padding: 0
    }
}

@media(min-width:768px) and (max-width:992px) {
    .services-team-r {
        padding: 4.4%
    }
}

.tuhuan-item-comm {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block
}

.title-comm-tuhuan {
    text-align: center;
    margin: 100px 0 80px
}

.tuhuan-text {
    color: #aaa;
    font-size: 16px
}

.lineheight {
    margin: 30px auto 26px
}

.tuhuan1_l_img, .tuhuan2_r_img, .tuhuan3_l_img, .tuhuan4_r_img, .tuhuan5_l_img, .tuhuan6_r_img {
    background-image: url("../img/tuhuan1_l2x.jpg");
    background-size: cover;
    width: 600px;
    height: 340px;
    background-position: center
}

.tuhuan2_r_img {
    background-image: url("../img/tuhuan1_r2x.jpg")
}

.tuhuan3_l_img {
    background-image: url("../img/tuhuan3_l2x.jpg")
}

.tuhuan4_r_img {
    background-image: url("../img/tuhuan4_r2x.jpg")
}

.tuhuan5_l_img {
    background-image: url("../img/tuhuan5_l2x.jpg")
}

.tuhuan6_r_img {
    background-image: url("../img/tuhuan6_r2x.jpg")
}

.zljh-logo-icon, .hzsj-logo-icon, .hzgl-logo-icon {
    background-image: url("../img/zljh-logo-icon.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    left: 0;
    top: 0
}

.hzsj-logo-icon {
    background-image: url("../img/hzsj-logo-icon.png")
}

.hzgl-logo-icon {
    background-image: url("../img/hzgl-logo-icon.png")
}

.popover {
    max-width: none
}

.bs-example-popover {
    height: 207px
}

.bs-example-popover .popover {
    height: 160px;
    width: 88.89%;
    background-color: #f0f0f0;
    border-radius: 4px;
    border: 1px solid #3bbe7a;
    box-shadow: none;
    z-index: 10
}

.popover.top>.arrow:after {
    border-top-color: #f0f0f0!important
}

.popover.top>.arrow {
    border-top-color: #3bbe7a
}

.popover-title-touxiang {
    width: 100%;
    height: 50px;
    position: absolute;
    top: -26px;
    margin: 0;
    left: 0;
    text-align: center
}

.popover-title-touxiang img {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.popover-content {
    margin: 9% 0 0
}

.position-icon {
    background-image: url("../img/position-icon.svg");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 3px;
    margin-right: 4px;
    margin-top: 3px;
    margin-right: 4px
}

.popover-content-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-family: "SourceHanSansCN-Light", "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti-Light", "WenQuanYi Micro Hei", "Arial", "SimSun", "sans-serif"
}

.popover-content-tag {
    position: absolute;
    font-size: 12px;
    bottom: 12px;
    width: 91%
}

.popover-content-tag .bingzhong {
    float: left;
    background-color: #aaa;
    color: #fff;
    padding: .5% 3.5%;
    max-width: 50%;
    overflow: hidden;
    background-color: #aaa;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "SourceHanSansCN-Light", "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti-Light", "WenQuanYi Micro Hei", "Arial", "SimSun", "sans-serif"
}

.position-address {
    max-width: 50%;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.position-address span {
    color: #aaa;
    font-family: "SourceHanSansCN-Light", "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti-Light", "WenQuanYi Micro Hei", "Arial", "SimSun", "sans-serif"
}

.glly-icon {
    background-image: url("../img/yhgl-icon.svg");
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:1068px) {
    .pu-logo-icon, .chuanxin-logo-icon, .chonggou-logo-icon {
        background-size: 80px 80px;
        width: 80px;
        height: 80px
    }
}

@media only screen and (min-width:768px) and (max-width:1068px) {
    .glly-icon {
        background-size: 60px 60px;
        width: 60px;
        height: 60px
    }
    .services-team-r-con-yinwen {
        background-size: 270px 180px;
        width: 270px;
        height: 180px
    }
    .pu-logo-icon, .chuanxin-logo-icon, .chonggou-logo-icon {
        background-size: 80px 80px;
        width: 80px;
        height: 80px
    }
    .col-div {
        min-height: 304px
    }
}

@media only screen and (min-width:1068px) and (max-width:1200px) {
    .col-div {
        min-height: 335px
    }
}

@media(min-width:992px) {
    .col-md-8 {
        width: 69.1%;
        float: left
    }
    .col-md-4 {
        width: 30.9%;
        float: left
    }
    .services-team-r {
        padding: 13.6% 7.5%;
        height: 420px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .col-md-8 {
        width: 66.8%;
        float: left
    }
    .col-md-4 {
        width: 32.333333%;
        float: left
    }
    .services-team-img {
        background-size: 501px 262px;
        width: 540px;
        height: 262px
    }
    .services-team-r-con-yinwen {
        background-size: 166px 128px;
        width: 166px;
        height: 128px
    }
    .figure-div {
        padding: 22.6% 7%
    }
    .services-team-r {
        padding: 6.4% 7.4%
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .services-team-img {
        background-size: 675px 350px;
        width: 675px;
        height: 350px
    }
    .services-team-r {
        height: 350px
    }
    .services-team-r-con-yinwen {
        background-size: 100%;
        width: 202px;
        height: 148px
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .services-team-r-con-yinwen {
        background-size: 100%;
        width: 174px;
        height: 131px
    }
}

.qiehuan-slide {
    background-image: url("../img/shoujibei_icon.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 660px;
    margin-top: 98px
}

.xiazaiapp-text {
    font-size: 28px;
    color: #fff;
    line-height: 100px
}

.slideimg1 {
    background-image: url("../img/tuhjk-banner.jpg")
}

.bgstylec-info2 {
    margin-top: 15px
}

.mb-ibox div {
    background-color: #f2f2f2
}

.shouji-img1 {
    background: url("../img/zlzx-icon.jpg") center top no-repeat;
    width: 100%;
    height: 454px;
    width: 256px!important;
    background-position: center!important;
    background-size: cover!important
}

.shouji-img2 {
    background: url("../img/jkjc-icon.jpg") center top no-repeat;
    width: 100%;
    height: 454px;
    width: 256px!important;
    background-position: center!important;
    background-size: cover!important
}

.shouji-img3 {
    background: url("../img/zljh-icon.jpg") center top no-repeat;
    width: 100%;
    height: 454px;
    width: 256px!important;
    background-position: center!important;
    background-size: cover!important
}

.shouji-img4 {
    background: url("../img/tjsj.jpg") center top no-repeat;
    width: 100%;
    height: 454px;
    width: 256px!important;
    background-position: center!important;
    background-size: cover!important
}

.shouji-img5 {
    background: url("../img/qygl-icon.jpg") center top no-repeat;
    width: 100%;
    height: 454px;
    width: 256px!important;
    background-position: center!important;
    background-size: cover!important
}

div.flicking_con .item-text {
    z-index: 1!important
}

.slide-logo-icon1, .slide-logo-icon2, .slide-logo-icon3, .slide-logo-icon4, .slide-logo-icon5 {
    background-image: url("../img/zlzx.svg");
    background-repeat: no-repeat;
    background-size: 64px 64px;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    opacity: .6;
    cursor: pointer
}

.slide-logo-icon2 {
    background-image: url("../img/jkjc.svg")
}

.slide-logo-icon3 {
    background-image: url("../img/zljh.svg")
}

.slide-logo-icon4 {
    background-image: url("../img/tjsj.svg")
}

.slide-logo-icon5 {
    background-image: url("../img/qygl.svg")
}

.item-li {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.item-li:hover {
    opacity: .6
}

.mb-inav li div.cur:hover {
    opacity: .9;
    transition: all .5s ease-out
}

.mb-inav li div.cur .ac-figure-icon {
    background-color: rgba(59, 190, 122, .9);
    border-color: transparent;
    opacity: .9
}

.iOS-icon-div {
    background-color: #fff;
    width: 150px;
    height: 44px;
    border-radius: 2px;
    float: right;
    margin-left: 30px;
    margin-top: 30px;
    text-align: center;
    border: 0;
    color: #3bbe7a
}

.iOS-icon-div:disabled {
    opacity: .8
}

.xiazaispp-img {
    background: url("../img/xiazaiapp-icon.jpg") repeat-x;
    background-size: contain;
    height: 100px
}

.iOS-icon, .andio-icon {
    background-repeat: no-repeat;
    background-size: 20px 24px;
    width: 20px;
    height: 24px;
    display: -webkit-inline-box;
    display: -moz-box;
    display: -ms-inline-flexbox;
    vertical-align: bottom;
    display: inline-block
}

.m-banner {
    background-image: url("../img/shoujitu.png");
    background-position: left;
    background-size: cover;
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    background-size: 315px 660px;
    margin-left: 15px
}

.main_image ul {
    width: 9999px;
    height: 454px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.app-show>div:nth-child(4) {
    display: none
}

@media(max-width:767px) {
    .mis-slider li figcaption {
        padding: 0 10%
    }
    .slideimg1 {
        background-image: url("../img/tuhjk-app-banner-01.jpg")!important
    }
    .slideimg2 {
        background-image: url("../img/tuhjk-app-banner-02.jpg")!important
    }
    .app-show {
        margin-bottom: 17px!important
    }
    .xiazaispp-img {
        background: url("../img/app-benner.jpg") repeat-x;
        background-size: cover;
        height: 60px
    }
    .xiazaiapp-text {
        font-size: 14px;
        margin-right: -15px;
        line-height: inherit;
        margin-top: 10px
    }
    .app-show>div:first-child.app-none {
        width: 100%;
        display: block
    }
    .app-show>div:nth-child(4) {
        display: none!important
    }
    .bs-example-popover .popover {
        width: 100%;
        margin: 20px 0
    }
    .title-comm-tuhuan {
        margin: 30px 0 20px
    }
    .title-comm {
        text-align: center;
        margin: 40px 0 30px
    }
    .tuhuan1_l_img, .tuhuan2_r_img, .tuhuan3_l_img, .tuhuan4_r_img, .tuhuan5_l_img, .tuhuan6_r_img {
        width: auto;
        height: 170px
    }
    .zljh-logo-icon, .hzsj-logo-icon, .hzgl-logo-icon {
        background-size: 43px 43px
    }
    .glly-icon {
        background-size: 45px 45px;
        width: 45px;
        height: 45px
    }
    .iOS-icon-div {
        width: 88px;
        height: 26px;
        font-size: 12px;
        margin-top: 19px;
        margin-right: 15px
    }
    .iOS-icon, .andio-icon {
        background-size: 17px 17px;
        width: 17px;
        height: 18px;
        display: -webkit-inline-box;
        display: inline-block;
        vertical-align: bottom
    }
    .popover-title-touxiang {
        height: 35px;
        top: -20px
    }
    .popover-title-touxiang img {
        width: 35px;
        height: 35px
    }
    .welinain {
        font-size: 18px
    }
    .tuhuan-text {
        font-size: 13px
    }
    .title-comm-tuhuan {
        font-size: 13px!important
    }
    .lineheight {
        margin: 15px auto
    }
    .popover-content-text {
        font-size: 12px
    }
    .popover-content {
        margin-top: 10px
    }
    .bs-example-popover .popover {
        height: 115px
    }
    .bs-example-popover {
        height: 159px
    }
    .qiehuan-slide {
        background-image: url("../img/shoujibei-app-icon.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 450px;
        margin-top: 30px
    }
    .main_visual {
        height: 450px;
        overflow: hidden;
        position: relative;
        width: 100%
    }
    .m-banner {
        background-image: url("../img/shoujitu.png");
        background-position: center bottom;
        background-size: cover;
        display: inline-block;
        background-repeat: no-repeat;
        position: relative;
        background-size: 170px 348px;
        display: block;
        margin-left: 0
    }
    .kePublic-cont-text {
        line-height: 20px
    }
    .main_image {
        height: 245px;
        overflow: hidden;
        width: 140px;
        position: relative;
        margin: 0 auto;
        margin-top: 197px
    }
    .main_image ul {
        height: 240px;
        overflow: hidden
    }
    .main_image li span {
        display: block;
        width: 100%;
        height: 242px;
        width: 140px!important;
        background-position: center!important;
        background-size: 100% 100%!important
    }
}

.kePublic-title {
    font-size: 44px;
    margin-bottom: 28px;
    line-height: 62px
}

.mb-inav {
    position: absolute;
    margin-right: 1px;
    bottom: 80px;
    left: 423px
}

.mb-inav li {
    width: 83px;
    float: left;
    list-style: none
}

.mb-inav li div {
    display: block
}

@media(min-width:768px) {
    .zljh-logo-icon, .hzsj-logo-icon, .hzgl-logo-icon {
        background-size: 70px 70px
    }
}

@media only screen and (min-width:1442px) {
    .tuhuan-font {
        font-size: 66px
    }
    .bgstylec-info1 {
        font-size: 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1068px) {
    .tuhuan-font {
        font-size: 50px
    }
    .kePublic-title {
        font-size: 28px;
        line-height: 40px
    }
    .bgstylec-info1 {
        font-size: 38px
    }
    .mb-inav {
        bottom: 10px
    }
    .mb-inav li {
        margin-bottom: 12px
    }
    .slide-logo-icon1, .slide-logo-icon2, .slide-logo-icon3, .slide-logo-icon4, .slide-logo-icon5 {
        background-size: 60px 60px;
        width: 60px;
        height: 60px
    }
    .xiazaiapp-text {
        font-size: 23px
    }
    .xiazaiapp-text {
        line-height: 96px
    }
    .iOS-icon-div {
        width: 120px;
        height: 34px;
        font-size: 13px
    }
    .iOS-icon, .andio-icon {
        background-size: 18px 20px;
        width: 18px;
        height: 20px
    }
}

@media only screen and (max-width:735px) {
    .tuhuan-font {
        font-size: 38px
    }
}

.fuwutixi-global {
    background-color: rgba(222, 223, 212, .4);
    padding: 3.1% 0
}

.fuwutixi-imgitem {
    width: 100%;
    overflow: hidden
}

.fuwutixi-imgitem>div {
    position: relative
}

.fuwutixi-imgitem>img {
    position: relative
}

.fuwutixi-imgitem>div img {
    position: absolute;
    bottom: 0;
    max-height: 45px
}

.fuwutixi-imgitem>div:last-child img {
    right: 0
}

.fuwutixi-imgitem>div p {
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    left: 1.8%
}

.fuwutixi-imgitem>div:last-child p {
    right: 1.8%;
    left: auto
}

.oblique-line {
    border-right: 1px solid rgba(59, 190, 122, .8);
    transform: rotate(6deg);
    right: 0;
    height: 100%
}

.original-shape {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgba(59, 190, 122, .95);
    font-size: 20px;
    font-weight: bold;
    line-height: 150px;
    color: #fff;
    text-align: center
}

.foryou-center {
    text-align: center;
    margin-top: 15px
}

.foryou-center p:last-child {
    font-size: 12px
}

.foryou-center p.biaoti {
    font-size: 18px;
    color: #333;
    padding-top: 13%
}

.foryou-center p.line {
    border-top: 1px solid #3bbe7a;
    width: 30px;
    margin: 4% auto;
    height: 0;
    text-indent: -9999px
}

.foryou-center-row {
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px
}

@media(max-width:767px) {
    .foryou-center-row {
        margin-right: 0;
        margin-left: 0
    }
    .fuwutixi-imgitem>div p {
        font-size: 8px;
        bottom: 4px
    }
    .original-shape {
        font-size: 12px;
        width: 65px;
        height: 65px;
        line-height: 65px
    }
    .fuwutixi-imgitem>div img {
        height: 20px
    }
}

@media only screen and (max-width:1366px) and (min-width:1153px) {
    .original-shape {
        font-size: 18px;
        width: 130px;
        height: 130px;
        line-height: 130px
    }
}

@media only screen and (max-width:1152px) and (min-width:768px) {
    .original-shape {
        font-size: 16px;
        width: 110px;
        height: 110px;
        line-height: 110px
    }
}

.team_main_image {
    overflow: hidden;
    min-height: 187px
}

@media(max-width:435px) {
    .team_main_image {
        min-height: 226px
    }
}

@media only screen and (min-width:440px) and (max-width:768px) {
    .team_main_image {
        min-height: 258px
    }
}

@media only screen and (min-width:320px) and (max-width:411px) {
    .team_main_image {
        min-height: 185px
    }
}

@media(device-width:320px) {
    .team_main_image {
        min-height: 166px
    }
}

@media(device-width:411px) {
    .team_main_image {
        min-height: 213px
    }
}

@media(device-width:412px) {
    .team_main_image {
        min-height: 213px
    }
}

@media(device-width:600px) {
    .team_main_image {
        min-height: 311px
    }
}

@media(device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
    .team_main_image {
        min-height: 166px
    }
}

@media(device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .team_main_image {
        min-height: 166px
    }
}

@media(device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
    .team_main_image {
        min-height: 195px
    }
}

@media(device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
    .team_main_image {
        min-height: 215px
    }
}

.team_main_image ul li {
    width: 100%;
    overflow: auto
}

.team_main_visual {
    overflow: hidden;
    position: relative;
    width: 100%
}

.team_textbox {
    background-color: rgba(59, 190, 122, .85);
    padding: 10px
}

.mb-inav-about li div {
    width: 40px;
    height: 2px;
    background-color: rgba(170, 170, 170, .5);
    margin: 2px 10px 0 0
}

.mb-inav-about li div.cur {
    background-image: url("../img/switch.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 8px;
    background-size: 40px 8px;
    background-color: transparent;
    margin-top: -3px
}

.item-li {
    transition: none
}

.item-li:hover {
    cursor: pointer
}

.mb-describe {
    background-color: rgba(59, 190, 122, .85);
    padding: 0;
    color: #fff;
    width: 100%;
    overflow: hidden
}

.kePublic-rightdiv {
    padding: 0 5%;
    text-align: center;
    margin-top: 27%\9
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .kePublic-rightdiv {
        padding: 0
    }
}

.tuandui-title {
    font-size: 18px;
    margin: 9% 0 5%
}

.kePublic-cont-info {
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

.jiankangguwen-ico {
    background-repeat: no-repeat;
    background-image: url("../img/jiankangguwen-ico.png");
    background-size: 64px 64px;
    height: 64px;
    width: 64px;
    margin: auto
}

.xietiaozhuanyuan-ico {
    background-repeat: no-repeat;
    background-image: url("../img/xietiaozhuanyuan-ico.png");
    background-size: 64px 64px;
    height: 64px;
    width: 64px;
    margin: auto
}

.jiatingyisheng-ico {
    background-repeat: no-repeat;
    background-image: url("../img/jiatingyisheng-ico.png");
    background-size: 64px 64px;
    height: 64px;
    width: 64px;
    margin: auto
}

.tuhuandaifu-ico {
    background-repeat: no-repeat;
    background-image: url("../img/tuhuandaifu-ico.png");
    background-size: 64px 64px;
    height: 64px;
    width: 64px;
    margin: auto
}

.mb-news {
    padding: 0 15px;
    line-height: 1.8;
    position: absolute;
    left: 417px;
    top: 150px
}

.mb-news h4 {
    word-break: break-all;
    word-wrap: break-word
}

.mb-news h4 a {
    font-size: 18px;
    color: #8c3608;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word
}

.mb-news p {
    font-size: 14px;
    color: #444;
    margin-top: 15px;
    overflow: hidden
}

.mb-news h4 a:hover {
    text-decoration: underline
}

.mb-img {
    width: 100%;
    position: relative
}

.mb-ibox {
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.mb-ibox a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0;
    display: block
}

.mb-ibox a:first-child {
    z-index: 6
}

.mb-ibox a.move {
    z-index: 7
}

.mb-ibox a.cur {
    z-index: 8;
    position: relative
}

.mb-inav-about {
    z-index: 10!important;
    width: 400px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 4.5%;
    padding-top: 4px
}

.mb-inav-about li {
    float: left
}

div.flicking_con {
    text-align: center;
    margin: 0;
    left: 0;
    width: 100%;
    height: 109px
}

div.flicking_con .item-text {
    padding: 0;
    display: none;
    color: #fff
}

div.flicking_con .item-text h4 {
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.team_main_visual .flicking_con div.on {
    display: block
}

.kePublic-cont-text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.delay_1 {
    -webkit-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms
}

.delay_2 {
    -webkit-animation-delay: 400ms;
    -o-animation-delay: 400ms;
    animation-delay: 400ms
}

.delay_3 {
    -webkit-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms
}

.animateUpDown {
    -webkit-animation-name: animateUpDown;
    -o-animation-name: animateUpDown;
    animation-name: animateUpDown;
    -webkit-animation-duration: 900ms;
    -o-animation-duration: 900ms;
    animation-duration: 900ms
}

@-webkit-keyframes animateUpDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    40% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-o-keyframes animateUpDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    40% {
        -webkit-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes animateUpDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    40% {
        -webkit-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.animateUp {
    -webkit-animation-name: animateUp;
    -o-animation-name: animateUp;
    animation-name: animateUp;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

@-webkit-keyframes animateUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-o-keyframes animateUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes animateUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.cur .ShowBgUp {
    -webkit-animation-name: ShowBgUp;
    -o-animation-name: ShowBgUp;
    animation-name: ShowBgUp;
    -webkit-animation-duration: 1400ms;
    -o-animation-duration: 1400ms;
    animation-duration: 1400ms;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

@-webkit-keyframes ShowBgUp {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes ShowBgUp {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ShowBgUp {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.move .ShowBgUp {
    opacity: 1;
    z-index: 9
}

.cur .ShowBgUp {
    z-index: 10
}

#banner .banner-item .banner-text>div:first-child {
    font-size: 48px
}

#banner .banner-item em {
    font-size: 66px
}

#banner .banner-item .banner-text>div:last-child {
    font-size: 20px
}

#banner .banner-item:nth-child(1) .banner-img {
    background-image: url("../img/about-us-banner.jpg")
}

#banner .banner-item:nth-child(2) .banner-img {
    background-image: url("../img/about-us-banner-2.jpg")
}

@media(max-width:767px) {
    #banner .banner-item .banner-text>div>div[data-role='entext'] {
        padding: 0!important
    }
    #banner .banner-item .banner-text>div:first-child {
        font-size: 24px
    }
    #banner .banner-item em {
        font-size: 20px
    }
    #banner .banner-item .banner-text>div:last-child {
        font-size: 10px
    }
    #banner .banner-item:nth-child(1) .banner-img {
        background-image: url("../img/about-us-banner-app.jpg")!important
    }
    #banner .banner-item:nth-child(2) .banner-img {
        background-image: url("../img/about-us-banner-app-2.jpg")!important
    }
}

.team-person {
    position: relative;
    margin: 0;
    cursor: pointer
}

.team-person:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    transition: all .4s ease
}

.slideup_info p {
    color: #333;
    margin-bottom: 0
}

.slideup_info {
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    transition: all .4s ease-in-out
}

.team-person.hover .slideup_info {
    opacity: .9
}

.team-person>div img {
    transition: all .3s;
    cursor: pointer
}

.team-person.hover>div img {
    transform: scale(1.02);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.leader-line {
    border-top: 1px solid #3bbe7a;
    width: 70px;
    margin: 25px auto
}

.slideup_info_bg {
    border: 4px solid rgba(59, 190, 122, .7);
    height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.i-item-con-div {
    transition: all .4s ease-in-out;
    padding: 3% 0;
    background-color: rgba(255, 255, 255, .98)
}

.team-person.hover .i-item-con-div {
    opacity: 0
}

.slideup_info ul {
    margin: 0
}

.slideup_info ul li {
    line-height: 26px
}

@media only screen and (max-width:767px) {
    .col-small-12 {
        width: 100%
    }
    .team-person {
        position: relative;
        margin: 10px 0
    }
    .itme-con {
        padding: 15px 0
    }
    .leader-line {
        margin: 13px auto 10px
    }
}

.banner .banner-item .banner-text>div {
    margin-top: 18%\9
}

.slideup_info_bg>div {
    margin-top: 32%\9
}

.news-main {
    width: 100%;
    background-color: #f0f1eb
}

.news-list {
    margin-bottom: 30px
}

.news-site {
    text-align: center;
    padding: 0 15px;
    background-color: #fff
}

.news-title {
    font-size: 17px;
    line-height: 45px
}

.news-title a {
    color: #333
}

.news-title a:hover {
    color: #4ac586
}

.news-time {
    font-size: 14px;
    padding-bottom: 10px
}

.box {
    text-align: center;
    overflow: hidden;
    position: relative
}

.box:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    padding: 14px 18px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s
}

.box:hover:before {
    width: 100%;
    left: 0;
    opacity: .5
}

.box img {
    width: 100%;
    height: auto
}

.box .box-content {
    width: 100%;
    padding: 14px 18px;
    color: #fff;
    position: absolute;
    top: 5%;
    left: 0
}

.box .title {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    transition: all .5s ease 0s
}

.box .post {
    font-size: 15px;
    text-transform: capitalize;
    opacity: 0;
    transition: all .5s ease 0s;
    text-align: left
}

.box:hover .title, .box:hover .post {
    opacity: 1;
    transition-delay: .7s
}

.box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px
}

.box .icon li {
    display: inline-block
}

.box .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #5cc991;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s ease 0s
}

.box:hover .icon li a {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: .5s
}

.box:hover .icon li:last-child a {
    transition-delay: .8s
}

.stores-main {
    height: 380px;
    color: #fff;
    text-align: center;
    background: url(../images/server-bg_16fbcff.jpg) no-repeat center
}

.stores-main h3 {
    color: #fff;
    font-size: 35px;
    padding-top: 110px;
    padding-bottom: 10px;
    font-weight: 400
}

@media(max-width:767px) {
    .stores-main h3 {
        color: #fff;
        font-size: 25px;
        padding-top: 110px;
        padding-bottom: 10px;
        font-weight: 400
    }
}

.stores-main p {
    font-size: 14px
}

.stores-main-wp {
    margin: 0 auto;
    width: 125px;
    padding-top: 64px
}

.city-selector {
    width: 125px;
    height: 42px;
    border: 1px solid #fff;
    line-height: 42px;
    text-indent: 20px;
    float: left;
    margin-right: 10px;
    text-align: left;
    cursor: pointer;
    background: url(images/icon-arrow-light_49a944c.png) no-repeat center;
    background-position: 155px center;
    background-size: 7px
}

.city-selector a {
    display: block;
    color: #fff
}

.main-order {
    width: 100%;
    background-color: #f2f3ed
}

.order-list {
    height: 60px;
    margin-bottom: 20px
}

.order-bg:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    transition: all .4s ease
}

.order-l {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    background-color: #5dca92;
    font-size: 25px
}

.fa-truck {
    color: #fff
}

.order-m {
    background-color: #fff;
    line-height: 60px;
    font-size: 16px
}

.order-m span {
    padding-left: 15px
}

.list-more {
    text-align: center;
    margin: 40px 0 70px 0
}

.list-more a {
    padding: 5px 10px;
    color: #777;
    border: 1px solid #777
}

.list-more a:hover {
    color: #5cc991;
    border: 1px solid #5cc991
}

.carousel.flexible .items {
    display: none
}

#complicated-content-carousel .carousel-control {
    position: absolute;
    top: -20px;
    right: 0;
    left: auto;
    bottom: auto;
    width: 14px;
    font-size: 25px;
    color: #3c3c3c!important;
    opacity: 1
}

#complicated-content-carousel .carousel-control.left, #complicated-content-carousel .carousel-control.right {
    background-image: none
}

#complicated-content-carousel .carousel-control.left {
    right: 35px
}

#complicated-content-carousel .index {
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 16px;
    color: #3c3c3c
}

.carousel-control {
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    font-size: 35px;
    text-align: center;
    opacity: 1
}

a.carousel-control.left, a.carousel-control.right {
    background-image: none;
    opacity: .7;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%
}

.department-main {
    background-color: #f2f3ed;
    padding-bottom: 30px
}

.pro-bg {
    width: 100%;
    background-color: #fff
}

.title-bg {
    text-align: center;
    margin: 0;
    padding: 50px 0 0;
    background-color: #fff
}
.xm-list .news-list{
	padding: 0 5px;
}