a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

html,
body {
    font-family: 'Microsoft Yahei';
    width: 100%;
    height: 100%;
}

.bg5_ul li .odd_div {
    float: right;
}

h3 a {
    color: #000;
    text-decoration: none;
}

a:focus, a:hover {
    color: inherit;
    text-decoration: none
}

.sity_li li select::-ms-expand {
    display: none !important
}
/*首页弹出*/
.index_link {
    height: 100%;
    width: 100%;
    position: fixed;
    background: url(../images/popbg_02.jpg) no-repeat;
    background-size: 100% 100%;
    z-index: 100;
    overflow: hidden;
    display: none;
}

.op_cl {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background: url(../images/index6_03.png) no-repeat;
}

.click_close {
    background: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center
}

.pop_inner .div_imgbr {
    margin-bottom: 14px;
    height: 49px;
    width: 82%;
    text-align: center;
    line-height: 60px;
    transition: all 0.5s
}

.pop_show {
    width: 100%;
    height: 100%;
    transition: all 0.5s
}

    .pop_show li {
        float: left;
        height: 100%;
        text-align: center;
        width: 11.4%;
        flex-grow: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s
    }

        .pop_show li a {
            color: #fff;
            transition: all 0.5s;
        }

        .pop_show li:hover .pop_inner {
            transform: translateY(-34px)
        }

        .pop_show li:hover .img_divbr img {
            transform: scale(1.2);
        }

.index_tit img {
    transition: all 0.5s
}

.pop_show li:hover .index_tit img {
    transform: scale(1.2);
}

.pop_show .show_widont {
    width: 20%;
}

.index_link .header {
    position: absolute;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}

.conten_index {
    position: absolute;
    width: 100%;
    height: 100%;
}

.pop_inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    transition: all 0.5s
}

.biger_font {
    font-size: 24px;
    margin-top: 9px;
}

.sma_font {
    font-size: 12px;
    margin-top: 6px;
}

.img_divbr {
    margin-bottom: 14px;
    height: 66px;
    width: 70px;
    text-align: center;
    line-height: 66px;
    margin: 0 auto;
}

    .img_divbr img {
        transition: all 0.5s
    }

.index_color {
    color: #666;
}
/*touch页面*/
.touchus_box {
    position: relative;
    color: #fff;
}

.div_outer {
    position: relative;
    background: url(../images/touchus_01.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 29px
}

.header_outer {
    padding: 0 80px;
    width: 100%;
}

.header {
    display: flex;
    padding: 0 4%;
    height: 100px;
    background: rgba(255, 255, 255, .2);
    justify-content: space-between;
    /*align-items: center;*/
    z-index: 2;
    position: absolute;
    width: 100%
}

textarea.form-control {
    height: 100px;
}

.p_mar_but {
    margin-bottom: 35px;
}

.job_page {
    background: rgba(221,221,221,0.2);
    padding-bottom: 33px;
}

.touchus_box .footer_messimg {
    border: none;
}

.touch_table {
    margin: 0 auto;
    /*background: rgba(255, 255, 255, .2);*/
}

    .touch_table tr {
        height: 60px;
    }

        .touch_table tr td {
            line-height: 60px;
        }

    .touch_table > tbody > tr > td,
    .touch_table > tbody > tr > th,
    .touch_table > tfoot > tr > td,
    .touch_table > tfoot > tr > th,
    .touch_table > thead > tr > td,
    .touch_table > thead > tr > th {
        vertical-align: middle;
        border-top: 1px solid rgba(221,221,221,0.5)
    }

.tatoll {
    line-height: 36px;
    padding-left: 10px
}

.touch_table > thead > tr {
    height: 80px;
}

.pagination {
    margin-right: 10px;
}

.pagination_div {
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding-top: 40px;*/
    /*background: rgba(255, 255, 255, .2);*/
    /*padding-bottom: 40px;*/
    text-align: center;
    clear: both;
}

.bor_bott td {
    border-bottom: 1px solid rgba(221,221,221,0.5)
}
/*分页*/
.footNav1 {
    background: url(../images/case/arrow1.png) no-repeat center !important
}

.footNav2 {
    background: url(../images/case/arrow2.png) no-repeat center !important
}

.footNav3 {
    background: url(../images/case/arrow3.png) no-repeat center !important
}

.footNav4 {
    background: url(../images/case/arrow4.png) no-repeat center !important
}

.footNav div a img {
    vertical-align: initial;
}

.footNav div a.active {
    background-color: #e8470f !important;
    color: #fff;
}

.footNav div a:hover {
    background-color: #e8470f !important;
}

.shuzis {
    margin-top: 7px;
    display: block;
    overflow: hidden;
}

.footNav div a {
    transition: background 0.4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 36px;
    height: 36px;
    margin: 0 5px;
    cursor: pointer;
    border: 1px solid #d8d8d8;
    border-radius: 10%;
    line-height: 36px;
    color: #ccc;
    background: #fff;
    text-align: center;
    padding: 0px 10px;
    box-sizing: border-box;
}

    .footNav div a:hover {
        background: #f1ce23;
        color: white;
    }

.pagination_ul > li > a,
.pagination_ul > li > span {
    color: #ccc;
    margin-right: 10px;
    border-radius: 4px;
}

    .pagination_ul > li > a:hover,
    .pagination_ul > li > span:hover {
        border-color: #f1cf2f;
        background: #f1cf2f;
    }

    .pagination_ul > li > a:focus, .pagination_ul > li > a:hover, .pagination_ul > li > span:focus, .pagination_ul > li > span:hover {
        color: #fff;
    }

.pagination_ul > .active > a,
.pagination_ul > .active > a:focus,
.pagination_ul > .active > a:hover,
.pagination_ul > .active > span,
.pagination_ul > .active > span:focus,
.pagination_ul > .active > span:hover {
    border-color: #f1cf2f;
    background: #f1cf2f;
}

.application {
    margin: 0 auto;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

.touch_table > tbody > tr:hover {
    background: rgba(255, 255, 255, .4);
}

    .touch_table > tbody > tr:hover .application {
        background: #e8470f;
        color: #fff;
    }


/*弹出框*/

.pop_box {
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
}

.pop {
    position: relative;
    top: 48%;
    margin: 0 auto;
    margin-top: -250px;
    width: 56%;
    height: 500px;
    background: #fff;
    z-index: 3
}

.pop_header {
    padding: 0 25px;
    height: 70px;
    background: #7284e8;
    line-height: 70px;
}

    .pop_header h3 {
        float: left;
        margin: 0;
        height: 100%;
        font-size: 22px;
        line-height: 80px;
    }

.mes_list h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

.cacle {
    float: right;
    cursor: pointer;
    background: url(../images/lev_03.png) no-repeat center;
    width: 30px;
    height: 40px;
    margin-top: 16px;
}

.mes {
    overflow: hidden;
    margin: 30px 0;
    width: 100%;
}

.mes_list {
    overflow-y: auto;
    padding-left: 25px;
    background: #fff;
    color: #000;
    text-align: left;
}

    .mes_list li {
        font-size: 14px;
        line-height: 28px;
    }

.application_in {
    margin-left: 25px;
    width: 90px;
    height: 30px;
    border-radius: 4px;
    background: #97baeb;
    text-align: center;
    line-height: 30px;
    opacity: .8;
    color: #fff;
    cursor: pointer;
    transition: .5s;
}

    .application_in:hover {
        color: #f1cf2f;
        opacity: .9;
    }

    .application_in a {
        color: #fff;
    }

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}
/*滚轮提示*/
.wheel_tips {
    width: 100%;
    position: fixed;
    height: 5%;
    text-align: center;
    z-index: 2;
    bottom: 2%
}

.footer_messimg {
    height: 72px;
    margin: 0 auto;
    padding: 0 80px;
    padding-top: 27px;
    border-bottom: solid #f3f3f3 1px;
    clear: both;
    position: relative;
    bottom: 0;
    width: 100%;
}

.fo_left {
    float: left;
}

.fo_right {
    float: right;
}

.fo_left img {
    margin-right: 24px;
    transition: all 0.5s
}

.fo_right img {
    margin-left: 24px;
    transition: all 0.5s
}

.footer_messimg img:hover {
    transform: rotate(360deg);
}

div.fo_right img:hover {
    transform: rotate(360deg);
}

.center_has {
    position: absolute;
    left: 50%;
    margin-left: -72px;
}
/*中文*/
.a_left {
    float: left;
    position: relative;
}

.a_before {
    position: relative;
    display: block;
    float: left;
    transition: all 0.5s
}

.chin {
    transition: all 0.5s;
    position: absolute;
    top: -54px;
    width: 80px;
    background: #fff;
    left: -21px;
    background: url(../images/index8_03.png) no-repeat center 0px;
    color: #333;
    font-size: 12px;
    text-align: center;
    display: none;
    height: 104px;
    line-height: 30px;
}

.brand_chin {
    width: 140px;
    background: url(../images/index8_03.png) no-repeat center 2px;
    left: -128%;
    height: 97px
}

.chin:hover {
    color: rgba(250,204,0,1);
}

.a_before:hover .chin {
    display: block;
}

.click_after {
    display: block;
}

.brand_chin p {
    float: left;
    width: 50%;
}

.but_footer_left img {
    margin-right: 20px;
}

.but_footer_end img {
    margin-left: 20px;
}

.tell {
    display: none;
    position: absolute;
    width: 122px;
    height: 104px;
    left: -42px;
    top: -54px;
    color: #000;
    background: url(../images/index8_03.png) no-repeat center 0px;
    line-height: 30px;
    text-align: center;
}

    .tell:hover {
        color: rgba(250,204,0,1);
    }

.a_left:hover .tell {
    display: block;
}
/*.chin:after{ border-left: 10px solid transparent;  
    border-right: 10px solid transparent;  
    border-top: 10px solid #fff;  top:100%;
    content: "";  
    position: absolute;
    width: 0;
    left: 50%;
    margin-left: -10px;}*/
.hover_changcolor {
    width: 40px;
    height: 40px;
    background: url(../images/index3_05.png) no-repeat;
    transition: all 0.5s
}

    .hover_changcolor:hover {
        background: url(../images/index3_07.png) no-repeat;
    }

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

/*footer*/

.footer_leave {
    width: 94%;
    margin: 0 auto; /*padding: 40px 0;*/
    position: relative;
    overflow: hidden;
}

.footer_left ul {
    align-items: flex-start
}

.footer_left ul, .footer_right ul {
    display: flex;
    line-height: 24px;
    flex-direction: column;
    color: #999;
}

.font_coL_self {
    color: #f0cf2f;
    font-weight: bolder;
    font-size: 30px;
    margin: 11px 0;
}

.footer_right ul li:first-child {
    margin-bottom: 7px;
}

.selt_footer {
    background: #fff
}

.last_footer p a {
    color: #666;
    font-size: 14px;
}
/*服务流程*/
.tr_left {
    float: left;
    font-size: 18px;
    color: #666;
}

.panel-default > .panel-heading {
    background: #fff;
    border: none;
    padding: 0;
}

.panel-heading {
    height: 50px;
}

.panel-title a {
    display: block;
    font-size: 20px;
    height: 70px;
    line-height: 50px;
    transition: all 0.5s
}
    /*.panel-title a:hover{border-bottom: solid #333 1px;}*/
    .panel-title a:hover .tr_right {
        color: #333;
    }

    .panel-title a:hover .tr_left {
        color: #333;
    }

.tr_right {
    float: right;
    color: #ccc;
    font-size: 34px;
}
/*footer*/
.footer_right a {
    color: #999;
    transition: .5s;
    font-size: 12px;
}

    .footer_right a:hover {
        text-decoration: none;
        color: rgba(250,204,0,1);
    }

.footerBox {
    width: 92%;
    margin: 0 auto;
    margin-top: 80px;
}

.fixed_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    margin: 0 auto;
}

.div_fix {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.collapsed .tr_left {
    color: #666;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    background: #f1f1f1;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.one_img {
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 40px;
}

.one_imgbox {
    width: 100%;
    height: 120px;
    overflow: hidden
}

.server_der {
    margin-top: 62px;
}

    .server_der h2 {
        margin-bottom: 24px;
        margin-top: 35px;
        font-size: 24px;
        color: #000;
        line-height: 30px;
    }

#server h2 {
    font-size: 24px;
    color: #000;
}

#server {
    margin-top: 60px;
    margin-left: 20px;
}

.panel-group {
    margin-top: 20px;
}

.panel-default > .panel-heading {
    height: 70px;
}

.ser_tab {
    width: 94%;
    margin: 0 auto;
}

.panel-group .panel {
    border: none;
}
/*右边固定*/
.footer_b {
    position: relative;
}

.qrimg {
    margin-top: 10px;
}

.all_pop li {
    height: 50px;
    background: #e8470fa3;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer;
    transition: all 1s;
    text-align: center;
    line-height: 50px;
}

    .all_pop li:hover {
        background: #e8470f;
    }

.all_pop .ophidd_hidden {
    opacity: 0;
}

.all_pop {
    width: 50px;
    position: fixed;
    right: 15px;
    bottom: 10%;
    z-index: 100
}

.qr_code2 {
    background: url(../images/qrcode_03.jpg) no-repeat;
    position: absolute;
    height: 120px;
    width: 120px;
    left: -122px;
    top: 0;
    display: none;
}

.order_user2, .order_user3 {
    position: absolute;
    left: -122px;
    height: 50px;
    background: #fff;
    color: #e8470f;
    width: 120px;
    line-height: 50px;
    top: 0;
    display: none;
    text-align: center;
}

.lihover_o:hover .qr_code2 {
    display: block;
}

.li_po_right_2:hover .order_user2 {
    display: block;
}

.li_po_right_3:hover .order_user3 {
    display: block
}

.fix_line2 {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 13px;
    right: -8px;
}

.chan_imgbg {
    background: url(../images/pori_395.png) no-repeat;
    height: 50px;
}

.chan_imgri {
    background: url(../images/pori_394.png) no-repeat;
    height: 50px;
}

.pointerC_top {
    height: 18px;
    width: 18px;
    border-right: solid #fff 2px;
    border-top: solid #fff 2px;
    transform: rotate(-45deg) translate(-14px,12px);
    margin-left: 14px;
    transition: .5s
}

.pointer_bottom {
    transform: rotate(135deg) translate(8px,-10px);
}

/*分享图片位置底部*/
.save_but_outer {
    width: 100%%;
    margin: 0 auto;
    background: #fff;
}

.all_but_box {
    height: 77px;
    bottom: 0;
    padding: 0 80px;
    text-align: center;
    position: relative;
    z-index: 11;
    margin: 0 auto;
}

.but_footer_left {
    float: left;
    position: absolute;
    top: calc(5% - -20px);
}

    .but_footer_left a img, .but_footer_end a img {
        transition: all 0.5s;
    }

        .but_footer_left a img:hover, .but_footer_end a img:hover {
            transform: rotate(360deg);
        }

.but_footer_center {
    display: inline-block;
    text-align: center;
    position: relative;
    top: calc(5% - -20px);
}

.but_footer_end {
    float: right;
    position: absolute;
    top: calc(5% - -20px);
    right: 80px;
}
/*行页新闻*/
/*行页新闻*/
.new_show {
    height: 100%;
    background: url(../images/denew_02.jpg) no-repeat;
    background-size: 100% 100%;
}

.new_share .bshare-custom {
    width: 800px;
}

    .new_share .bshare-custom a {
        display: block;
        overflow: hidden;
        float: left;
        margin-right: 12px;
    }

    .new_share .bshare-custom .bshare-qqim, .new_share .bshare-custom .bshare-weixin, .new_share .bshare-custom .bshare-sinaminiblog {
        width: 33px;
        height: 33px;
        border-radius: 50%;
    }

    .new_share .bshare-custom .bshare-qqim {
        background: url(../images/share_03.png) no-repeat center;
        border: solid #eee 1px;
    }

    .new_share .bshare-custom .bshare-weixin {
        background: url(../images/share_05.png) no-repeat center;
        border: solid #eee 1px;
    }

    .new_share .bshare-custom .bshare-sinaminiblog {
        background: url(../images/share_07.png) no-repeat center;
        border: solid #eee 1px;
    }

.hd_slide {
    position: relative;
    z-index: 5;
    float: right;
    width: 25.5%;
}

.new_ul li {
    display: flex;
    margin-bottom: 8px;
    border: solid #ccc 1px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
}

    .new_ul li:hover {
        border: solid #e8470f 1px;
    }

.new_ul a {
    color: #666;
}

.row_reverse {
    display: flex;
    flex-direction: row-reverse;
}
/*.new_ul a:hover{color:rgba(250,204,0,1);}*/
.li_right {
    padding: 0 3%;
    width: 95%;
}

    .li_right p {
        margin: 16px 0 0 0;
    }

.tex-elic {
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    width: 94%;
    text-overflow: ellipsis;
    line-height: 1.9rem;
    white-space: nowrap\9 \0;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newli_img {
    width: 40%;
    float: left;
}

.new_slide {
    position: relative;
    margin-top: 66px;
    min-height: 600px;
}

.img_index {
    position: relative;
    top: -38px;
    margin: 0 auto;
    width: 95%;
}

.new_left {
    width: 72%;
    background-color: #f6f6f6;
}

.new_detailed h2 a {
    color: #333;
    font-size: 18px;
    transition: all 0.5s;
}

    .new_detailed h2 a:hover {
        color: rgba(250,204,0,1);
    }

.img_center { /*margin: 0 auto;*/
}

.new_mess p a {
    color: #ccc;
    transition: all 0.5s
}

.new_mess p, .txt_de p {
    margin: 0;
    transition: all 0.5s;
}

    .new_mess p:hover {
        color: rgba(0,0,0,1);
    }

    .new_mess p a:hover {
        color: rgba(0,0,0,1);
    }

.txt_de {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    overflow: hidden;
}

.p_inde {
    text-indent: 2em;
}

.share_det {
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border: solid #ccc 2px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.point_left, .point_right {
    display: flex;
    cursor: pointer;
    transition: .5s;
    align-items: center;
}

    .point_left p a, .point_right p a {
        color: #333;
        transition: all 0.5s;
    }
        /*.point_left:hover i,.point_right:hover i{border-color:rgba(250,204,0,1);}*/
        .point_left p:hover a, .point_right p a:hover {
            color: #e8470f;
        }

    .point_left p, .point_right p {
        margin: 0;
    }


    .point_right i {
        margin-left: 7px;
    }

.run_img img {
    transition: all 0.5s;
}

    .run_img img:hover {
        transform: rotate(360deg);
    }

.tit_new {
    margin-bottom: 33px;
    font-size: 24px;
    line-height: 30px
}

.new_pagination > li > a, .new_pagination > li > span {
    margin: 0 10px 0 0;
    color: #666;
}

.new_pagination > .active > a, .new_pagination > .active > a:focus, .new_pagination > .active > a:hover, .new_pagination > .active > span, .new_pagination > .active > span:focus, .new_pagination > .active > span:hover {
    background: #f0cf2f;
    border-color: #f0cf2f;
}

.new_pagination > li > a:focus, .new_pagination > li > a:hover, .new_pagination > li > span:focus, .new_pagination > li > span:hover {
    background: #f0cf2f;
    border-color: #f0cf2f;
}
/*lifetip*/
.lifetips_box {
    position: relative;
    height: 100%;
}

.lifeshow {
    height: 100%;
    background: url(../images/life_01.jpg) no-repeat;
    background-size: 100% 100%;
}
/*.lift_tabbox{height:100%;}*/
.life_container {
    width: 92%;
    margin: 0 auto;
}

.child_mess {
    display: flex;
    align-items: center;
}

    .child_mess div img {
        transition: 0.5s
    }

        .child_mess div img:hover {
            transform: scale(1.04);
        }

.lift_nav {
    padding: 0 80px;
    border-bottom: solid #ccc 1px;
    margin-bottom: 60px
}

.line_img:after {
    content: "";
    position: absolute;
    top: 23%;
    left: 33%;
    display: block;
    width: 0;
    height: 2px;
    width: 0;
    background: #f1ce23;
    transition: all 0.5s;
}

.line_img:hover:after {
    width: 17%;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

.child_detail {
    width: 60%;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
    float: right;
}

    .child_detail p {
        margin: 20px 0 20px;
        font-size: 13px;
        line-height: 24px;
        color: #666;
    }

    .child_detail h3 {
        transition: all 0.5s;
        font-size: 16px;
    }

        .child_detail h3 a {
            color: #333;
        }

        .child_detail h3:hover {
            color: rgba(250,204,0,1);
        }

.child_moreimg {
    cursor: pointer;
}

.child_row {
    margin-bottom: 40px;
}

.row_nomargin {
    margin-bottom: 0;
}

/*brand*/
/*brand*/
#dowebok {
    overflow-x: hidden;
}

.panel {
    border: none;
}

.brand_box .p_footer {
    width: 100%;
    border-top: solid rgba(232,232,232,.5) 1px;
}

.brand_box .footer_b {
    margin: 20px 80px;
}

.brand_box .focen_pore {
    width: 145px;
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -72px;
}

.brand_box .page6_box {
    margin-top: 7%;
    background: url(../images/qc1_03.jpg)
}

.brand_header {
    position: fixed;
    width: 94%;
    z-index: 3;
    top: 0;
}

    .brand_header .header {
        position: fixed;
        width: 100%;
        box-sizing: border-box;
    }

.menu_box {
    position: fixed;
    z-index: 3;
    top: 20%;
    background: #e8470f;
    color: #fff;
    left: 80px;
}

.menu_ul {
    max-width: 240px;
}

    .menu_ul a {
        color: #fff;
        text-decoration: none;
        display: block;
        transition: all 0.5s;
        height: 100%;
    }

    .menu_ul li {
        float: left;
        width: 120px;
        text-align: center;
        height: 100px;
    }

        .menu_ul li:hover {
            background: #4d4a47;
            transition: all 1s;
            opacity: 1
        }

        .menu_ul li:nth-of-type(odd) {
            border: solid rgba(204,204,204,0.33) 1px;
            border-left: none;
        }

        .menu_ul li:nth-of-type(even) {
            border-top: solid rgba(204,204,204,0.33) 1px;
            border-bottom: solid rgba(204,204,204,0.33) 1px;
        }

        .menu_ul li:last-child {
            border-bottom: none;
        }

        .menu_ul li img {
            margin-top: 25px;
            margin-bottom: 8px;
        }

.img_left {
    float: left;
}

.menu_ul li .active {
    border: none;
    background: #4d4a47;
}

.nav_click {
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
}

.img_left img {
    vertical-align: baseline;
    margin-right: 6px;
}

.section1_div, .section2_div, .section3_div, .section4_div, .section5_div, .section6_div, .section7_div, .pan8 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.section1_left, .section2_left, .section3_left, .section4_left, .section5_left, .section6_left, .section7_left {
    float: left;
    width: 50%;
    height: 100%;
}

.section1_left {
    background: url(../images/case_02.jpg) no-repeat;
    background-size: 100% 100%
}

.section2_left {
    background: url(../images/case_04.jpg) no-repeat;
    background-size: 100% 100%
}

.section1_right {
    float: right;
    width: 50%;
}

.text_div {
    margin: 25% auto;
    width: 80%;
    padding-right: 8%;
    position: relative;
    height: 500px;
    overflow-y: auto;
}

    .text_div h2 {
        margin-bottom: 22px;
        transition: all 1s;
        width: 224px;
        font-size: 30px;
    }

    .text_div p {
        height: 500px;
        transition: all 1s;
        font-size: 14px;
        color: #333;
        line-height: 36px;
    }
    /*.active .text_div p{-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.3s;}*/
    /*.vertical_line{width: 3px;height: 80px;background: #3d51cc;position: absolute;right: -3px;transition:all 1s;top:77%;}*/
    .text_div::-webkit-scrollbar {
        width: 4px;
        background: #ccc;
        height: 20px;
    }

    .text_div::-webkit-scrollbar-thumb {
        background-color: #e8470f;
        background-clip: padding-box;
        min-height: 23px;
        border-radius: 15px;
    }

.active .vertical_line {
    top: 0;
}

.section2_right {
    float: right;
    width: 50%;
    height: 100%;
}

.text2_div {
    height: 100%;
    background: #f6f4ea;
}

.brand_show2 {
    margin-top: 40px;
}

.brand_slide {
    padding-top: 20%;
    width: 83%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.tit_brand2 {
    float: left;
}

    .tit_brand2 h2 {
        font-size: 34px;
        transition: all 1s;
    }

.active .tit_brand2 h2 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.3s;
}

.brand_pageState {
    float: right;
    font-size: 26px;
}

.brand_pashow {
    height: 67px;
    line-height: 67px;
    margin-bottom: 10px;
}

.description_brand {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.descript {
    float: left;
    width: 50%;
    height: 58px;
    line-height: 40px;
    font-size: 16px;
}

.des_1 {
    border-right: solid rgba(204,204,204,.3) 1px;
    border-bottom: solid rgba(204,204,204,.3) 1px;
}

.des_3 {
    border-right: solid rgba(204,204,204,.3) 1px;
}

.des_2 {
    border-bottom: solid rgba(204,204,204,.3) 1px;
    text-align: right;
}

.des_4 {
    text-align: right;
}

.nex_pre {
    height: 60px;
    position: absolute;
    cursor: pointer;
    background: #fff;
    bottom: 22%;
    width: 100%;
}

.brand_prev {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    transition: all 0.5s
}

.brand_next {
    background: #fff;
    width: 50%;
    float: right;
    height: 100%;
    text-align: center;
    transition: all 1s
}

    .brand_prev:hover, .brand_next:hover {
        background: #e8470f;
    }

.now {
    background: #f8c800;
}

.inner_pointer {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-top: 18px;
    transition: all 0.5s;
    background: url(../images/slider-arrow.png) no-repeat -173px
}

.section_sec {
    transition: 1s
}

    .section_sec:hover {
        background: #e8470f;
    }

        .section_sec:hover .inner_pointer {
            border-color: #fff;
        }

.pointer_bran_net, .slide_next .inner_pointer {
    background: url(../images/slider-arrow.png) no-repeat -54px;
}

.brand_prev:hover .inner_pointer, .slide_pre:hover .inner_pointer {
    background-position-x: -110px;
}

.brand_next:hover .pointer_bran_net, .slide_next:hover .inner_pointer {
    background-position-x: 8px;
}

.now .inner_pointer {
    border-color: #fff;
}

.on_pandn .inner_pointer, .click_pre .inner_pointer .inner_pointer {
    border-right: solid #fff 2px;
    border-top: solid #fff 2px;
}

.section3_left {
    background: url(../images/case_06.jpg) no-repeat;
    background-size: 100% 100%;
}

.sectionslide, .sectionslide_t {
    position: absolute;
    width: 45%;
    right: 2%;
    top: 23%;
}

.slide_mer .a_box {
    float: left;
    margin-left: 40px;
    width: 25%;
}

.tit_sectionssl {
    float: left;
    margin-left: 40px;
}

.pre_box {
    width: 100px;
    float: right;
    margin-right: 11%;
}

.slide_next, .slide_pre {
    width: 45px;
    height: 50px;
}

.slide_pre {
    float: left;
    background: #eee
}

.slide_next {
    float: right;
    background: #eee
}

.click_pre {
    background: #f8c800;
}

.sec_net {
    margin-left: 7px;
}

.section_sec .inner_pointer {
    margin-top: 10px;
}

.tit_sectionssl h2 {
    font-size: 30px;
    transition: all 1s;
}

.a_box {
    position: relative;
    height: 320px;
    text-align: center;
    border: solid #e8e8e8 1px;
    background: #fff;
    display: block;
}

.opbrand {
    font-size: 14px;
    font-weight: 900;
    opacity: 0;
    transition: all .5s;
    color: #fff;
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 28px;
    background: #e8470f;
    text-align: center;
    padding: 0 12px;
    padding-top: 134px;
}

.a_box a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 23px;
}

.opbrand:hover {
    opacity: .7
}

.nice_mer img, .radio_show div img, .img_top img {
    transition: all 0.5s;
}

    .nice_mer img:hover, .radio_show div img:hover, .img_top img:hover {
        transform: scale(1.04);
    }

.section4_left {
    background: url(../images/case_08.jpg) no-repeat;
    background-size: 100% 100%;
}

.section5_left {
    background: url(../images/case_10.jpg) no-repeat;
    background-size: 100% 100%;
}

.section6_left {
    background: url(../images/case_11.jpg) no-repeat;
    background-size: 100% 100%;
}

.section7_left {
    background: url(../images/case_13.jpg) no-repeat;
    background-size: 100% 100%;
}

.section4_right {
    height: 100%;
    background: #f6f4ea;
    float: right;
    width: 50%;
}

.deve h2, .sec_radio h2 {
    font-size: 30px;
    margin: 0 0 80px 0;
    transition: all 1s;
    float: left;
}

.sec_radio {
    height: 50px;
}

.sec4_box {
    position: relative;
    top: 20%;
    width: 80%;
    margin: 0 auto;
}

.slide_mer {
    margin-top: 70px;
}

.think_section4 {
    height: 127px;
    background: #fff;
    line-height: 127px;
    padding-left: 33px;
    margin-bottom: 55px;
    clear: both;
    font-size: 16px;
}

.slide_mer .nice_mer {
    float: left;
    margin-left: 40px;
    width: 37%;
}

.section6_right, .section7_right {
    height: 100%;
    float: right;
    width: 50%;
}

.sec_six {
    position: relative;
    top: 20%;
    width: 87%;
    margin: 0 auto;
}

.radio_show {
    clear: both;
    clear: both;
    overflow: auto;
    height: 370px;
}

    .radio_show::-webkit-scrollbar {
        width: 6px;
        background: #cccccc;
        height: 20px;
    }

    .radio_show::-webkit-scrollbar-thumb {
        background-color: #e8470f;
        background-clip: padding-box;
        min-height: 23px;
        border-radius: 15px;
    }

    .radio_show div {
        float: left;
        width: 42%;
        margin-right: 4%;
        margin-bottom: 35px;
    }

.sec_seven {
    position: relative;
    top: 20%;
    width: 80%;
    margin: 0 auto;
}

.section7_outer {
    position: relative;
    height: 280px;
    margin-top: 131px;
    background: #f5f5f5;
    clear: both;
}

.img_top {
    position: absolute;
    top: -23%;
    left: 40px;
    width: 30%;
}

.de_sev7 {
    color: #666;
    max-width: 400px;
    float: right;
    line-height: 36px;
    margin: 5% 14% 0 0%;
    width: 45%;
    font-size: 14px;
    transition: all 1s;
}

.active .de_sev7 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.3s;
}

.brand_cont_box {
    clear: both;
    position: relative;
    height: 280px;
}

.click_chan_con {
    height: 127px;
    background: #fff;
    line-height: 127px;
    padding-left: 43px;
    font-size: 16px
}

.inner_ul {
    height: 120px;
    background: url(../images/ulbg_03.jpg) repeat-x center 67%;
    display: flex;
    margin-top: 60px;
}

    .inner_ul li:hover {
        color: #e8470f;
    }

    .inner_ul .on {
        color: #e8470f;
    }

.click_to_year, .click_to_year_rigth {
    height: 30px;
    width: 30px;
    background: #c5c2b0;
    border-radius: 50%;
    position: absolute;
    bottom: 0%;
    margin-top: -10px;
    text-align: center;
    line-height: 27px;
    transition: all 0.5s;
}

.click_to_year {
    left: 0px;
}

.click_to_year_rigth {
    right: -11px;
}

.click_to_year:hover {
    background: #e8470f;
}

.click_to_year_rigth:hover {
    background: #e8470f;
}

.brand_footer_box {
    position: absolute;
    width: 100%
}

    .brand_footer_box .footer_messimg {
        height: 100px;
    }
/*.outter_ul{height:50px;background: url(../images/ulbg_03.jpg);display: flex;margin:0 21px;overflow: hidden;}*/
.outter_ul li {
    float: left;
    background: url(../images/libg_03.png) no-repeat center 18px;
    flex-grow: 1;
    text-align: center
}
/*leavemessagee页面*/
.meass_top {
    font-size: 24px;
}

.mesleave_box {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/tousus_01.jpg) no-repeat;
}

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

.mes_left {
    position: absolute;
    top: 40%;
    left: 17%;
    width: 21%;
    line-height: 28px;
    background: #e8470f;
    height: 80%;
    padding: 53px 8px 0 8px;
}

.mes_ul {
    width: 252px;
    margin: 0 40px;
    line-height: 28px;
}

    .mes_ul li {
        font-size: 16px;
        color: #333;
    }

.mes_left h3 {
    font-size: 36px;
    font-family: "幼圆"
}

.mes_left h4 {
    font-size: 30px;
    margin-top: 3px;
    margin-bottom: 35px;
}

.mes_left p {
    font-weight: 900;
    font-size: 34px;
    line-height: 3rem;
}

.form_box {
    height: 300px;
    position: relative;
    width: 40%;
    float: left;
}

.myform_horizontal .my_fromgroup {
    margin-right: 0;
    margin-left: 0;
}

.form-control {
    border-radius: 0px;
    color: #999;
}

.my_btu {
    background: #e8470f;
    border-radius: 0;
    height: 30px;
    width: 110px;
    line-height: 15px;
}

.from_and_other {
    width: 56%;
    position: absolute;
    top: 52%;
    right: 0;
    background: #4d4a47b5;
    padding-left: 45px;
    padding-top: 2%;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background: #eecd2f;
}

.btn-default:hover {
    color: #fff;
    background: #e8470f;
}

.meass_box {
    color: #fff;
    float: right;
    width: 55%;
    font-size: 25px;
    line-height: 41px;
}

.line_mess {
    width: 32px;
    background: rgba(255,255,255,0.5);
    height: 2px;
    margin-top: 30px;
}

.meass_buttom ul {
    margin-top: 4%;
}

    .meass_buttom ul li {
        float: left;
        border: solid #fff 1px;
        font-size: 16px;
        width: 23%;
        margin-right: 8px;
        margin-bottom: 8px;
        text-align: center;
    }

        .meass_buttom ul li a {
            color: #fff;
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
        }

            .meass_buttom ul li a:hover {
                color: #e8470f;
            }

.levemes_txt {
    color: #fff;
    position: absolute;
    top: 40%;
    width: 56%;
    right: 0;
}

.levese_de {
    font-size: 36px;
    font-family: "幼圆"
}

.en_leve {
    font-size: 32px;
    font-weight: lighter;
    font-family: "幼圆"
}


/*odd*/
.leavemes_bg .footer_messimg {
    position: absolute;
    width: 100%;
    bottom: 0;
}

/*shopshow页面*/

.shopshow_box {
    position: relative;
    height: 100%;
}

.shopshow {
    height: 100%;
    background: url(../images/shopshow_02.jpg) no-repeat;
    background-size: cover;
}

.shopshow_box .bookmark {
    overflow: hidden;
}

.bookmark {
    position: relative;
}

.inner_mark {
    height: 100%;
}

.mark_tab {
    padding: 0 4%;
    height: 76px;
}

    .mark_tab > li {
        border-bottom: none;
    }

li.active {
    border-bottom: solid #e8470f 3px;
}

.mark_tab > li.active > a,
.mark_tab > li.active > a:focus,
.mark_tab > li.active > a:hover {
    border: none;
}

.nav > li > a {
    padding: 27px 15px;
    color: #333;
    font-size: 14px;
}

.my_tab {
    padding: 0 4%;
}

.mark_tab_box {
    margin-top: 65px;
}

.tab_left {
    overflow-y: hidden;
    float: left;
    width: 50%;
    height: 78%;
    border: solid #e8e8e8 1px;
    padding-top: 30px;
    height: 713px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.tab_rightbox {
    width: 49%;
    float: right;
    position: relative;
}

.tab_right {
    float: right;
    overflow: hidden;
    height: 78%;
    max-width: 100% !important;
    width: 47%;
}

    .tab_right div {
        display: none;
    }

.my_sity_sele {
    height: 50px;
    padding-left: 40px;
}

.shop_sity {
    margin-right: 46px;
}

    .shop_sity li {
        position: relative;
        float: left;
        overflow: hidden;
        min-width: 47%;
        height: 53px;
        border: solid #e8e8e8 1px;
    }

        .shop_sity li:nth-of-type(1) {
            margin-right: 24px;
        }

    .shop_sity select {
        float: left;
        width: 110%;
        height: 100%;
        border: none;
        color: #666;
        font-size: 15px;
        padding-left: 20px;
        background: url(../images/xiala_03.png) 83% no-repeat;
    }

    .shop_sity i {
        position: absolute;
        right: 19px;
        display: block;
        margin-top: 15px;
        width: 15px;
        height: 15px;
        border-top: solid #e8e8e8 2px;
        border-right: solid #e8e8e8 2px;
        transform: rotate(135deg);
    }

.applicat {
    margin-left: 40px;
    color: #fff;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 24px;
    width: 140px;
    height: 40px;
    background: #e8470f;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

    .applicat:hover {
        color: #fff;
    }

.shop_place_box {
    height: 80%;
    border-top: solid #ccc 1px;
    font-size: 14px;
    line-height: 28px;
    padding-left: 40px;
    padding-top: 50px;
    padding-bottom: 50px
}

.shop_place {
    margin-right: 50px;
    overflow-y: auto;
    height: 100%
}

    .shop_place::-webkit-scrollbar {
        width: 6px;
        background: #cccccc;
        height: 20px;
    }

    .shop_place::-webkit-scrollbar-thumb {
        background-color: #e8470f;
        background-clip: padding-box;
        min-height: 23px;
        border-radius: 15px;
    }

    .shop_place ul {
        width: 95%;
        padding: 19px 0;
        transition: .5s;
        padding-top: 26px;
        height: 132px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

        .shop_place ul:hover {
            padding-left: 30px;
            background: #e8470f;
            color: #fff;
        }

            .shop_place ul:hover h3 {
                color: #fff;
            }

            .shop_place ul:hover pre {
                color: #fff;
            }

    .shop_place h3, .shop_place .title03 {
        margin: 0;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 16px;
        color: #333;
    }

.place_show {
    position: relative;
    margin-top: 40px;
}

.my_container {
    width: 100%;
}

[class^=col] {
    padding: 0;
}

.overhidden_img {
    overflow: hidden;
    max-height: 360px;
}

.form-horizontal .control-label {
    padding: 0;
}

.overhidden_img img {
    transition: .5s;
}

.form-group {
    margin-bottom: 10px;
}

.overhidden_img img:hover {
    transform: scale(1.04);
}

.point_look {
    display: flex;
    margin-top: 4rem;
    width: 88px;
    color: #ccc;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}

.padding_text {
    padding: 0 53px;
    padding-top: 60px;
    border-top: solid #eee 1px;
}

    .padding_text h3, .padding_text .title03 {
        line-height: 26px;
    }

        .padding_text h3 a, .padding_text .title03 a {
            color: #333;
            transition: all 0.5s;
            font-size: 16px;
        }

            .padding_text h3 a:hover, .padding_text .title03 a:hover {
                color: rgba(250,204,0,1);
            }

    .padding_text p {
        color: #666;
        line-height: 26px;
        transition: all 0.5s;
        font-size: 13px;
    }

.img_p {
    width: 13px;
    height: 7px;
    background: url(../images/iponter_03.png) no-repeat 100%;
    animation: myani 1s infinite;
}

.shop_pagination li a, .dream_pagin li a {
    margin-left: 10px;
    margin-left: 10px;
    color: #666;
    transition: 0.5s
}

.margin_p a {
    color: #ccc;
    transition: all .5s
}

    .margin_p a:hover {
        color: #000;
    }

.pageser_tit_show h2 {
    margin: 0;
}

.shop_bottom {
    overflow: hidden;
    position: relative;
    background: url("../images/qc1_03.jpg");
    margin-top: 30px;
    clear: both;
}

    .shop_bottom .header, .shop_bottom .pageser_tit_show {
        visibility: hidden;
    }

    .shop_bottom .pageser_tit_show {
        display: none;
    }

.pageser_tit {
    margin-top: 5%;
    margin-left: 2.5%;
}

.fixed_div {
    position: absolute;
    bottom: 4.5%;
    z-index: 47;
    width: 100%;
    height: 23px;
    height: 5%;
}

.div_fix {
    width: 88%;
    margin: 0 auto;
}

.fix_left {
    display: flex;
    width: 7%;
    align-items: center;
    justify-content: space-between;
}

.fix_right {
    position: relative;
    display: flex;
    width: 10%;
    justify-content: space-between;
}

.fix_center.fixcen_pore {
    position: relative;
    left: 2%;
    width: 9%;
}

.fix_right img {
    width: 48px;
}

.fixed_div .fo_left {
    position: relative;
    top: 20%;
    left: 3%;
}

.fixed_div .focen_pore {
    right: -40%;
}

.ser_list {
    display: flex;
    margin: 0 auto;
    padding: 2% 0;
    width: 71%;
    overflow: hidden;
}

    .ser_list li div img {
        transition: all 0.5s;
    }

        .ser_list li div img:hover {
            transform: scale(1.2);
        }

    .ser_list li {
        height: 176px;
        ;
        float: left;
        width: 20%;
        text-align: center;
    }

.page_downbox {
    overflow: hidden;
}

.ul_box {
    border-bottom: solid rgba(232,232,232,0.5) 1px;
    padding: 18px 0;
    margin: 0 auto;
    bottom: 0;
    display: flex;
    padding-top: 7px;
    width: 71%;
    min-height: 90px;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
    background-color: #fff;
    flex-direction: column;
}

.pageser_tit h2 {
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 28px;
}

.ser_list li span {
    color: #666;
    font-size: 18px;
}

    .ser_list li span small {
        font-size: 10px;
        color: #bbb;
    }

.pageser_tit small {
    color: #666;
}

.togg_ud li {
    width: 101px;
    float: left;
    text-align: center;
}

.ser_show {
    text-align: center;
}

    .ser_show p {
        padding-top: 5%;
        color: #fff;
        font-size: 28px;
    }

.ser_togg {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.upor_down,
.up_to {
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: block;
    align-self: center;
    /* margin:1% auto auto ; */
}

.upor_down {
    background: url(../images/showdown_03.png) no-repeat center;
}

.up_to {
    background: url(../images/showup_03.png) no-repeat center;
}

.page_down {
    position: relative;
    width: 100%;
    height: 390px;
    background: url(../images/lastimg_07.jpg) no-repeat;
}

.free_for {
    margin: 1% auto;
    width: 8.5%;
    height: 50px;
    border: solid #fff 1px;
    border-radius: 67px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    cursor: pointer;
    transition: all 0.5s;
}

    .free_for:hover {
        background: rgba(250,204,0,1);
        border-color: rgba(250,204,0,1)
    }

    .free_for a {
        color: #fff;
        font-size: 14px;
    }

.free_showlist div img {
    transition: all 0.5s
}

    .free_showlist div img:hover {
        transform: scale(1.12);
    }

.togg_ud li .free_showlist {
    display: flex;
    color: #666;
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
}

.ul_box2 {
    position: absolute;
    bottom: 1%;
    display: none;
    color: #666;
    font-size: 15px;
}

.last {
    display: flex;
    justify-content: space-between;
}

.last_left {
    color: #666;
    font-size: 18px;
    line-height: 1.9rem;
}

.last_right {
    display: flex;
    justify-content: space-between;
}

.footer_right {
    width: 71%;
    margin-right: 10px;
    margin-top: 39px;
}

.footer_left ul {
    display: flex;
    line-height: 28px;
    flex-direction: column;
    align-items: flex-start;
}

.footer_left a {
    color: #666;
}

.footer_left ul li {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.footer_right ul {
    float: right;
    margin-left: 8%;
}

.footer_right {
    font-size: 12px;
    line-height: 24px;
}

.footer_left ul .font_coL_self {
    color: rgba(250,204,0,1);
    font-weight: bold;
    font-size: 30px;
}

.footer_right ul li:first-child, .footer_right ul li:first-child a {
    color: rgba(250,204,0,1);
    font-size: 14px;
}

.selt_footer {
    background: #fff;
}

.last_footer {
    color: #999;
    transition: all 0.5s;
    margin-top: 34px;
    border-top: solid rgba(232,232,232,0.5) 1px;
}

    .last_footer p a:hover {
        color: #000;
    }

.pageser_tit_show {
    width: 92%;
    margin: 0 auto;
}

.shop_pagination > li > a:focus, .shop_pagination > li > a:hover, .shop_pagination > li > span:focus, .shop_pagination > li > span:hover {
    border: solid #f0cf2f 1px;
    background: #f0cf2f;
}

.dream_pagin > li > a:focus, .dream_pagin > li > a:hover, .dream_pagin > li > span:focus, .dream_pagin > li > span:hover {
    border: solid #f0cf2f 1px;
    background: #f0cf2f;
}

.shop_pagination > .active > a, .shop_pagination > .active > a:focus, .shop_pagination > .active > a:hover, .shop_pagination > .active > span, .shop_pagination > .active > span:focus, .shop_pagination > .active > span:hover {
    border: solid #f0cf2f 1px;
    background: #f0cf2f;
}

.dream_pagin > .active > a, .dream_pagin > .active > a:focus, .dream_pagin > .active > a:hover, .dream_pagin > .active > span, .dream_pagin > .active > span:focus, .dream_pagin > .active > span:hover {
    border: solid #f0cf2f 1px;
    background: #f0cf2f;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
}

@keyframes myani {
    from {
        margin-left: 3px;
    }

    to {
        margin-left: 12px;
    }
}


/*筑梦家*/
.share_box {
    position: absolute;
    width: 100%;
    height: 100%;
}

.share {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/dream_01.jpg) no-repeat;
    background-size: 100% 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    color: #333;
}

.dream_nav {
    padding-left: 4%;
}

.brand_div {
    position: relative;
    width: 100%;
}

.brand_left {
    position: relative;
    float: left;
    width: 50%;
}

.brand_right {
    float: right;
}

.bream_text {
    position: relative;
    margin: 12.9% auto;
    width: 70%;
    height: 33%;
    text-align: center;
    line-height: 2rem;
}

    .bream_text h3 {
        margin: 0 0 27px 0;
        transition: all 0.5s;
    }

        .bream_text h3 a {
            transition: all 0.5s;
            font-weight: 500;
        }

            .bream_text h3 a:hover {
                color: rgba(250,204,0,1);
            }

    .bream_text p {
        line-height: 2.5rem;
    }

.more_text {
    margin: 0 auto;
    margin-top: 52px;
    width: 160px;
    height: 40px;
    background: #f1ce23;
    color: #fff;
    line-height: 40px;
    opacity: .8;
    cursor: pointer;
    transition: .5s;
}

    .more_text:hover {
        opacity: 1;
    }

.shareleft_img {
    position: relative;
}

.furniture_lift {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 51%;
    height: 50%;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.padd {
    padding: 0 9%;
    text-align: center;
    height: 231px;
    font-size: 14px;
    line-height: 28px;
}

    .padd h3 {
        margin: 0 0 24px 0;
        font-weight: 500;
    }

        .padd h3 a {
            transition: all 0.5s;
        }

    .padd .self_ff a {
        color: #fff;
    }

        .padd h3 a:hover, .padd .self_ff a:hover {
            color: rgba(250,204,0,1);
        }

.other_txt {
    margin: 0 auto;
    margin-top: 42px;
    width: 50px;
    height: 50px;
    border: solid #fff 1px;
    border-radius: 50%;
    text-align: center;
    padding-left: 1px;
    cursor: pointer;
    transition: 0.5s;
    background: url(../images/pori_394.png) no-repeat center;
}

.click_black {
    background: url(../images/click_moreb_03.png) no-repeat center
}

.click_blackmore {
    background: url(../images/click_ge.png) no-repeat center;
}

.other_txt_click {
    background: url(../images/pori_395.png) no-repeat center
}

.click_more {
    height: 50px;
    overflow: hidden;
}

.chick_h {
    height: auto;
}

.padd .other_txt {
    border: solid #ccc 1px;
    color: #ccc;
}

.other_txt:hover {
    border: solid #f1ce23 1px;
    color: rgba(250,204,0,1);
}

.brand_right {
    width: 50%;
}

.brand_right_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .brand_right_bottom div img {
        transition: 0.5s;
    }

        .brand_right_bottom div img:hover {
            transform: scale(1.04);
        }

.branf {
    width: 95%;
    overflow: hidden;
}

.dream_pagintion {
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_box .header {
    position: fixed;
    width: 100%;
}

.shareleft_img {
    position: absolute;
    width: 100%;
    height: 700px;
    background: url(../images/dream_05.jpg) no-repeat;
    background-size: 100% 100%
}

.brand_r_img {
    position: relative;
    width: 100%;
    height: 100%;
    height: 752px;
    background: url(../images/dream_04.jpg) no-repeat;
    background-size: 100% 100%;
}

.brand_right_bottom {
    position: absolute;
    height: 350px;
}

.branf {
    background: url(../images/dream_07.jpg) no-repeat 0;
    background-size: auto 100%;
    height: inherit;
}

.brand_div_topbox {
    position: relative;
    height: 1084px;
    overflow: hidden;
}

.bream_text {
    height: 28%;
    margin: 8.9% auto;
}
/*fuwu*/
.norma_po {
    margin-top: 70px;
}

    .norma_po h2 {
        margin: 20px 0 60px 0
    }

@media screen and (max-height: 900px) {
    .point_look {
        margin-top: 2rem;
    }
}

@media screen and (min-height: 907px) {
    /*.form_box{top:58%;}*/

}

@media screen and (max-height: 907px) {
    .nex_pre {
        bottom: 6%;
    }
}

@media screen and (max-width: 1280px) {
    .padding_text {
        padding: 0 1rem;
    }

        .padding_text p {
            line-height: 2rem;
        }
}

@media screen and (max-width: 1440px) {
    .life_line {
        left: 31%;
    }

    .brand_r_img {
        height: 678px
    }

    .brand_div_topbox {
        height: 1000px
    }

    .shareleft_img {
        height: 623px;
    }

    .meass_box {
        width: 57%
    }

    .line_mess {
        margin-top: 2px;
    }

    .meass_buttom ul li {
        width: auto;
    }

    textarea.form-control {
        height: 53px;
    }

    .mes_left {
        top: 39%;
        width: 25%;
    }

    .levemes_txt {
        top: 37%;
    }

    .join_box .ser_show p {
        padding-top: 1%;
    }
}





/*透明度渐变*/
@keyframes my_ani {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes myfirst {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes myfirst {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes myfirst {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
/*专题页home*/

/*专题页home*/

/**/
.qseven_box .home_list li {
    margin-left: 52px;
}

.kale_box, .veg_box, .qseven_box, .en_box, .mar_box, .city_box, .home_box {
    background: url(../images/bgbg_03.png)
}

    .kale_box .footer_messimg, .veg_box .footer_messimg, .qseven_box .footer_messimg {
        background: #fff
    }

    .kale_box .footer_leave, .veg_box .footer_leave, .qseven_box .footer_leave {
        background: #fff
    }

.bg_1 {
    overflow: hidden;
}

.city_bg1, .kale_bg1, .en_bg1, .mar_bg1, .qseven_bg1, .home_bg1, .veg_bg1 { /*height: 1078px;*/
}

.home_bg1 {
    background: url(../images/home_01.jpg);
    background-size: 100% 100%;
}

.city_bg1 {
    background: url(../images/city_02.jpg);
    background-size: 100% 100%;
}

.kale_bg1 {
    overflow: hidden;
}

.en_bg1 {
    background: url(../images/en_02.jpg);
    background-size: 100% 100%;
}

.mar_bg1 {
    background: url(../images/mar_01.jpg);
    background-size: 100% 100%;
}

.qseven_bg1 {
    background: url(../images/qseven_02.jpg);
    background-size: 100% 100%;
}

.veg_bg1 {
    background: url(../images/VEG_01.jpg);
    background-size: 100% 100%;
}

.home_bg1 img {
    display: block;
    max-width: 100%;
    height: auto;
}

.cont_bgone {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 50%;
    text-align: center;
    margin-left: -641px;
}

.border_top {
    width: 405px;
    height: 467px;
    border-top: solid #f06fb8 3px;
    width: 296px;
    padding: 0 55px;
    background: #fff
}

.margin_top_img {
    margin-top: 72px;
}

.color_pink {
    font-size: 18px;
    color: #f06fb8;
    margin-top: 25px;
    margin-bottom: 10px;
}

.hover_chan {
    transition: all 0.5s
}

.border_top p {
    font-size: 13px;
    line-height: 26px;
    text-align: left;
}

.bg_2 {
    background: url("../images/qc1_03.jpg");
}

.bg_cont, .bg3_inner, .bg4_inner, .bg5_inner, .bg_5, .bg6_inner, .inner_cont, .inner7_cont, .bg9_cont, .bg5_inner, .bg4_en {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.cont_tit {
    font-size: 36px;
    font-weight: lighter;
    color: #333;
    padding-top: 116px;
    transition: all 0.5s;
    line-height: 30px;
}
/*.cont_tit:hover{color:rgba(240,207,47,1);}*/
.line-buttom {
    width: 42px;
    height: 2px;
    background: #e1e1e1;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 35px;
}

.cont_detail, .cont_detail_sally {
    width: 67%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 116px;
    color: #666;
}

.cont_detail_sally {
    margin-bottom: 177px;
}

.home_list, .kalewu_list, .sally_list {
    padding-bottom: 143px;
    width: 1260px
}

.sally_list {
    width: 1479px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

    .sally_list .en_small {
        width: 220px;
        line-height: 23px;
        font-size: 13px;
    }

    .sally_list li {
        padding: 0 31px;
        box-sizing: border-box;
        float: left;
        width: 19%;
    }

    .home_list img, .sally_list img {
        transition: all 0.5s
    }

        .home_list img:hover, .sally_list img:hover {
            transform: scale(1.1);
        }

.font_biger {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    min-height: 72px;
    margin-top: 14px;
    width: 100%;
}

.en_small {
    font-size: 10px;
    color: #bbbbbb;
}

.bg_3 {
    background: url(../images/home3_02.png) no-repeat 0 0;
    color: #fff;
    background-size: 100% auto;
    padding-top: 111px;
    margin-top: -30px;
    clear: left
}

.cont3_tit {
    font-size: 30px;
    font-weight: lighter;
    margin-bottom: 15px;
    text-align: center
}

.cont3_detail {
    font-size: 14px;
    font-weight: lighter;
    line-height: 28px;
    margin-bottom: 50px;
    width: 598px;
    margin: auto auto 40px;
}

.cont3_detail2 {
    color: #666;
    line-height: 28px;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 44px
}

.bg3_imglist li {
    float: left;
    height: 246px;
    overflow: hidden;
    margin: 4px 3px;
    width: 420px;
    text-align: center;
    position: relative;
}

.bott_img {
    position: absolute;
    width: 100%;
    height: 100%
}

.turn_block {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(222,77,26,0.5);
    color: #fff;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all 0.35s
}

.bg3_imglist li img {
    display: block;
    width: 100%;
}

.hover_show {
    width: 100%;
    height: 40px;
    background: url(../images/homepo_03.png) no-repeat 49% 28px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    transform: scale(0.4);
    transition: transform 0.35s linear
}

.turn_block:hover {
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}

.bott_img img {
    transform: scale(1);
    transition: all 0.35s linear
}

.bg3_imglist li:hover .bott_img img {
    transform: scale(1.06);
}

.bg3_imglist li:hover .hover_show {
    transform: scale(1);
}

.more_div {
    line-height: 52px;
    padding-top: 70px;
    padding-bottom: 130px;
    clear: both
}

    .more_div a {
        display: block;
        color: #fff;
        border-radius: 30px;
        transition: all 0.5s linear;
        width: 210px;
        height: 52px;
        margin: 0 auto;
        background: #e8470f;
        font-size: 16px;
    }

        .more_div a:hover {
            color: #215ad8;
        }

.bg_4 {
    background: url(../images/homeE_23.png) no-repeat center;
    height: 630px;
}

.bg4_inner {
    width: 1280px;
    margin: 0 auto;
    color: #fff;
    padding-top: 111px;
}

    .bg4_inner .cont3_tit {
        font-size: 36px;
    }

.cont4_detail2 {
    font-size: 13px;
    color: #fff;
    line-height: 26px;
}

.bg_five {
    background: url(../images/homebg5_03.jpg)
}

.img_andcont {
    height: 503px;
    margin-top: -240px;
}

.cont_box {
    position: relative;
    height: 503px
}

.visit_div {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 752px;
    height: 450px;
    overflow: hidden;
}

.ground_floor {
    position: absolute;
    z-index: 1;
    background: #f5f5f5;
    width: 800px;
    height: 100%;
    right: 0;
    padding-left: 274px;
    color: #333;
}

.logo_div {
}

.mess_main {
    height: 89px;
    background: url(../images/homeline_03.png) no-repeat center 100%;
    font-size: 36px;
    font-weight: lighter;
    font-family: "幼圆";
    margin-top: 25px;
    color: #333;
}

.inner_box {
    margin-top: 121px;
}

.con5_cont {
    height: 600px;
    margin-top: 110px;
    padding-bottom: 144px;
    text-align: left;
    margin-bottom: 110px;
}

.decrit_logo {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

.con5_list {
    height: 606px;
}

    .con5_list li {
        float: left;
        width: 590px;
    }

    .con5_list .li_right {
        float: right;
    }

.decrit_txt {
    width: 146px;
    float: left;
}

.decri_txt2 {
    width: 397px;
    float: right;
    color: #666;
    font-size: 13px;
    line-height: 26px;
}

.bg_bigger {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px
}

.sm_txt {
    font-size: 14px;
    color: #333;
}

.bg5_imgdiv {
    margin-bottom: 68px;
    width: 590px;
    height: 483px;
    overflow: hidden;
}

.bg4_box {
    background: url(../images/homebg5_03.jpg)
}

.bg_7 {
    height: 758px;
    background: url(../images/home_02.png) no-repeat center;
}

.inner_cont {
    padding-top: 159px;
}

.bg_8 {
    height: 776px;
    background: url(../images/home8_09.jpg) no-repeat center;
}

.hoverch_img {
    width: 1280px;
    overflow: hidden;
}

    .hoverch_img img, .visit_div img, .bg5_imgdiv img {
        transition: all 0.5s linear
    }

        .hoverch_img img:hover, .visit_div img:hover, .bg5_imgdiv img:hover {
            transform: scale(1.05);
        }

.bg7_cont .con5_cont {
    padding-bottom: 124px;
}
/*专题页qseven*/
.qseven_box {
    overflow-x: hidden;
}

.default_qseven {
    width: 350px;
    position: absolute;
    top: 64%;
    left: 80px;
    color: #fff;
    transition: all 0.5s linear
}

.introductoin_header {
    height: 74px;
    background: #3d51cc;
    font-size: 20px;
    line-height: 74px;
    cursor: pointer;
}

.header_color {
    background: #e8470f;
}

.brand_introduction {
    float: left;
    margin-left: 30px;
}

.brand_introduction_img {
    float: right;
    margin-right: 30px;
    width: 15px;
    height: 74px;
    background: url(../images/qadd_03.png) no-repeat center;
}

.shrink_img {
    background: url(../images/qsenpo_03.png) no-repeat center;
}

.introductoin_cont {
    background: #fff;
    padding-top: 24px;
    padding-bottom: 14px;
    display: none;
}

.scroll_cont {
    background: #fff;
    padding-left: 20px;
    height: 304px;
    padding-right: 24px;
    overflow: auto;
    color: #666;
    font-size: 13px;
    line-height: 30px;
    margin-right: 15px;
}

    .scroll_cont::-webkit-scrollbar {
        width: 4px;
        background: #cccccc;
        height: 20px;
    }

    .scroll_cont::-webkit-scrollbar-thumb {
        background-color: #facd00;
        background-clip: padding-box;
        min-height: 23px;
        border-radius: 15px;
    }

.tclickout {
    top: 411px;
    transition: all 0.5s linear
}

.qseven_box .en_small {
    font-size: 13px;
    color: #888888;
    line-height: 26px
}

.qseven_box .line-buttom {
    margin-bottom: 6px;
    background: none;
}

.qseven_box .bg_4 {
    background: url(../images/qae_03.png) no-repeat center;
    height: 1188px;
}

.bg_4_cont {
    width: 1347px;
    height: 709px;
    margin-top: 128px;
    background: url(../images/qser_03.png) no-repeat center;
    position: relative;
    color: #666;
}

.cir {
    width: 100px;
    height: 100px;
}

.bg_4_cont div {
    position: absolute;
    transition: all 0.5s linear
}

.cir:hover {
    transform: scale(1.2);
}

.bg_4_cont div:nth-of-type(1) {
    background: url(../images/qsev_23.png) no-repeat;
    bottom: 20%;
    left: 22%;
}

.bg_4_cont div:nth-of-type(2) {
    background: url(../images/qsev_15.png) no-repeat;
    left: 24%;
    bottom: 47%;
}

.bg_4_cont div:nth-of-type(3) {
    background: url(../images/qsev_06.png) no-repeat;
    bottom: 63%;
    left: 33%;
}

.bg_4_cont div:nth-of-type(4) {
    background: url(../images/qsev_03.png) no-repeat;
    top: 16%;
    left: 47%;
}

.bg_4_cont div:nth-of-type(5) {
    background: url(../images/qsev_09.png) no-repeat;
    right: 32%;
    top: 24%;
}

.bg_4_cont div:nth-of-type(6) {
    background: url(../images/qsev_18.png) no-repeat;
    top: 43%;
    right: 23%;
}

.bg_4_cont div:nth-of-type(7) {
    background: url(../images/qsev_26.png) no-repeat;
    bottom: 18%;
    right: 21%;
}

.bg_4_cont div:nth-of-type(8) {
    bottom: 27.5%;
    left: 8.5%;
}

.bg_4_cont div:nth-of-type(9) {
    left: 10.5%;
    bottom: 54.5%;
}

.bg_4_cont div:nth-of-type(10) {
    bottom: 73%;
    left: 24%;
}

.bg_4_cont div:nth-of-type(11) {
    top: 6.5%;
    left: 42%;
}

.bg_4_cont div:nth-of-type(12) {
    right: 21%;
    top: 19%;
}

.bg_4_cont div:nth-of-type(13) {
    top: 43%;
    right: 10%;
}

.bg_4_cont div:nth-of-type(14) {
    bottom: 25%;
    right: 9%;
}

.bg_4_cont div:nth-of-type(15) {
    bottom: 24.5%;
    right: 42.5%;
}

.bg_4_cont div p:nth-of-type(2) {
    font-size: 13px;
}

.senter_img img {
    transition: all 0.5s linear
}

    .senter_img img:hover {
        transform: scale(1.1);
    }

.cir_font {
    font-size: 18px;
    color: #333;
    line-height: 29px
}

.bg5 {
    background: #fff;
    padding-top: 110px;
}

.bg5_inner {
    overflow: hidden;
    margin-bottom: 44px;
}

    .bg5_inner li {
        float: left;
    }

        .bg5_inner li img {
            transition: all 0.5s linear
        }

            .bg5_inner li img:hover {
                transform: scale(1.04);
            }

        .bg5_inner li:nth-of-type(2) {
            height: 260px;
        }

        .bg5_inner li:nth-of-type(3) {
            height: 430px;
            overflow: hidden
        }

        .bg5_inner li:nth-of-type(odd) {
            width: 828px;
            margin-bottom: 39px;
        }

        .bg5_inner li:nth-of-type(even) {
            width: 350px;
            margin-left: 33px;
        }

.li_font {
    font-size: 14.4px;
    color: #666;
    line-height: 31px;
    text-align: left;
}

.sper_font {
    font-size: 37px;
    font-family: "幼圆";
    margin-top: 12px;
    margin-bottom: 25px;
}

.qseven_box .page_down {
    background: url(../images/qbbg_02.png) no-repeat;
}
/*专题页veg*/
.ul_box2 {
    bottom: 29%
}

.veg_box {
    box-sizing: border-box;
    overflow-x: hidden;
}

    .veg_box .bg_2 {
        background: url(../images/cityop_03.png)
    }

    .veg_box .home_list {
        justify-content: space-around;
    }

    .veg_box .page_down {
        background: url(../images/vegbbg_03.png)
    }

.veg_bg4 {
    height: 600px;
    color: #666;
    margin-top: 21%;
    margin-left: 5%
}

.veg_detail {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

    .veg_detail li {
        float: left;
        width: 30%;
        background: url(../images/veg4_03.png) no-repeat center 102%;
        height: 274px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .veg_detail li:nth-of-type(4) {
            clear: left;
            margin-left: 15%
        }

        .veg_detail li div {
            width: 159px;
            height: 159px;
            overflow: hidden;
            border-radius: 50%;
            margin: 0 auto;
            margin-bottom: 3px;
        }

        .veg_detail li img {
            transition: all 1s linear
        }

            .veg_detail li img:hover {
                transform: rotate(360deg);
            }

.veg_box .bg_4 {
    background: url(../images/vegbg4_03.png) center;
    height: 1180px;
}

.veg_detail h2 {
    font-family: "幼圆";
    font-size: 30px;
    color: #333;
    line-height: 42px;
    padding-bottom: 10px;
    margin-top: -2px;
}

.veg_detail p {
    font-family: "幼圆";
    font-size: 14px;
    color: #666;
    line-height: 24px;
    width: 169px;
    margin: 0 auto;
    margin-top: -20px;
    font-weight: lighter;
}

.veg_detail .litt_margin {
    margin-top: -38px;
}

.veg_detail .litt_margin {
    margin-top: 0\9 \0;
}

.veg_box .bg5 {
    padding-top: 29px;
}

.even_div {
    margin-right: 130px
}

.bg5_ul li div {
    float: left;
}

.odd_div { /*margin-left: 130px;*/
    text-align: right;
}

.bg5_ul li:nth-of-type(2n) .bg5_left {
    float: right;
}

    .bg5_ul li:nth-of-type(2n) .bg5_left h2 {
        float: right;
    }

.odd_div .lind_bg5 {
    float: right;
}

.bg5_ul {
    background: url(../images/vegulbg_03.png)
}

    .bg5_ul li {
        display: flex;
        height: 901px;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding-top: 12%;
    }

        .bg5_ul li:nth-of-type(even) {
            flex-direction: row-reverse;
        }

        .bg5_ul li:nth-of-type(1) {
            background: url(../images/veg6_02.png) no-repeat 1% center;
            margin-top: -30px;
        }

        .bg5_ul li:nth-of-type(2) {
            background: url(../images/vegli2_02.png) no-repeat center;
        }

        .bg5_ul li:nth-of-type(3) {
            background: url(../images/veg6_07.png) no-repeat center;
        }

        .bg5_ul li:nth-of-type(4) {
            background: url(../images/vegli3_04.png) no-repeat center;
        }

        .bg5_ul li:nth-of-type(5) {
            background: url(../images/veg6_07.png) no-repeat center;
        }

.bg5_left {
    width: 43%;
    display: flex;
    justify-content: flex-start;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .bg5_left h2 {
        float: left;
    }

.bg5_ul li:nth-of-type(even) .bg5_left {
    flex-direction: row-reverse;
}

.bg5_left h2 {
    font-family: "HelveticaRounded";
    font-size: 120px;
    color: #f8db37;
    font-weight: bold;
    margin-right: 40px;
}

.lind_bg5 {
    width: 22px;
    height: 2px;
    background: #a0a0a0;
    margin-bottom: 13px;
    margin-left: 4px;
}

.bg5_left h3 {
    font-size: 18px;
    color: #333;
    font-family: "幼圆";
    font-size: 42px;
    line-height: 30px;
    margin-top: 49px;
}

.bg5_left p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-family: "open sans";
    margin-top: 8px;
}

.bg5_detail {
    margin-top: 25px;
    width: 201px;
    font-size: 13px;
    color: #666;
    line-height: 26px;
}

.bg5_ul li:nth-of-type(even) .bg5_left h3, .bg5_ul li:nth-of-type(even) .bg5_left p, .bg5_ul li:nth-of-type(even) .bg5_detail, .bg5_ul li:nth-of-type(even) h2 {
    color: #fff;
}

.bg5_ul li:nth-of-type(even) h2 {
    margin: 0 0 0 48px;
}

.bg5_ul li:nth-of-type(even) .bg5_detail {
    text-align: right;
}

.bg5_ul li:nth-of-type(even) .lind_bg5 {
    background: #fff
}

.bg5_right {
    overflow: hidden;
    width: 50%;
}

    .bg5_right img {
        transition: all 0.5s linear
    }

        .bg5_right img:hover {
            transform: scale(1.05);
        }
/*卡乐屋*/
.kale_box {
    overflow-x: hidden;
}

.hover_act {
    position: relative;
}
/*.hover_act::before{content: "";width:30px;height:100px;background: rgba(255,255,0,.5);position: absolute;top:4px;}*/
.kalewu_list {
    flex-wrap: wrap;
    overflow: hidden;
}

    .kalewu_list li {
        position: relative;
        transition: all 0.5s linear;
        flex-grow: 1;
        width: 23%;
        margin-right: 2px;
        margin-bottom: 3px;
        float: left;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column-reverse;
        height: 412px;
        box-sizing: border-box;
        overflow: hidden
    }

        .kalewu_list li div {
            width: 100%;
            height: 180px;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            padding-top: 45px;
        }

    .kalewu_list img {
        transition: all 0.5s linear
    }

        .kalewu_list img:hover {
            transform: scale(1.1);
        }

    .kalewu_list li:nth-of-type(1) {
        background: url(../images/kale_05.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(2) {
        background: url(../images/kale_07.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(3) {
        background: url(../images/kale_12.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(4) {
        background: url(../images/kale_09.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(5) {
        background: url(../images/kale_19.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(6) {
        background: url(../images/kale_20.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(7) {
        background: url(../images/kale_21.png) no-repeat;
        background-size: 101% 101%
    }

    .kalewu_list li:nth-of-type(8) {
        background: url(../images/kale_22.png) no-repeat;
        background-size: 101% 101%
    }

.kale_box .bg_4 {
    background: url(../images/kaleb_02.png) no-repeat;
    height: inherit;
}

.kale_box .bg4_inner {
    height: 1450px;
    padding-top: 131px;
}

.font_kalwwu {
    text-align: center;
    flex-direction: column;
    box-sizing: border-box;
}

    .font_kalwwu p {
        color: #fff;
        font-family: "幼圆";
        font-size: 24px;
        width: 50%;
        margin-top: 8px;
        text-align: left;
        margin: auto;
    }

    /*.kalewu_list li div:nth-of-type(1){margin-top:40px;}*/
    /*.font_biger
{
    padding-top:50px;
}*/
    /*.kalewu_list img
{
    padding-top:30px;
}*/
    .font_kalwwu .font_samll {
        font-size: 13px;
        line-height: 24px
    }

.kale_box .cont4_detail2 {
    width: 770px;
    margin: 0 auto;
}

.kale_box .cont3_tit {
    font-family: "幼圆";
    font-size: 30px
}

.kalewu_detail {
    margin-top: 79px;
}

.kalewu_show {
    color: #666;
}

    .kalewu_show li {
        float: left;
        width: 50%;
        height: 285px;
    }

        .kalewu_show li div img {
            width: 100%;
            height: 100%;
            transition: all 0.35s linear
        }

        .kalewu_show li div {
            background: #fff;
            width: 50%;
            height: 100%;
            transition: all 0.35s linear;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box; /*IE8*/
            box-sizing: border-box;
        }
            /*.kalewu_show li div:hover{box-shadow:inset 0px -4px 7px 4px rgba(80,98,209,.5)}*/
            .kalewu_show li div img:hover {
                animation: my_scale 1s linear
            }

        .kalewu_show li:nth-of-type(5) .font_detail:hover {
            box-shadow: inset 2px 4px 7px 4px rgba(255,255,255,1);
        }

        .kalewu_show li:nth-of-type(3) div, .kalewu_show li:nth-of-type(4) div, .kalewu_show li:nth-of-type(5) div {
            float: right;
        }

        .kalewu_show li:nth-of-type(5) {
            margin-left: 25%
        }

        .kalewu_show li:last-child {
            clear: left;
            margin-left: 25%
        }

        .kalewu_show li .font_detail {
            padding: 58px 33px 0 36px;
            background: #fff
        }

    .kalewu_show h3 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        text-align: left;
    }

    .kalewu_show p {
        font-size: 13px;
        color: #777;
        line-height: 24px;
        margin-top: 8px;
        text-align: left;
    }

    .kalewu_show li:nth-of-type(5) .font_detail {
        background: #6f7fd9
    }

    .kalewu_show li:nth-of-type(5) h3, .kalewu_show li:nth-of-type(5) p {
        color: #fff;
    }

.kale_box .page_down, .mar_box .page_down, .city_box .page_down, .en_box .page_down, .veg_box .page_down {
    background: url(../images/vegbbg_03.png)
}
/*.kalewu_list { display:block; position: relative; width:800px; height:450px; margin:0 auto;}*/
.kalewu_list li::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 50%;
    top: 0;
    left: -150px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
}

.kalewu_list li:hover:before {
    left: 150%;
    transition: left 1s cubic-bezier(0.25, 0.1, 0.13, 0.54) 0s;
}
/*七彩城堡*/
.bottom_right {
    width: 50%;
    overflow: hidden;
}

.bottom_left div:nth-of-type(1) {
    width: 100%;
    overflow: hidden;
}

.bottom_right img, .bottom_left img {
    transition: all 0.35s;
}

    .bottom_right img:hover, .bottom_left img:hover {
        transform: scale(1.05);
    }

.city_box {
    overflow-x: hidden;
    width: 100%;
}

.city_cont1 {
    color: #fff;
    position: absolute;
    bottom: 120px;
    left: 109px;
    z-index: 111;
}

    .city_cont1 h2 {
        color: #fff;
        font-size: 30px;
        line-height: 24px;
        margin-bottom: 33px;
    }

    .city_cont1 p {
        color: #fff;
        font-size: 18px;
        line-height: 36px;
    }

.bg2_show_left {
    background: url(../images/city_05.png) no-repeat;
    width: 50%;
    height: 641px;
    color: #fff;
    float: left;
    background-size: 100%;
    box-sizing:: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .bg2_show_left h2 {
        color: #fff;
        font-family: "幼圆";
        font-size: 30px;
        text-align: left;
    }

    .bg2_show_left p {
        font-size: 14px;
        line-height: 28px;
        text-align: left;
    }

.city_box .bg_2 {
    background: url(../images/cityop_03.png);
}

.city_line {
    width: 30px;
    height: 3px;
    background: rgba(255,255,255,0.6);
    margin: 16px 0 31px 0;
}

.city_box .bg_cont {
    height: 700px;
    padding-top: 110px;
    padding-bottom: 110px
}

.bg2_show_right {
    width: 50%;
    float: right;
}

.show_right_top {
    background: url(../images/city_07.png) no-repeat;
    height: 210px;
    background-size: cover;
    padding-top: 57px;
    padding-left: 52px;
    box-sizing: border-box;
}

    .show_right_top h2 {
        overflow: hidden;
        font-family: "Adobe 黑体 Std";
        font-size: 24px;
        line-height: 28px;
        color: #f09cc0;
        text-align: left;
        position: relative;
        overflow: hidden;
        transition: all 0.5s;
    }

        .show_right_top h2::after {
            content: "";
            position: absolute;
            width: 100px;
            height: 100%;
            top: 0;
            left: -50%;
            background: red;
            -webkit-transform: skewX(-25deg);
            -moz-transform: skewX(-25deg);
        }

}

.show_right_top h2:hover:after {
    left: 150%;
    transition: left 1s cubic-bezier(0.25, 0.1, 0.13, 0.54) 0s;
}

.show_right_top p {
    font-family: "Arial";
    color: #bababa;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    margin-top: 11px;
}

.show_right_top .city_line {
    width: 50px;
    background: #f09cc0;
    margin-top: 25px;
}

.bottom_left {
    width: 50%;
    float: left;
    color: #fff;
}

.submit_need h2 {
    color: #fff;
    font-size: 26px;
    line-height: 28px;
    font-family: "幼圆";
    font-size: 24px;
}

.submit_need span {
    font-size: 14px;
    line-height: 28px;
    font-family: "Arial"
}

.bottom_left img {
    max-width: 100%;
    display: block;
}

.submit_need {
    background: #f5e182;
    height: 241px;
    box-sizing: border-box;
    padding-top: 45px;
}

.need_click {
    display: block;
    width: 200px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: solid #fff 1px;
    margin: 0 auto;
    color: #fff;
    margin-top: 25px;
    transition: all 0.5s
}

    .need_click:hover {
        color: rgba(250,204,0,1);
    }

.city_box .bg_4 {
    background: url(../images/sity_07.jpg);
    height: inherit;
}

.bg_4city {
    background: url(../images/citycol_02.png) no-repeat center;
    background-size: 100%;
    height: 245px;
    width: 100%;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: flex-end;
}

.city_box .bg_4 img {
    display: inline-block;
    max-width: 100%;
}

.bg4_cont {
    width: 50%;
    text-align: left;
    line-height: 40px;
    font-size: 18px;
    font-family: "幼圆";
    position: absolute;
    right: 0px;
    margin-top: 90px;
}

.bg4_city_left, .bg4_city_right {
    width: 50%;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .bg4_city_left div {
        float: right;
        overflow: hidden;
    }

    .bg4_city_right div {
        float：left;
        overflow: hidden;
    }

        .bg4_city_left div:nth-of-type(1), .bg4_city_right div:nth-of-type(3) {
            width: 584px;
        }

        .bg4_city_left div:nth-of-type(2), .bg4_city_right div:nth-of-type(2) {
            width: 448px;
        }

.bg4_city_left {
    float: left;
    text-align: right;
}

.neileft {
    padding-right: 2px;
}

.neiright {
    padding-left: 2px;
    margin-top: -18px;
}

.bg4_city_right {
    float: right;
    text-align: left;
}

    .bg4_city_left img, .bg4_city_right img {
        transition: all 0.5s
    }

        .bg4_city_left img:hover, .bg4_city_right img:hover {
            transform: scale(1.1);
        }

.city_box .bg4_inner {
    height: 904px
}
/* 新床垫 */
.mar_box {
    overflow-x: hidden;
}

.swiper_con {
    height: 541px;
}

.bg4pic img {
    display: block;
    max-width: 100%;
}

.mar_line {
    width: 50px;
    height: 3px;
    background: rgba(255,255,255,.5);
    margin: 0 auto;
    margin-top: 26px;
}

.bg2_mattress {
    width: 1580px;
    height: 960px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 73px;
}

    .bg2_mattress li {
        height: 165px;
        width: 165px;
        box-sizing: border-box;
        transition: all 0.5s;
        line-height: 165px;
        text-align: center;
        float: left;
    }

        .bg2_mattress li p {
            font-size: 14px;
            font-family: "Open Sans";
            line-height: 16px;
            margin-top: 6px;
        }

.mar_box .bg_2 {
    background: #fff;
    overflow: hidden;
    margin-top: 73px;
}

.mar_box .bg_4 {
    background: url(../images/mar_03.jpg) no-repeat;
    height: 960px
}

.matterss_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mar_num {
    font-size: 50.71px;
    font-family: "HelveticaRounded BoldCond";
    color: #e8e1d8;
}

.mar_cont {
    color: #fff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .mar_cont h3 {
        font-size: 21.6px;
        color: #fff;
        line-height: 31.4px;
        padding-top: 50px;
    }

    .mar_cont h2 {
        font-size: 51px;
        color: #fff;
        line-height: 33.6px;
        font-family: "幼圆"
    }

    .mar_cont div {
        font-family: "幼圆";
        font-size: 14px;
        line-height: 28px;
        margin-top: 15px;
    }

    .mar_cont .mar_line {
        width: 47px;
        height: 1px;
        background: #c1c8ef;
        margin-top: 37px;
    }

.matterss_ul li:nth-of-type(2) {
    justify-content: space-between;
}

.matterss_ul li:nth-of-type(8) {
    justify-content: flex-end;
}

.matterss_ul li:nth-of-type(5) {
    background: #8390de;
    width: 245px;
    height: 223px;
    margin-top: -59px;
    font-family: "幼圆";
    padding-top: 54px;
}

.matterss_ul li:nth-of-type(14) {
    background: #8390de;
    width: 245px;
}

.matterss_ul li:nth-of-type(23) div {
    margin-bottom: -32px;
    transition: all 0.5s
}

.matterss_ul li:nth-of-type(23) {
    width: 245px;
    align-items: flex-end;
}

.matterss_ul li:nth-of-type(32) {
    width: 245px;
}

.matterss_ul li:nth-of-type(3) {
    background: #edd3b8
}

.matterss_ul li:nth-of-type(7) {
    background: #f2bdbd
}

.matterss_ul li:nth-of-type(11) {
    background: #f2bdbd
}

.matterss_ul li:nth-of-type(13) {
    background: #f1efec;
    color: #fff;
}

.matterss_ul li:nth-of-type(15) {
    background: #f1efec;
    color: #fff;
}

.matterss_ul li:nth-of-type(17) {
    background: #b1d9b0
}

.matterss_ul li:nth-of-type(19) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(21) {
    background: #b1d9b0
}

.matterss_ul li:nth-of-type(25) {
    background: #91d4d2
}

.matterss_ul li:nth-of-type(27) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(29) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(31) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(32) div {
    width: 165px;
    height: 165px;
    background: #fecaa5;
    box-sizing: border-box;
    margin: 84px auto auto;
}

.matterss_ul li:nth-of-type(33) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(35) {
    background: #f1efec
}

.matterss_ul li:nth-of-type(5) p {
    margin-top: 0;
    font-size: 10px;
    font-family: "Open Sans"
}

.matterss_ul li:nth-of-type(3):hover,
.matterss_ul li:nth-of-type(7):hover,
.matterss_ul li:nth-of-type(11):hover,
.matterss_ul li:nth-of-type(13):hover,
.matterss_ul li:nth-of-type(17):hover,
.matterss_ul li:nth-of-type(21):hover,
.matterss_ul li:nth-of-type(25):hover,
.matterss_ul li:nth-of-type(5):hover, .matterss_ul li:nth-of-type(23) div:hover {
    box-shadow: inset 3px -1px 6px 6px;
    animation: my_scale 2s
}

.mar_num:hover {
    transform: scale(1.3);
}

@keyframes my_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

@-moz-keyframes my_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes my_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes my_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

.bg4_mar_inner {
}

    .bg4_mar_inner .cont3_tit {
        color: #fff;
        font-size: 30px;
        font-family: "幼圆";
        padding-top: 200px;
    }

    .bg4_mar_inner div {
        color: #fff;
        font-size: 13px;
    }

.cont_mar {
    position: relative;
}

    .cont_mar p {
        font-size: 13px;
        line-height: 22px;
    }

    .cont_mar div {
        position: absolute;
        width: 9%; /*overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/
    }

        .cont_mar div:nth-of-type(1) {
            left: 65px;
        }

        .cont_mar div:nth-of-type(2) {
            left: 16%;
            top: -16px;
        }

        .cont_mar div:nth-of-type(3) {
            left: 28%;
            top: -30px;
        }

        .cont_mar div:nth-of-type(4) {
            left: 41%;
            top: -82px;
        }

        .cont_mar div:nth-of-type(5) {
            left: 54%;
            top: -107px;
        }

        .cont_mar div:nth-of-type(6) {
            left: 65%;
            top: -186px;
        }

        .cont_mar div:nth-of-type(7) {
            top: -216px;
            right: 14%;
        }

        .cont_mar div:nth-of-type(8) {
            top: -257px;
            right: 2%;
        }

.bg4_mar_inner h3 {
    color: #fff;
    font-family: "HelveticaRounded Bold";
    font-size: 30px;
    line-height: 76.7px;
}

/*英伦小屋*/
.en_box .bg_3 {
    background: url(../images/encbg_02.jpg) no-repeat
}

.en_box .bg_4 {
    background: url(../images/enbg41_02.jpg) no-repeat center;
    height: 1080px;
}

.en_box .bg_2 {
    background: url(../images/enbg2_03.jpg) no-repeat;
    background-size: 100%;
}

.bg_en_inner {
    height: 980px;
    box-sizing: border-box;
    align-items: center;
    width: 1280px;
    margin: 0 auto;
    padding-top: 195px;
}

.en_left {
    width: 470px;
    text-align: left;
    margin-top: -120px;
    float: left;
}

.cont_en {
    width: 470px;
}

    .cont_en h3 {
        color: #333;
        font-size: 18px;
        line-height: 22px;
        margin-top: 20px;
    }

    .cont_en p {
        color: #666;
        font-size: 13px;
        line-height: 28px;
        margin-top: 15px;
    }

.enimg_left {
    float: left;
    margin-left: 28px;
    float: left;
}

.img_r {
    text-align: right;
    margin-bottom: 21px;
}

.en_right {
    float: left;
    justify-content: space-between;
    flex-grow: 1;
}

    .en_right img {
        transition: all 0.5s
    }

        .en_right img:hover {
            transform: scale(1.05);
        }

.en_center_img {
    padding-top: 111px;
    float: left;
    position: relative;
    right: -25px;
}

.bg4_en {
    padding-top: 215px;
}

.en_bg4_left {
    float: left;
}

.en_bg4_rigyht {
    float: right;
}

.bg4_en {
    height: 1080px;
    box-sizing: border-box;
    align-items: center;
}

.en_bg4_left {
}

.enleft_ul li {
    overflow: hidden;
    align-items: center;
    justify-content: space-around;
    border: solid #7c89dc 1px;
    margin-bottom: 18px;
    width: 604px;
    box-sizing: border-box;
}

.en_imgcont {
    flex-grow: 1;
    text-align: left;
    box-sizing: border-box;
    padding-left: 20px;
    float: left;
}

    .en_imgcont h3 {
        color: #fff;
        font-size: 16px;
        line-height: 36px;
        margin-top: 15px;
    }

    .en_imgcont p {
        color: #fff;
        font-size: 13px;
        line-height: 24px;
    }

.en_imgl {
    padding: 15px 18px;
    border-right: solid #7c89dc 1px;
    float: left;
}

.en_cont_b {
    box-sizing: border-box;
    width: 525px;
    overflow: hidden;
    margin-left: 148px;
    background: #fff
}

.en_detail {
    background: #fff;
    font-size: 14px;
    text-align: left;
    box-sizing: border-box;
    padding: 53px 52px 66px 47px;
}

    .en_detail p {
        text-indent: 28px;
        margin-top: 5px;
        line-height: 24px;
        color: #666;
    }

.en_imgl img, .en_cont_b img {
    transition: all 0.5s;
}

    .en_imgl img:hover, .en_cont_b img:hover {
        transform: scale(1.1);
    }

.en_detail div {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #333;
}
/*香郦*/
.sally_ul {
    overflow: hidden;
    padding-bottom: 163px;
}

    .sally_ul li {
        float: left;
        width: 31%;
        background: #fff;
        margin-right: 14px;
    }

        .sally_ul li:nth-of-type(2) {
            align-items: center;
            flex-direction: column-reverse;
        }

.sally_cont {
    text-align: left;
    border: solid #fff 1px;
    padding: 27px 29px 40px 40px;
    box-sizing: border-box;
    height: 290px;
    background: #fff;
    color: #666;
    font-size: 13px;
    line-height: 26px;
    position: relative;
}

.sally_ul img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.35s
}

    .sally_ul img:hover {
        transform: scale(1.1);
    }

.sally_left {
    width: 70%;
    color: #666;
    padding-top: 88px;
}

.sally_tit {
    position: absolute;
    top: 27px;
    right: 24px;
    font-size: 24px;
    line-height: 36px;
    font-family: "幼圆";
    color: #333;
    width: 84px;
    border: solid #eecd2f 2px;
    padding: 20px 10px 41px 18px;
    box-sizing: border-box;
}

    .sally_tit::after {
        content: "";
        width: 45px;
        height: 2px;
        background: #eecd2f;
        position: absolute;
        bottom: -2px;
        left: 2px;
        transition: transform 0.5s cubic-bezier(0.38, 0.77, 1, 1);
        transform: rotate(132deg)
    }

.sally_img_div {
    height: 467px;
    overflow: hidden;
}

.sally_icon {
    position: absolute;
    height: 30px;
    width: 30px;
    background: #eecd2f;
    border-radius: 50%;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    border: solid rgba(255,255,255,.5) 1px;
}

.sally_ul li:nth-of-type(2) .sally_icon {
    top: -webkit-calc(100% - +15px);
    top: calc(100% - +15px);
}

.sally_icon::after {
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: transform 0.2s cubic-bezier(1, 0.35, 1, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    transform: rotate(135deg);
    margin-left: -2px;
    margin-top: -2px;
}

.sally_ul li:nth-of-type(2) .sally_icon::after {
    transform: rotate(-45deg);
}

.sally_tit:hover::after {
    transform: rotate(0deg);
}

.sally_icon:hover::after {
    animation: my_slideDown 2s
}

.free_showlist div {
    width: 68%;
}

.home_list {
    overflow: hidden;
}

    .home_list li:first {
        margin-left: 0px;
        ;
    }

    .home_list li {
        float: left;
        margin-left: 152px;
        ;
    }

.job_requirements {
    position: relative;
    margin-top: 120px;
    text-align: center;
}

.new_detailed h2 {
    margin: 0;
    margin-top: 10px;
}

.new_mess p {
    float: left;
    line-height: 44px
}

.new_mess {
    width: 355px;
    color: #ccc;
    overflow: hidden;
}

    .new_mess p:nth-of-type(2) {
        margin-left: 24px;
        margin-right: 24px;
    }

.ser_list div {
    width: 38%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .ser_list div img {
        max-width: 100%
    }

.ser_list li:nth-of-type(5) img {
    max-width: 81%;
}

.header {
    overflow: hidden
}

    .header a:nth-of-type(1) {
        float: left;
    }

    .header a:nth-of-type(2) {
        float: right;
        margin-top: 22px;
    }

.footer_leave {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.new_lr {
    overflow: hidden;
}

    .new_lr div {
        width: 30%;
        float: left;
    }

    .new_lr .point_right {
        float: right;
    }

.new_share {
    display: flex;
    margin-top: 33px;
    width: 162px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 33px;
}

.point_left i, .point_right i {
    display: block;
    background: url(../images/showright.png) no-repeat center;
    width: 11px;
    height: 15px;
    float: left;
    margin-top: 5px;
}

.point_left i {
    margin-right: 7px;
    margin-left: 4px
}

.point_right p {
    float: left;
}

.run_img {
    text-align: center;
}

.footNav {
    margin: 0 auto;
    margin-top: 33px;
}

    .footNav div {
        display: inherit;
    }

.new_ul li {
    display: flex;
    margin-bottom: 8px;
    border: solid #ccc 1px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
    overflow: hidden;
}

    .new_ul li .li_right {
        float: right;
    }

.li_right {
    padding: 0 20px;
    width: 70%;
}

.li_right {
    width: 80%\9 \0
}

    .li_right p {
        color: #999;
    }

.inner_ul li {
    float: left;
    text-align: center;
    height: 100%;
    background: url(../images/libg_03.png) no-repeat 50% 68%;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.5s;
    width: 20%;
}

.child_mess div:nth-of-type(1) {
    float: left;
    width: 40%;
}

/*9.5*/
.click_brand {
    overflow: hidden;
    margin-top: 23px;
    margin-left: 4%
}

    .click_brand a {
        display: block;
        transition: all 0.45s;
        line-height: 26px;
        color: #666;
        box-sizing: border-box;
        border: solid #dcdcdc 1px;
        text-align: center;
        margin-right: 4px;
        float: left;
        padding: 10px 35px;
        margin-bottom: 4px;
    }

        .click_brand a:hover {
            background-color: #e8470f;
            border-color: #e8470f;
            color: #fff;
        }

        .click_brand a.hover {
            background-color: #e8470f;
            border-color: #e8470f;
            color: #fff;
        }

.shopshow_box .mark_tab_box {
    margin-top: 40px;
}


@keyframes my_slideDown {
    from {
        top: 45%;
    }

    to {
        top: 60%;
    }
}

@-moz-keyframes my_slideDown {
    from {
        top: 45%;
    }

    to {
        top: 60%;
    }
}

@-webkit-keyframes my_slideDown {
    from {
        top: 45%;
    }

    to {
        top: 60%;
    }
}

@-o-keyframes my_slideDown {
    from {
        top: 45%;
    }

    to {
        top: 60%;
    }
}

@media screen and (max-height: 900px) {
    .padding_text {
        padding: 0 40px;
        padding-top: 40px;
    }

    .point_look {
        margin-top: 2rem;
    }
}

@media screen and (min-height: 907px) {
    /*.form_box{top:58%;}*/
}

@media screen and (max-height: 907px) {
    .nex_pre {
        bottom: 6%;
    }
}

@media screen and (max-width: 1280px) {
    .padding_text {
        padding: 0 1rem;
    }

        .padding_text p {
            line-height: 2rem;
        }

    .matterss_ul {
        position: relative;
        left: -88px;
    }

    .bg2_mattress li {
        width: 151px;
    }
}

@media screen and (max-width: 1440px) {
    .life_line {
        left: 31%;
    }

    .brand_r_img {
        height: 678px
    }

    .brand_div_topbox {
        height: 1000px
    }

    .shareleft_img {
        height: 623px;
    }

    .meass_box {
        width: 57%
    }

    .line_mess {
        margin-top: 2px;
    }

    .meass_buttom ul li {
        width: auto;
    }

    .shop_sity li {
        width: 47%;
    }

        .shop_sity li:nth-of-type(1) {
            margin-right: 11px;
        }

    .matterss_ul {
        position: relative;
        left: -88px;
    }

    .bg2_mattress li {
        width: 151px;
    }

    .cont_mar div:nth-of-type(6) {
        top: -159px;
    }

    .cont_mar div:nth-of-type(7) {
        top: -187px;
    }

    .cont_mar div:nth-of-type(8) {
        top: -219px;
    }

    .border_top {
        height: 425px;
    }

    .tclickout {
        top: 120px;
    }

    .padding_text p {
        height: 50px;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap\9 \0;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-height: 780px) {
    .levese_de {
        font-size: 26px;
    }

    .mes_left h4 {
        font-size: 26px
    }

    .ser_list li span {
        font-size: 16px
    }

    .ser_list div {
        width: 32%;
    }

    .free_showlist div {
        width: 78%;
    }

        .free_showlist div img {
            max-width: 85%;
        }

    .new_lr div {
        width: 37%;
    }

    .new_lr .run_img {
        width: 10%
    }
}

.bd7 .mao input:hover, .bd7 .mao a:hover {
    animation: bg_position 2s infinite
}

.bd7 .mao input:last-child {
    background-color: #5e6ed3;
}

@keyframes bg_position {
    from {
        background-position: 140px
    }

    to {
        background-position: 158px
    }
}

.bg4_mar_inner .swiper-slide {
    width: 1903px;
}

.bg4_mar_inner .swiper-wrapper {
    overflow-x: auto;
}

.bg4_mar_inner .swiper_con {
    height: 580px;
}

.swiper-wrapper::-webkit-scrollbar {
    height: 4px;
    background: #ccc;
}

.swiper-wrapper::-webkit-scrollbar-thumb {
    background-color: #3d51cc;
    background-clip: padding-box;
    min-height: 23px;
    border-radius: 15px;
}

.bg2left {
    padding: 80px 0 0 78px;
}

.footer_left {
    width: 25%;
    float: left;
}

.footer_right {
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    width: 75%;
}

.wrap_footer {
    margin: 0 80px;
    margin-top: 60px;
    overflow: hidden;
}

.last_footer {
    color: #999;
    transition: all 0.5s;
    line-height: 80px;
    margin: 0 36px;
    margin-top: 34px;
    border-top: solid rgba(232,232,232,0.5) 1px;
    overflow: hidden;
}

    .last_footer p:nth-of-type(1) {
        float: left;
    }

    .last_footer p:nth-of-type(2) {
        float: right;
    }

.togg_ud {
    width: 707px;
    margin: 0 auto;
    background: #fff;
}

    .togg_ud:after {
        content: "";
        position: absolute;
        clear: both;
        height: 1px;
    }

    .togg_ud li:nth-of-type(2), .togg_ud li:nth-of-type(4), .togg_ud li:nth-of-type(6) {
        margin-top: 35px;
    }








/*儿童房专题*/
.zhuanti_show {
    position: relative;
}

.zhuanti_img {
    border-radius: 50%;
    overflow: hidden;
    position: absolute; /*bottom: 3%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
    margin-top: -10%;
}

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

.zhuanti_font {
    position: absolute;
    left: 16%;
    top: 16%;
    left: -100%;
    max-width: 40%;
}

.zhuanti_tit1 {
    font-size: 36px;
    font-family: "YouYuan";
    line-height: 34px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.zhuanti_tit2 {
    font-size: 18px;
    line-height: 30px;
    color: #cb9b6c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%
}

.zhuanti_childimg {
    position: absolute;
    right: 20%;
    top: 16%;
    width: 14%;
}

.zhuati_imglittle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    border: solid #fff 8px;
}

.imgact {
    margin-bottom: 30px;
}

.zhuati_imglittle img {
    display: block;
    height: 100%;
}

.zhuanti_logo {
    width: 174px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

    .zhuanti_logo img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

.zhuanti_det { /*padding:80px 0 90px 0;*/
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.zhuanti_det_img {
    position: absolute;
    width: 70%;
}

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

.zhuanti_imgtop {
    position: absolute;
    width: 100%;
}

.zhuanti_imgbottom {
    width: 100%;
    overflow: hidden;
}

.zhuanti_imgtop {
    bottom: 0;
    left: -2.5%;
}

.zhuan_det_font {
    position: absolute;
}

.zhuan_det_font1 {
    font-size: 26px;
    line-height: 46px;
    color: #333;
}

.zhuan_det_font2 {
    font-size: 16px;
    line-height: 39px;
    color: #666;
}

.zhuanti_det_img2 {
    left: auto;
    right: -188px;
    bottom: 90px;
}

.actli1 .zhuanti_det_img {
    left: -13%;
    top: 15.5%;
    left: -100%;
}

.actli1 .zhuan_det_font {
    left: -188px;
    left: 64%;
    top: 25%;
    left: 100%;
    width: 100%;
}

.zhuanti_det li:nth-of-type(2) .zhuanti_det_img {
    right: -15.5%;
    bottom: 11%;
    right: -100%;
}

.zhuanti_det li:nth-of-type(2) .zhuan_det_font {
    left: 18%;
    top: 64%;
    left: -100%;
}

.ertong_imgshow {
    width: 100%;
    overflow: hidden;
}

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

.zhuanti_imgtop {
    opacity: 0;
    z-index: 2;
}


/*.zhuati_imglittle{display: none;opacity: 0;}*/
.zhuanti_det li:nth-of-type(2) .act_right2 {
    right: -15.5%;
    transition: right 0.5s;
}

.actli1 .act_right1 {
    left: -13%;
    transition: 1.5s;
}

.zhuanti_det li:nth-of-type(2) .actfont_right2 {
    left: 18%;
    transition: 1.5s;
}

.imgshow {
    bottom: 40px;
    opacity: 1;
    transition: all 2s;
}

.actli1 .actfont_right1 {
    left: 67%;
    transition: 2s;
}

.font_actleft {
    left: 16%;
    transition: 1.3s;
}
/*.imgactrigth1{display: block;transition: 3s;opacity: 1}*/


.ban {
    width: 500px;
    position: relative;
    overflow: hidden;
    margin: 40px auto 0 auto;
}

.ban2 {
    width: 500px;
    height: 127px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .ban2 ul {
        position: absolute;
        left: 0;
        top: 0;
    }

        .ban2 ul li {
            width: 500px;
            padding-left: 43px;
            box-sizing: border-box;
            line-height: 20px;
            margin-top: 29px;
        }

.prev {
    float: left;
    cursor: pointer;
}

.num {
    height: 172px;
    overflow: hidden;
    width: 463px;
    position: relative;
    margin: 0 auto;
    background: url(../images/ulbg_03.jpg) repeat-x center 78%
}

.min_pic {
    width: 500px;
}

.num ul {
    position: absolute;
    left: 0;
    top: 0;
}

    .num ul li {
        width: 75px;
        height: 100px;
        margin-right: 5px;
        padding: 1px;
        cursor: pointer;
    }

.click_to_year, .click_to_year_rigth {
    bottom: 1.5%;
    z-index: 8;
    cursor: pointer;
}

.click_to_year_rigth {
    right: 0;
}

.shipin_pop {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.2);
    padding: 5%;
    box-sizing: border-box;
}



/*添加*/
.ser_list li {
    cursor: pointer;
}
/*新加*/
.pop_mess1 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 10;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    display: none
}

.pop_messinner {
    width: 800px;
    height: 585px;
    background: #fff;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -267.5px;
    position: absolute;
    box-sizing: border-box;
    padding: 30px 32px 38px 30px;
    color: #666;
    font-size: 14px;
}

    .pop_messinner h2 {
        font-size: 22px;
        line-height: 26px;
        color: #333;
        font-weight: normal;
        padding: 0;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .input_div1 input, .pop_messinner select {
        color: #666;
        font-size: 14px;
        font-family: "微软雅黑";
        padding: 15px;
        box-sizing: border-box;
        height: 40px;
        border: solid #eaeaea 1px;
    }

.selfuwu {
    width: 350px;
    border: solid #eaeaea 1px;
    height: 40px;
    overflow: hidden;
    background: url(../images/childpoint_22.png) no-repeat 90% center;
    padding-left: 13px;
    box-sizing: border-box;
}

.pop_messinner select {
    padding: 0;
    border: none;
}

.selfuwu_select {
    width: 370px;
    background: transparent;
    height: 40px;
    border: none;
    font-size: 14px;
    color: #999999;
    line-height: 40px;
}

.nomal_width {
    width: 109px;
}

.input_div1 {
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 40px;
}

.pop_messinner label {
    display: block;
    float: left;
    line-height: 42px;
    text-align: left;
    font-weight: normal;
    color: #666;
}

.name1, .name2 {
    width: 240px;
    display: block;
    float: left;
}

.name1 {
    margin-right: 40px;
}

.name2 {
    margin-left: 20px;
    width: 290px;
}

.sex1 {
    float: left;
}

input[type="radio"] {
    margin: 3px 3px 0px 5px;
}

.sex_border {
    width: 20px;
    margin-right: 11px;
    cursor: pointer;
    text-align: right;
    position: relative;
    text-align: center;
}

    .sex_border.checked {
        background-position: left bottom;
        background: red;
    }

.year1 {
    margin-left: 21px;
    margin-right: 16px;
}

.year_input {
    width: 76px;
}

.city_div2 {
    width: 195px;
    border: solid #eaeaea 1px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/childpoint_22.png) no-repeat 90% center;
    float: left;
    margin-right: 17px;
    box-sizing: border-box;
    padding-left: 20px;
}

.input_div_top .city_div2:last-child {
    margin-right: 0;
}

.city_check {
    width: 230px;
    background: transparent;
}

.reset_submit {
    margin-top: 60px;
    float: right;
}

.reset_button, .submit_input {
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: solid #eaeaea 1px;
    cursor: pointer;
    transition: background 0.35s,color 0.35s,border-color 0.35s;
    color: #666;
}

.reset_button {
    background: transparent;
    margin-right: 8px;
}

    .reset_button:hover {
        background: #e8470f;
        border-color: #e8470f;
        color: #fff;
    }

.submit_input {
    background: #e8470f;
    color: #fff;
    border-color: #e8470f;
}

    .submit_input:hover {
        background: #fff;
        color: #e8470f;
    }

.input_div_top {
    margin-top: 51px;
    box-sizing: border-box;
    overflow: hidden;
}

.close_innerpop {
    height: 22px;
    width: 22px;
    position: absolute;
    right: 30px;
    top: 20px;
    background: url(../images/poper_03.png) no-repeat center;
    cursor: pointer;
}

.video {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.68);
    top: 0;
    left: 0;
    z-index: 100000000000000;
}

.video-con {
    width: 600px;
    height: 400px;
    ;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -300px;
}

    .video-con .cancel {
        width: 25px;
        height: 25px;
        position: absolute;
        right: -12px;
        top: -12px;
        cursor: pointer;
    }

        .video-con .cancel img {
            display: block;
            height: 25px;
            width: 25px;
        }