@charset "utf-8";
/* header */
body {
    -moz-user-select: none;
    hutia: expression(this.onselectstart=function(){return(false)});
}


.header01 {
    width: 100%;
    background: #fff;
    height: 70px;
    position: fixed;
    z-index: 9999;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.header01_ys {
    position: fixed;
    top: 0;
    left: 0;
}

.header01_nav {
    width: 80% !important;
    margin: 0 auto;
    /*position: relative;*/
}

.logo01 {
    width: 170px;
    float: left;
    margin-top: 8px;
}

    .logo01 img {
        width: 100%;
    }

.menu01 {
    float: right;
    padding-right: 5%;
}

    .menu01 ul li {
        float: left;
        vertical-align: middle;
        font-size: 15px;
        position: relative;
        color: #403E3F;
    }

        .menu01 ul li.li_login {
            display: none;
        }

        .menu01 ul li .line01 {
            width: 1px;
            height: 15px;
            background: #ccc;
            position: absolute;
            right: 0;
            top: 28px;
        }

        .menu01 ul li a {
            color: #333;
            line-height: 70px;
            padding: 0 15px;
        }

            .menu01 ul li a i {
                margin-right: 5px;
            }

            .menu01 ul li a:hover {
                color: #336430;
                font-weight:bolder;
            }

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

    .caidan ul li {
        display: table;
        height: 70px;
        width: 70px;
        float: left;
        padding: 0 10px;
        border-right: 1px solid #ececec;
    }

        .caidan ul li a {
            color: #403E3F;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .caidan ul li:hover a {
            color: #333;
        }

        .caidan ul li a p {
            margin-bottom: 0;
        }

            .caidan ul li a p i {
                font-size: 20px;
                display: block;
                float: left;
            }

            .caidan ul li a p span {
                display: block;
                font-size: 12px;
                margin-top: 5px;
                float: left;
            }

.nav_menu {
    position: absolute;
    z-index: 99999999;
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
    margin-left: -90px;
    left: 50%;
    top: 70px;
    background-color: #fff;
    max-height: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -moz-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -ms-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -o-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -webkit-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    overflow: hidden;
}

.level_t.act .nav_menu {
    max-height: 1000px;
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.nav_menu_b {
    margin-left: 20px;
    position: relative;
    width: 160px;
}

    .nav_menu_b ul {
        padding: 10px 0;
        border-left: solid 1px #e8e8e8;
        margin-top: 0px !important;
    }

        .nav_menu_b ul li {
            width: 100%;
        }

            .nav_menu_b ul li a {
                padding: 0 0 10px 20px;
                display: block;
                font-size: 14px;
                color: #333;
                line-height: inherit;
            }

.line_l {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 1px;
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    background-color: rgb(218, 185, 107);
    transition: all 0.1s ease-in-out;
}

.menu .nav_icon {
    margin-left: 35px;
}

.nav_icon i {
    font-size: 18px;
    color: #8c8c8c;
    display: block;
}
/* header */


/* banner */
.banner1 {
    position: relative;
    margin-top: 70px;
}

.common_bt {
    text-align: center;
    margin-bottom: 50px;
}

    .common_bt h2 {
        font-size: 28px;
    }

    .common_bt h3 {
        font-size: 20px;
        font-family: 'cinzelregular';
        margin: 0;
    }

.cpfl_js {
    width: 53%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

    .cpfl_js p {
        line-height: 25px;
        font-size: 14px;
    }
/* banner */

/*** 整体浴室 ***/
.indexpro {
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    height: 900px
}

.indexprobg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    height: 900px;
}

.indexprowz {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.indexprotext {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.hoverbox {
    height: 900px;
}

.cont_box a {
    position: absolute;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border: 1px solid #c7beb9;
    z-index: 10;
}

.cont_box div > a.n01 {
    width: 16.666%;
    height: 511px;
    left: 0;
    bottom: 0;
    border-bottom: 0;
    transition: all 600ms ease-in-out;
}

.cont_box div > a.n02 {
    width: 16.666%;
    height: 545px;
    left: 16.666%;
    top: 0;
    border-top: 1px solid transparent;
    transition: all 600ms ease-in-out;
}

.cont_box div > a.n03 {
    width: 16.666%;
    height: 585px;
    left: 33.332%;
    top: 160px;
    transition: all 600ms ease-in-out;
}

.cont_box div > a.n04 {
    width: 16.666%;
    height: 585px;
    left: 49.998%;
    bottom: 97px;
}

.cont_box div > a.n05 {
    width: 16.666%;
    height: 554px;
    left: 66.664%;
    top: 0;
    border-top: 1px solid transparent;
    transition: all 600ms ease-in-out;
}

.cont_box div > a.n06 {
    width: 16.666%;
    height: 650px;
    left: 83.33%;
    top: 0;
    border-top: 1px solid transparent;
    transition: all 600ms ease-in-out;
}

.cont_box a span {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
    top: -110px;
    position: relative;
}

.cont_box a strong {
    margin: 0 auto;
    margin: 80px auto 50px;
    display: block;
    padding: 54px 0;
    line-height: 40px;
    font-weight: normal;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-transform: capitalize;
    cursor: pointer;
}

.indexprowz .col-lg-4 {
    position: relative;
}

.cont_box1:hover .n01 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box1:hover .n01 {
    background: rgba(31, 33, 28,0.5);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1f211c, endColorstr=#7F1f211c);*/
    border: 1px solid transparent;
}

.cont_box .n02 strong {
    margin: 80px auto 85px
}

.cont_box2:hover .n02 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box2:hover .n02 {
    background: rgba(31, 33, 28,0.5);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1f211c, endColorstr=#7F1f211c);*/
    border: 1px solid transparent;
}

.cont_box .n03 strong {
    margin: 80px auto 55px
}

.cont_box3:hover .n03 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box3:hover .n03 {
    background: rgba(31, 33, 28,0.5);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1f211c, endColorstr=#7F1f211c);*/
    border: 1px solid transparent;
}

.cont_box .n04 strong {
    padding: 35px 0;
    top: 55px;
}

.cont_box4:hover .n04 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box4:hover .n04 {
    background: rgba(31, 33, 28,0.5);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1f211c, endColorstr=#7F1f211c);*/
    border: 1px solid transparent;
}

.cont_box .n02 strong {
    margin: 80px auto 85px;
}

.cont_box .n05 span {
}

.cont_box5:hover .n05 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box5:hover .n05 {
    background: rgba(31, 33, 28,0.5);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1f211c, endColorstr=#7F1f211c);*/
    border: 1px solid transparent;
}

.cont_box5:hover .medic_hide {
    opacity: 0;
}

.cont_box5:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}



.cont_box .n06 span {
}

.cont_box6:hover .n06 strong {
    border-top: 1px solid #5D5D5D;
    border-bottom: 1px solid #5D5D5D;
}

.cont_box6:hover .n06 {
    background: rgba(31, 33, 28,0.5);
    border: 1px solid transparent;
}

.cont_box6:hover .medic_hide {
    opacity: 0;
}

.cont_box6:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}



.warpitem {
    margin-left: 5%;
    position: relative;
    height: 900px;
}

.bgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 900px;
}

#bgbox {
    background: url(../images/ys_lvyi.jpg) center top no-repeat;
    background-size: cover;
    width: 100%;
}

#bgbox01 {
    background: url(../images/ys_lvyi.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

#bgbox02 {
    background: url(../images/ys_juyi.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

#bgbox03 {
    background: url(../images/ys_heyi.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

#bgbox04 {
    background: url(../images/ys_jianyi.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

#bgbox05 {
    background: url(../images/ys_anyi.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

#bgbox06 {
    background: url(../images/ys_hst.jpg) center top no-repeat;
    background-size: cover;
    display: none;
    width: 100%;
}

.medic_wz {
    font-size: 12px;
    line-height: 22px;
    padding-left: 30px;
    padding-right: 30px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.cont_box1:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.cont_box1:hover .medic_hide {
    opacity: 0;
}

.medic_logo img {
    display: block;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.cont_box2:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.cont_box2:hover .medic_hide {
    opacity: 0;
}

.cont_box3:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.cont_box3:hover .medic_hide {
    opacity: 0;
}

.cont_box4:hover .medic_wz {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.cont_box4:hover .medic_hide {
    opacity: 0;
}
/*add*/
.xilie01 {
    width: 96%;
    cursor: pointer;
    margin: 30px auto;
    padding: 20px 40px;
    /*background: rgba(31, 33, 28,0.5);*/
    border: 1px solid rgba(245, 245, 245, 0.3)
}

    .xilie01:hover {
        background: rgba(31, 33, 28,0.5);
    }

    .xilie01 strong {
        color: #fff;
        font-size: 33px !important;
        font-weight: normal;
        line-height: 80px;
        white-space: nowrap;
    }

    .xilie01 p {
        font-size: 14px;
        color: #fff;
        margin: 20px;
        line-height: 26px;
    }
/*add*/


/*** 整体浴室 ***/


/*** 浴室列表 ***/
.yushi_list {
    padding: 80px 0;
    overflow: hidden;
}

    .yushi_list .row {
        position: relative;
        bottom: -300px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.yushi_list_nav {
    width: 80%;
    margin: 0 auto;
}

.yushi_list_lb {
    position: relative;
    margin-bottom: 30px;
}

.yushi_list_lb_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: rgba(0,0,0,0.3);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);*/
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.yushi_list_lb:hover .yushi_list_lb_wz {
    bottom: 8%;
}

.yushi_list_lb:hover .yushi_list_lb_bg {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.yushi_list_lb_wz {
    position: absolute;
    width: 94%;
    left: 3%;
    bottom: 4%;
    background: rgba(0,0,0,0.3);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);*/
    color: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .yushi_list_lb_wz h2 {
        font-size: 15px;
        font-family: 'cinzelregular';
        padding: 13px 20px;
        margin: 0;
    }

.yushi_list_lb:hover .yushi_list_lb_wz {
    background: rgb(218, 185, 107);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e60012,endColorstr=#99e60012);
}

.yushi_list_lb_wz h2 p {
    float: left;
    margin: 0;
}

    .yushi_list_lb_wz h2 p i {
        font-style: normal;
        font-family: "微软雅黑";
    }

.yushi_list_lb_wz h2 span {
    display: block;
    float: right;
}
/*** 浴室列表 ***/

/*** 整体厨房 ***/
.chufang {
    padding: 100px 0;
    background: #f4f4f4;
}

.chufang_nav {
    width: 80%;
    margin: 0 auto;
}

.chufang_list {
    margin-bottom: 50px;
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    .chufang_list .col-lg-6 {
        padding: 0;
    }

.chufang_list_left {
    overflow: hidden;
}

    .chufang_list_left img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
        -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
        transition: all .5s cubic-bezier(.25, .46, .45, .94);
    }

        .chufang_list_left img:hover {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

.chufang_list_right {
    background: #fff;
    text-align: center;
    padding: 50px 0;
}

    .chufang_list_right:hover h4 {
        color: #000 !important;
    }

    .chufang_list_right h3 {
        font-size: 40px;
        font-weight: bold;
        color: #999;
        font-family: 'cinzelregular';
        margin: 0;
    }

    .chufang_list_right h2 {
        font-size: 20px;
        color: #999;
        font-family: 'cinzelregular';
        margin: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #999;
        display: inline-block;
    }

    .chufang_list_right h4 {
        font-size: 30px;
        color: #333;
        margin-top: 50px;
    }

    .chufang_list_right p {
        font-size: 16px;
        width: 70%;
        margin: 30px auto;
        color: #999;
    }

    .chufang_list_right .tubiao {
        position: relative;
        margin-top: 50px;
    }

        .chufang_list_right .tubiao img {
            background: #fff;
            display: block;
            margin: 0 auto;
            width: 60px;
            padding: 0 10px;
            position: relative;
            z-index: 999;
        }

        .chufang_list_right .tubiao .line {
            width: 50%;
            left: 25%;
            height: 1px;
            background: #f1f1f1;
            top: 20px;
        }
/*** 整体厨房 ***/





/**  news **/

.news {
    padding: 100px 0;
    overflow: hidden;
}

.one_new_box {
    width: 100%;
    height: auto;
    border-bottom: solid 1px #f4f4f4;
    padding-top: 50px;
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.o_n_left {
    width: 30%;
    float: left;
}

.o_n_right {
    width: 70%;
    float: left;
    padding-bottom: 40px;
}

    .o_n_right:hover h2 {
        color: #000;
    }

    .o_n_right:hover .o_n_img_box img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.o_n_img_box img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
    width: 80%;
}

.o_n_left h2 {
    font-size: 16px;
    color: #565555;
    text-align: left;
    font-family: 'cinzelregular';
    margin: 0;
}

.o_n_right h2 {
    font-size: 24px;
    color: #333;
    margin: 0;
    padding: 0 0 30px;
    font-weight: 100;
}

.o_n_right h3 {
    font-size: 14px;
    color: #666;
    margin: 0;
    padding: 15px 0 0;
    line-height: 24px;
}

.o_n_right h4 {
    font-size: 13px;
    color: rgb(218, 185, 107);
    padding: 10px 0;
}

.o_n_img_box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.page {
    margin: 0 auto;
    margin-top: 50px;
    width: 368px;
}

    .page a {
        font-size: 14px;
        display: block;
        padding: 0px 13px;
        height: 35px;
        background: #fff;
        float: left;
        margin-right: 5px;
        text-align: center;
        line-height: 35px;
        color: #333;
        border: 1px solid #e5e5e5;
        transition: color .6s, border-color .6s, background-color .6s, border .6s;
    }

    .page .curone {
        background: rgb(218, 185, 107);
        color: #fff;
        border: 1px solid #fff;
    }

    .page a:hover {
        background: rgb(218, 185, 107);
        color: #fff;
        transition: color .6s, border-color .6s, background-color .6s, border .6s;
        border: 1px solid rgb(218, 185, 107);
    }
/**  news **/


/***network***/
iframe.iframe {
    height: 860px;
}



.scr_con {
    position: relative;
    height: 630px;
    border: solid 0px #ddd;
    width: 100%;
    margin: 20px auto;
}

#dv_scroll {
    position: absolute;
    height: 610px;
    overflow: hidden;
    width: 100%;
    margin-left: 0px
}

    #dv_scroll .Scroller-Container {
        width: 100%;
    }

#dv_scroll_bar {
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 610px;
    border-left: 1px solid #B5B5B5;
}

    #dv_scroll_bar .Scrollbar-Track {
        position: absolute;
        left: 0;
        top: 10px;
        width: 14px;
        height: 600px;
    }

    #dv_scroll_bar .Scrollbar-Handle {
        position: absolute;
        left: -2px;
        top: 0;
        width: 3px;
        height: 29px;
        overflow: hidden;
        background-color: #000;
        cursor: pointer;
    }

#dv_scroll_text {
    position: absolute;
}

.store {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 70px;
    height: 850px;
}

    .store .left {
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .store .leftcon {
        width: 30%;
        height: auto;
        float: left;
        overflow: hidden;
        position: absolute;
        z-index: 10;
        background: #f2f2f2;
        border-left: solid 1px #ccc
    }

    .store .right {
        width: 70%;
        height: 100%;
        float: right;
        overflow: hidden;
        background: #666
    }

#storeTopDetail {
    padding: 40px 10px 10px 25px;
}

    #storeTopDetail h2 {
        font-size: 22px;
        line-height: 24px;
        color: #000;
        margin-bottom: 10px;
    }

    #storeTopDetail select {
        width: 87.5%;
        margin-right: 5%;
        margin-bottom: 10px;
        border-radius: 0px;
        height: 30px;
        text-align: center;
        padding: 0px;
        line-height: 30px;
        background: #fff;
        border: 1px solid #c1c1c1;
    }

    #storeTopDetail input {
        width: 40%;
        margin-right: 5%;
        margin-bottom: 10px;
        border-radius: 0px;
        height: 30px;
        text-align: center;
        line-height: 20px;
        background: #fff;
        border: 1px solid #c1c1c1;
    }

#searchStoreButton {
    border: 0px;
    display: block;
    width: 160px;
    height: 40px;
    background: url(../images/searchStoneButton.jpg) no-repeat;
}

#storeList {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 1%;
    font-family: "微软雅黑"
}

    #storeList li {
        padding: 10px;
        border-bottom: 1px solid #e5e5e5;
        margin-right: 20px;
    }

        #storeList li h3 {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 5px;
            color: #333333;
            margin-top: 0;
            font-weight: bold;
        }

        #storeList li p {
            color: #666;
            line-height: 22px;
        }

    #storeList a:hover h3, #storeList a:hover p {
        color: #002147;
    }

#indexText {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20%;
    font-size: 36px;
    line-height: 42px;
    color: #000;
    text-align: center;
    vertical-align: top;
    font-style: italic;
}

.indexText {
    display: inline-block;
    font-family: 'cinzelregular';
    *display: inline;
    *zoom: 1;
    width: 20%;
    font-size: 36px;
    line-height: 42px;
    color: #000;
    text-align: center;
    vertical-align: top;
    font-style: italic;
}

#storeListDetail {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 75%;
    text-align: left;
}

.storeListDetail {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 75%;
    text-align: left;
}

#storeDetailBlock {
    position: relative;
    overflow: hidden;
}

#bookingButton {
    position: absolute;
    line-height: 35px;
    height: 35px;
    width: 100px;
    top: 0px;
    right: 10px;
    color: #fff;
    background: #d9b978;
    display: block;
    text-align: center;
}

    #bookingButton:hover {
        color: #000;
    }

#storeDetailTitle {
    padding-right: 110px;
    margin: 10px 10px 10px 25px;
    border-bottom: 2px solid #ededed;
    padding-bottom: 10px;
    color: #333333;
}

    #storeDetailTitle h2 {
        font-size: 24px;
        line-height: 32px;
        color: #000;
        margin-bottom: 5px;
        color: #333333;
    }

    #storeDetailTitle p {
        font-size: 14px;
        line-height: 20px;
        margin: 5px 0px;
        color: #333333;
    }

#storeStory {
    padding: 10px 10px 10px 25px;
    border-bottom: 2px solid #ededed;
}

    #storeStory img.right {
        width: 40%;
    }

    #storeStory .content {
        width: 55%;
        float: left;
    }

    #storeStory h2 {
        font-size: 18px;
        line-height: 24px;
        color: #333333;
        margin-bottom: 10px;
    }

    #storeStory p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 10px;
        color: #333333;
    }

.whiteButton {
    display: block;
    width: 100px;
    text-align: center;
    background: #fff;
    border: 2px solid #333333;
    height: 26px;
    line-height: 26px;
}

    .whiteButton:hover {
        color: #b79946;
        border: 2px solid #b79946;
    }

#storeHot {
    padding: 10px 10px 50px 25px;
}

    #storeHot h2 {
        font-size: 16px;
        line-height: 22px;
        color: #333333;
        margin-bottom: 10px;
    }

    #storeHot .colum4 {
        width: 25%;
        _width: 24.8888889%;
        float: left;
    }

        #storeHot .colum4 img {
            width: 90%;
            max-width: 90%;
        }
/***network***/


/***about***/
.about {
}

.about_box1 {
    padding: 100px 0;
}

.about_box1_js h2 {
    text-align: center;
    font-size: 24px;
}

.about_box1_js p {
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #f4f4f4;
    color: #666;
}

.about_box1_list {
    text-align: center;
}

    .about_box1_list h3 {
        font-size: 20px;
    }

    .about_box1_list i {
        font-size: 50px;
    }

.history-list {
    position: relative;
}

ul.history-list .event {
    margin: 0 auto;
    display: none;
    position: relative;
    z-index: 2;
}

    ul.history-list .event.show {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.event__value {
    position: relative;
    padding: 5rem 4rem;
    text-align: center;
    background: #222;
    color: #fff;
    overflow: hidden;
    z-index: -1;
    top: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

    .event__value.see {
        top: 200px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.event:after {
    content: "";
    display: table;
    clear: both;
}

.event__value {
    width: 40%;
    padding: 240px 50px 80px;
    float: right;
    min-height: 360px;
}

.event__value__panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: rgb(218, 185, 107);
}

    .event__value__panel.active {
        transition: all 0.4s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .event__value__panel.top {
        transition: all 0.4s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.event__value__text .h2 {
    font-size: 22px;
}

.event__value__text p {
    font-size: 14px;
    line-height: 1.6;
}

.event__text {
    position: relative;
    background: #fff;
    float: left;
    width: 60%;
    margin-top: 6rem;
    padding: 2rem 6rem;
}

    .event__text.see {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        left: -200px;
    }

    .event__text .h3 {
        position: relative;
    }

    .event__text h2 {
        position: relative;
    }

    .event__text p {
        position: relative;
    }

.ind_sec5 {
    width: 100%;
    margin: 0 auto;
}

.event__image {
    width: 90%;
    margin: 0 auto;
    max-width: 64rem;
    height: 0;
    padding-bottom: 30%;
    overflow: hidden;
    margin-bottom: -14rem;
    position: relative;
}

    .event__image img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        clip: rect(0px 800px 600px 800px);
    }

    .event__image.show img {
        transition: all 0.4s;
        clip: rect(0px 800px 600px 0px);
    }

    .event__image.active img {
        transition: all 0.4s;
        clip: rect(0px 0px 600px 0px);
    }

.event__text.capital-letter.capital-letter--gold .h3 {
    color: #909497;
    font-size: 18px;
    font-family: 'cinzelregular';
    margin-bottom: 0;
}

.event__text.capital-letter.capital-letter--gold h2 {
    color: #333;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 28px;
    letter-spacing: 0;
}

.event__text.capital-letter.capital-letter--gold p {
    color: #404040;
    line-height: 23px;
    text-align: justify;
    font-size: 13px;
}

    .event__text.capital-letter.capital-letter--gold p:first-of-type:first-letter {
        float: left;
        color: #333;
        font-size: 60px;
        line-height: 0;
        margin-top: 30px;
        padding: 0 10px 50px 0;
    }

.ind_sec5_btn {
    width: 90%;
    margin: 0 auto;
    max-width: 64rem;
    position: relative;
    width: 100%;
    z-index: 4;
}

    .ind_sec5_btn a span {
        display: block;
        width: 35px;
        height: 2px;
        background: rgb(218, 185, 107);
    }

    .ind_sec5_btn a {
        position: absolute;
        right: 105%;
        top: 120px;
        padding: 5px 0;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .ind_sec5_btn a.sec5_btleft:hover {
            transform: translateX(-10px);
        }

        .ind_sec5_btn a.sec5_btright:hover {
            transform: translateX(10px);
        }

        .ind_sec5_btn a.sec5_btright {
            right: auto;
            left: 105%;
        }

        .ind_sec5_btn a.sec5_btleft span:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            width: 12px;
            height: 2px;
            background: rgb(218, 185, 107);
            transform-origin: left;
            -moz-transform-origin: left;
            -ms-transform-origin: left;
            -o-transform-origin: left;
            -webkit-transform-origin: left;
            transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            -o-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
        }

        .ind_sec5_btn a.sec5_btleft span:after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            width: 12px;
            height: 2px;
            background: rgb(218, 185, 107);
            transform-origin: left;
            -moz-transform-origin: left;
            -ms-transform-origin: left;
            -o-transform-origin: left;
            -webkit-transform-origin: left;
            transform: rotate(-40deg);
            -moz-transform: rotate(-40deg);
            -ms-transform: rotate(-40deg);
            -o-transform: rotate(-40deg);
            -webkit-transform: rotate(-40deg);
        }

        .ind_sec5_btn a.sec5_btright span:before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            width: 12px;
            height: 2px;
            background: rgb(218, 185, 107);
            transform-origin: right;
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            -webkit-transform-origin: right;
            transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            -o-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
        }

        .ind_sec5_btn a.sec5_btright span:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            width: 12px;
            height: 2px;
            background: rgb(218, 185, 107);
            transform-origin: right;
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            -webkit-transform-origin: right;
            transform: rotate(-40deg);
            -moz-transform: rotate(-40deg);
            -ms-transform: rotate(-40deg);
            -o-transform: rotate(-40deg);
            -webkit-transform: rotate(-40deg);
        }

.about_box2 {
    width: 100%;
    overflow: hidden;
    background: url(../images/gybj.jpg) no-repeat center center fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src=../images/gybj.jpg,  sizingMethod='scale');*/
    text-align: center;
    position: relative;
}

.about_box2_js1 {
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.about_box2_js {
    display: block;
}

    .about_box2_js img {
        margin-top: 7%;
    }

    .about_box2_js h3 {
        color: #fff;
        font-size: 30px;
        margin-top: 50px;
    }

    .about_box2_js .btn1 {
        color: rgb(218, 185, 107);
        font-size: 16px;
    }

.about_box2_wh {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    display: none;
}

.about_box2_wh_list {
    text-align: center;
}

    .about_box2_wh_list h2 {
        font-size: 22px;
        color: #fff;
    }

    .about_box2_wh_list i {
        display: block;
        width: 60px;
        height: 60px;
        font-size: 30px;
        color: #fff;
        border: #FFFFFF 2px solid;
        margin: 20px auto;
        line-height: 60px;
    }

    .about_box2_wh_list p {
        color: #fff;
        margin-top: 20px;
    }

.about_box3 .container {
    padding: 80px 0;
    overflow: hidden;
}

.about_box3 .row {
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
/***about***/

.wrap_bt {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 0 50px 0;
    position: relative;
    z-index: 2;
    bottom: -200px;
    padding-bottom: 50px;
}

    .wrap_bt h1 {
        font-weight: normal;
        margin: 0;
        display: inline;
        color: inherit;
        font-size: 36px;
        color: #333;
    }

        .wrap_bt h1 span {
            font-size: 15px;
            display: block;
            margin-bottom: 5px;
            color: #666;
            text-transform: uppercase;
            font-family: 'cinzelregular';
        }

.wrap_xbt {
    position: relative;
    z-index: 5;
    width: 75%;
    margin: 0 auto;
}

    .wrap_xbt .titlell {
        font-size: 16px;
        line-height: 30px;
        color: #666;
        text-align: center;
        font-weight: normal;
        display: block;
    }

.honor {
}

.honor_wz {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: #e8e8e8 1px solid;
}

    .honor_wz h1 {
        text-align: center;
        font-size: 2em;
        line-height: 1.2em;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 2px;
        font-weight: 600;
        font-style: normal;
    }

    .honor_wz p {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        color: #666;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0px;
        font-weight: 400;
        font-style: normal;
    }

        .honor_wz p span {
            color: rgb(218, 185, 107);
            font-size: 24px;
            font-family: 'cinzelregular';
            font-weight: bold;
        }

.honor_list {
    margin-bottom: 50px;
}

    .honor_list img {
        display: block;
        margin: 0 auto;
        width: 70%;
    }

    .honor_list h1 {
        text-align: center;
        font-size: 12px;
        line-height: 1.2em;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 2px;
        font-style: normal;
        font-family: 'cinzelregular';
        margin-bottom: 0;
    }

    .honor_list p {
        text-align: center;
        color: #666;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 400;
        font-style: normal;
    }
/** history_main **/
.about_box4 {
    overflow: hidden;
}

    .about_box4 .container {
        position: relative;
        bottom: -300px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.about3 {
    background: #111;
    padding: 80px 0;
}

    .about3 .container {
        padding: 50px;
        border: 1px #383838 solid;
        position: relative;
    }

.about3_left_title1 {
    width: 20%;
    float: left;
}

    .about3_left_title1 h2 {
        color: #ccc;
        font-size: 100px;
        position: relative;
        font-family: 'cinzelregular';
    }

.about3_pic {
    width: 95%;
    float: left;
}

    .about3_pic img {
        width: 100%;
        float: left;
        height: auto;
        display: block;
    }

.about3_title2 {
    width: 100%;
    padding: 30px 0 0 0;
    float: left;
}

    .about3_title2 h3 {
        font-size: 32px;
        color: #ccc;
        line-height: 42px;
        margin: 0;
        text-transform: uppercase;
        font-family: 'cinzelregular';
    }

    .about3_title2 h6 {
        background: #960B00;
        width: 30px;
        height: 1px;
        margin: 5px 0 20px 0;
    }

    .about3_title2 p {
        color: #999;
        line-height: 24px;
        font-size: 16px;
    }

.history {
    padding: 0 20px;
}

.his_date {
    width: 16%;
    float: left;
    font-size: 22px;
    color: #ccc;
    font-weight: bold;
    font-family: 'cinzelregular';
}

.his_con {
    width: 80%;
    float: left;
}

    .his_con p {
        color: #666;
        line-height: 24px;
        margin: 0 0 5px;
        position: relative;
        padding-left: 15px;
    }

        .his_con p:before {
            width: 8px;
            left: 0;
            top: 12px;
            content: '';
            position: absolute;
            background: #960B00;
            height: 1px;
        }

.history li {
    margin-bottom: 15px;
}

.his_left {
    width: 50px;
    height: 82px;
    background: url(../images/his_left.png) center center no-repeat;
    right: -42px;
    left: inherit;
    top: 80px;
    display: block;
    position: absolute;
}

.his_right {
    width: 50px;
    height: 82px;
    background: url(../images/his_right.png) center center no-repeat;
    right: -10px;
    top: 90px;
    margin-top: 82px;
    display: block;
    position: absolute;
}

.lishi {
    width: 100%;
    height: auto;
}
/** lishi_js **/
#timeline {
    width: 1120px;
    height: 400px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    position: relative;
    background: url(../images/licbg.png) left 300px repeat-x;
}

#dates {
    width: 1120px;
    overflow: hidden;
    margin-top: 20px;
}

    #dates li {
        float: left;
        width: 94px;
        height: 90px;
        font-size: 16px;
        text-align: center;
    }

    #dates a {
        color: #fff;
        width: 94px;
        height: 90px;
        line-height: 130px;
        display: block;
    }

    #dates .selected {
        font-size: 18px;
        font-weight: bold;
        background: url(../images/licbgt.png) no-repeat center top;
    }

#issues {
    width: 1120px;
    height: 180px;
    overflow: hidden;
}

    #issues li {
        width: 1120px;
        height: 180px;
        list-style: none;
        float: left;
    }

        #issues li img {
            text-align: center;
            display: block;
            margin: 0 auto;
        }

#next, #prev {
    position: absolute;
    font-size: 20px;
    top: 90px;
    width: 60px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    color: #ccc;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    border: 1px solid #eee;
}

#timeline a i {
    display: block;
    color: #eee;
    line-height: 60px;
}

#next {
    right: 0;
}

#prev {
    left: 0;
}

#timeline #next:hover {
    border: 1px solid #fff;
}

#timeline #prev:hover {
    border: 1px solid #fff;
}

#timeline #next:hover i {
    color: #fff;
}

#timeline #prev:hover i {
    color: #fff;
}

#next.disabled, #prev.disabled {
    opacity: 0.2;
}

.lishi_div {
    width: 1000px;
    height: 180px;
    margin: auto;
}

.ls_xian {
    width: 90px;
    height: 180px;
    float: left;
    background: url(../images/ls_xian.png) top center no-repeat;
}

.ls_nr {
    width: 840px;
    height: 180px;
    margin: 0 auto;
}

.ls_name {
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}

.ls_dx {
    width: 40px;
    height: 2px;
    background: #fff;
    margin-left: 0;
    margin-top: 5px;
}

.ls_wzjs {
    height: auto;
    margin-top: 15px;
}

    .ls_wzjs p {
        line-height: 25px;
        font-size: 14px;
        color: #fff;
    }

.ls_nr1 {
    width: 570px;
    height: 180px;
    float: left;
    padding-left: 20px;
}

.ls_nr2 {
    width: 270px;
    height: 180px;
    float: right;
}
/** lishi_js **/
/** history_main **/




.youshi_box1 {
    background: #f8f8f8;
    padding-top: 100px;
    overflow: hidden;
}

    .youshi_box1 p {
        width: 50%;
        margin: 30px auto 0;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

.youshi_box1_list {
    background: #fff;
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.youshi_box1 ul li {
    float: left;
    width: 25%;
}

    .youshi_box1 ul li a {
        display: block;
        text-align: center;
        color: #333;
        line-height: 80px;
    }

    .youshi_box1 ul li .active {
        background: #333;
        color: #fff;
    }

.youshi_box2 {
    overflow: hidden;
}

.youshi_box2_dt {
    position: relative;
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.youshi_box2_dt_wz {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -70px;
}

.youshi_box2_dt_wz_ts {
    width: 50%;
}

.youshi_box2_dt_wz h2 {
    margin-top: 20px;
}

    .youshi_box2_dt_wz h2 a {
        text-decoration: none;
        display: inline-block;
        position: relative;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
        line-height: 30px;
    }

.youshi_box2_dt_wz h3 {
    font-size: 32px;
    letter-spacing: 0;
    margin-bottom: 15px;
    color: #fff;
}

.youshi_box2_dt_wz p {
}

.youshi_box2_dt_wz .btn1 {
    color: #666;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    display: block;
    width: 180px;
    line-height: 40px;
    border: #fff 1px solid;
    margin: 50px auto 0;
    background: rgba(255,255,255,0.8); /*  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff);*/
}

.youshi_box3 {
    overflow: hidden;
}

.youshi_box3_bt {
    text-align: center;
    margin-bottom: 50px;
}

    .youshi_box3_bt h3 {
        font-size: 36px;
        margin-top: 0;
        color: #333;
    }

    .youshi_box3_bt p {
        color: #666;
        font-size: 20px;
    }

.inn_service_c {
    background: #fff;
    padding: 100px 0;
    position: relative;
    bottom: 0px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.inn_service_tb {
    width: 80%;
    margin: 0 auto;
}

    .inn_service_tb .col-lg-2 {
        width: 20%;
    }

.inn_service_tblb img {
    -moz-transform: perspective(0px) rotateY(0deg);
    -webkit-transform: perspective(0px) rotateY(0deg);
    transform: perspective(0px) rotateY(0deg);
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 30%;
    margin: 0 auto;
    display: block;
}

    .inn_service_tblb img:hover {
        -moz-transform: perspective(800px) rotateY(360deg);
        -webkit-transform: perspective(800px) rotateY(360deg);
        transform: perspective(800px) rotateY(360deg);
        transition: all 1s;
        -webkit-transition: all 1s;
    }

.inn_service_tblb h3 {
    color: #666;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    font-weight: 200;
    margin-bottom: 0;
}

.inn_service_tblb h2 {
    color: rgb(218, 185, 107);
    text-align: center;
    margin-top: 0;
}

    .inn_service_tblb h2 span {
        font-size: 26px;
    }

    .inn_service_tblb h2 i {
        font-size: 20px;
    }

.inn_service_tblb p {
    color: #666;
    line-height: 24px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.inn_service_tblb {
    width: 80%;
    margin: 0 auto;
}

.inn_service_tb .col-lg-3 {
    border-right: 1px solid #EDEDED;
    height: 210px;
    overflow: hidden;
}

.youshi1_box1 {
    background: #333;
    padding: 80px 0;
    overflow: hidden;
}

    .youshi1_box1 .container {
        position: relative;
        bottom: 0px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .youshi1_box1 h3 {
        color: #fff;
        font-size: 32px;
        text-align: center;
        margin-bottom: 30px;
    }

    .youshi1_box1 p {
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .youshi1_box1 a {
        color: rgb(218, 185, 107);
        font-size: 14px;
        text-align: center;
        display: block;
        margin-top: 30px;
    }

.youshi1_box2 {
    padding: 100px 0;
    overflow: hidden;
}

    .youshi1_box2 .container {
        position: relative;
        bottom: 0px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.youshi1_box2_wz i {
    width: 50px;
    height: 2px;
    background: #333;
    display: block;
    margin: 0 0 30px 0;
}

.youshi1_box2_wz h3 {
    font-size: 32px;
    line-height: 50px;
}

    .youshi1_box2_wz h3 span {
        color: rgb(218, 185, 107);
        display: block;
    }

.youshi1_box2_wz p {
    font-size: 16px;
    color: #666;
}

.youshi1_box2_bz {
    margin-top: 80px;
    position: relative;
}

.youshi1_box2_bz_list {
}

    .youshi1_box2_bz_list img {
        width: 85%;
        margin: 0 auto;
        display: block;
        border: rgb(218, 185, 107) 5px solid;
    }

    .youshi1_box2_bz_list h2 {
        margin-top: 0;
        font-size: 16px;
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: capitalize;
    }

    .youshi1_box2_bz_list h3 {
        font-size: 26px;
        margin: 0;
        color: #858585;
    }

.youshi1_box2_lb {
    text-align: center;
    margin-top: 50px;
}

    .youshi1_box2_lb .col-lg-6 {
        padding: 50px 0;
        border-left: #efefef 1px solid;
    }

    .youshi1_box2_lb i {
        width: 80px;
        height: 80px;
        line-height: 80px;
        background: #333;
        color: #fff;
        font-size: 70px;
        border-radius: 50%;
        text-align: center;
    }

    .youshi1_box2_lb p {
        font-size: 24px;
    }

.youshi1_left {
    width: 45px;
    height: 45px;
    left: 40%;
    top: -20px;
    z-index: 999;
}

.youshi1_right {
    width: 45px;
    height: 45px;
    right: 50%;
    top: -20px;
    z-index: 999;
}

.youshi1_box2_bz_list {
    padding-bottom: 20px;
}








.youshi2_box1 {
    padding: 100px 0;
    overflow: hidden;
}

    .youshi2_box1 .container {
        position: relative;
        bottom: 0;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.youshi2_box1_wz {
}

    .youshi2_box1_wz i {
        width: 50px;
        height: 2px;
        background: #333;
        display: block;
        margin: 0 0 30px 0;
    }

    .youshi2_box1_wz h3 {
        font-size: 18px;
        font-family: 'cinzelregular';
    }

        .youshi2_box1_wz h3 span {
            color: rgb(218, 185, 107);
            display: block;
            font-size: 32px;
            line-height: 50px;
            font-family: "微软雅黑";
        }

    .youshi2_box1_wz p {
        font-size: 16px;
        color: #666;
    }

.youshi2_box2 {
    background: #f4f4f4;
    padding: 80px 0;
}

.youshi2_box2_lb {
}

.youshi2_box2_lb_tb {
    width: 80%;
    margin: 0 auto;
}

    .youshi2_box2_lb_tb .col-lg-2 {
        width: 20%;
    }

.youshi2_box2_lb_tblb img {
    -moz-transform: perspective(0px) rotateY(0deg);
    -webkit-transform: perspective(0px) rotateY(0deg);
    transform: perspective(0px) rotateY(0deg);
    transition: all 1s;
    -webkit-transition: all 1s;
    width: 30%;
    margin: 0 auto;
    display: block;
}

    .youshi2_box2_lb_tblb img:hover {
        -moz-transform: perspective(800px) rotateY(360deg);
        -webkit-transform: perspective(800px) rotateY(360deg);
        transform: perspective(800px) rotateY(360deg);
        transition: all 1s;
        -webkit-transition: all 1s;
    }

.youshi2_box2_lb_tblb h3 {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto 20px;
    background-color: #e4e4e4;
    border-radius: 50%;
    line-height: 70px;
    padding-top: 10px;
}

    .youshi2_box2_lb_tblb h3 img {
        width: 50px;
        display: block;
    }

.youshi2_box2_lb_tblb h2 {
    color: rgb(218, 185, 107);
    text-align: center;
    margin: 0;
}

    .youshi2_box2_lb_tblb h2 span {
        font-size: 20px;
    }

    .youshi2_box2_lb_tblb h2 i {
        font-size: 20px;
    }

.youshi2_box2_lb_tblb p {
    color: #666;
    line-height: 24px;
    width: 100%;
    text-align: center;
    margin: 0px;
    font-size: 14px;
}

.youshi2_box2_lb_tblb {
    width: 80%;
    margin: 0 auto;
    border-left: #f4f4f4 1px solid;
}

.youshi2_box2_lb_tb .col-lg-3 {
    border-right: 1px solid #EDEDED;
    height: 210px;
}

.youshi1_box_col_ts {
    border-right: #efefef 1px solid;
}






/*.inn_fuwu*/



/*app*/
.download-app-block1 {
    background: url(../images/block1.png) center center no-repeat;
    height: 716px;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
}

.download-app-phone {
    width: 35%;
    float: left;
    margin-top: 60px;
}

.download-app-content {
    float: right;
    width: 60%;
    margin-top: 140px;
}

.download-app-content-left {
    float: left;
}

    .download-app-content-left h2 i {
        display: block;
        font-weight: normal;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .download-app-content-left h2 {
        color: rgb(218, 185, 107);
        font-weight: bold;
        font-size: 35px;
        margin-top: 0;
    }

    .download-app-content-left p {
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        margin-top: 20px;
    }

.download-app-content-right {
    float: left;
    margin-left: 50px;
}

    .download-app-content-right img {
        width: 155px;
        display: block;
    }

    .download-app-content-right span {
        display: inline-block;
        font-size: 18px;
        text-align: center;
        width: 155px;
        line-height: 40px;
        color: #fff;
    }

.download-btn .download-btn {
    width: 234px;
    height: 108px;
    cursor: pointer;
    background: url(../images/btn.png);
    margin: 50px 0 0 -10px;
    border: none;
    outline: none;
}

.download-btn .download-android {
    background-position: 0 -216px;
}

    .download-btn .download-android:hover {
        background-position: 0 -324px;
    }

.download-btn .download-ios {
    background-position: 0 -432px;
    margin-left: 20px;
}

    .download-btn .download-ios:hover {
        background-position: 0 -108px;
    }

.cozy-content-wrap-1240 {
    padding: 0;
    position: relative;
}

.content1 {
}

    .content1 i {
        font-size: 50px;
    }

    .content1 h2 {
        font-size: 40px;
        color: rgb(218, 185, 107);
    }

    .content1 p {
        font-size: 16px;
        margin-top: 30px;
    }

.xiazai_n2 {
    height: auto;
    margin-top: 50px;
}

.xzpgb {
    width: 200px;
    height: 45px;
    float: left;
    margin-right: 30px;
}

    .xzpgb a {
        display: block;
        width: 200px;
        height: 45px;
        background: #333;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        transition: color .6s, border-color .6s, background-color .6s;
    }

        .xzpgb a:hover {
            background: #000;
            transition: color .6s, border-color .6s, background-color .6s;
        }

.xzpgb1 {
    width: 25px;
    height: 30px;
    float: left;
    margin-top: 8px;
    margin-left: 30px;
    margin-right: 10px;
}

.xzpgb2 {
    width: 100px;
    height: 30px;
    float: left;
    margin-top: 8px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
}

.xznr1_con2_img {
    position: relative;
    margin-rihgt: -585px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: 70px;
    margin-left: 50px;
}
/*app*/




/*产品*/
.case {
    padding: 80px 0;
    overflow: hidden;
    margin-top: 80px;
}

.main-content {
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.products-wrap {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 18px 0;
}

    .products-wrap .product-list li {
        text-align: center;
    }

.columns {
    width: 100%;
}

    .columns > li {
        float: left;
    }

.columns-50 {
    width: 50%;
}

.columns-80 {
    width: 80%;
}

.products-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    z-index: 100;
    font-size: 40px;
    line-height: 40px;
    border-radius: 0%;
    text-align: center;
    color: #fff;
    font-family: 'fontawesome';
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    -webkit-ransition: background-color 0.5s;
    -moz-ttransition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.prev {
    left: -80px;
}

    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.9)
    }

    .prev:after {
        content: '\f104';
    }

.next {
    right: -80px;
}

    .next:after {
        content: '\f105'
    }

.product-list {
    position: relative;
}

    .product-list > li {
        float: left;
    }

.choose {
    width: 66px;
    margin: 0 auto;
}

    .choose li {
        float: left;
        width: 10px;
        height: 10px;
        margin: 5px;
        border-radius: 50%;
        border: 1px solid #000;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

        .choose li.active {
            background: #F00;
            border: 1px solid #000;
        }

        .choose li:hover {
            box-shadow: 0px 0 5px #333;
        }

.product-list-wrap {
    padding: 0 0 10px 10px;
}

.intruduction {
    padding: 1px;
    background: #f5f5f5;
    color: #666;
}

    .intruduction h3 {
        padding: 10px;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        font-family: "微软雅黑";
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
    }

    .intruduction p {
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        font-family: "微软雅黑";
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .intruduction span {
        font-size: 18px !important;
        color: #333;
        float: right;
    }

.left {
    float: left;
}

.left {
    float: left;
}

.products-all-list li {
    padding: 10px 0;
    display: none;
}

.link-box {
    margin: 0 20px;
    padding: 10px 40px;
    color: #fff;
    background: rgba(98, 183, 39, 0.73);
    cursor: pointer;
}

.products-wrap {
}

    .products-wrap .product-list li {
        text-align: center;
    }

.columns {
    width: 100%;
}

    .columns > li {
        float: left;
    }

.columns-50 {
    width: 50%;
}

.columns-80 {
    width: 80%;
}

.products-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    z-index: 100;
    font-size: 40px;
    line-height: 40px;
    border-radius: 0%;
    text-align: center;
    color: #fff;
    font-family: 'fontawesome';
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    -webkit-ransition: background-color 0.5s;
    -moz-ttransition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.prev {
    left: -80px;
}

    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.9)
    }

    .prev:after {
        content: '\f104';
    }

.next {
    right: -80px;
}

    .next:after {
        content: '\f105'
    }

.product-list {
    position: relative;
}

    .product-list > li {
        float: left;
    }

.choose {
    width: 66px;
    margin: 0 auto;
}

    .choose li {
        float: left;
        width: 10px;
        height: 10px;
        margin: 5px;
        border-radius: 50%;
        border: 1px solid #000;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

        .choose li.active {
            background: #F00;
            border: 1px solid #000;
        }

        .choose li:hover {
            box-shadow: 0px 0 5px #333;
        }

.product-list-wrap {
    padding: 0 0 10px 10px;
}
/*------------------所有产品页面-------------------*/
.products-all-nav-wrap {
    padding: 10px 0 10px 10px;
    border: 1px solid #ECECEC;
    margin: 0px -15px 0 -6px;
}

    .products-all-nav-wrap ul {
        padding-left: 30px;
        margin: 0px;
    }

.products-all-nav li {
    float: left;
    padding: 5px 12px;
    color: #666;
    cursor: pointer;
    font-family: "微软雅黑";
}

    .products-all-nav li.active p {
        color: rgb(218, 185, 107)
    }

    .products-all-nav li p {
        margin-bottom: 0;
    }

    .products-all-nav li a {
        color: #fff;
    }

.left {
    float: left;
}

.products-all-list li {
    display: none;
}

#slhl p {
    padding: 0px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.list-wrap {
    padding: 0 0 10px 10px;
}

.intruduction {
    position: relative;
}

    .intruduction .article {
        position: relative;
        z-index: 2;
    }

    .intruduction .hover-bg {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgb(218, 185, 107);
        width: 100%;
        height: 0%;
    }

    .intruduction span, .intruduction .hover-bg, .intruduction.article {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

.product-list-wrap:hover .hover-bg, .list-wrap:hover .hover-bg {
    height: 100%;
}

.product-list-wrap:hover .article, .list-wrap:hover .article {
    color: #fff !important;
}

.product-list-wrap:hover span, .article:hover span {
    color: #fff !important;
}

.view-more {
    margin-top: 30px;
}
/*产品*/



/*招聘*/
.job {
    padding: 100px 0 80px 0;
    overflow: hidden;
}

    .job .container {
        position: relative;
        bottom: -300px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.job_ln {
    width: 90%;
    margin: 0 auto;
}

.job_ln_left {
    position: relative;
    right: -70px;
}

    .job_ln_left img {
        width: 100%;
        border: #333 4px solid;
    }

.job_ln_right {
    text-align: right;
    position: relative;
    left: -70px;
}

    .job_ln_right h2 {
        font-size: 50px;
        text-transform: uppercase;
        margin: 0;
        font-family: 'cinzelregular';
        font-weight: bold;
        color: #666;
        margin-top: 10%;
    }

    .job_ln_right h3 {
        font-size: 50px;
        color: rgb(218, 185, 107);
        margin: 0;
        text-transform: uppercase;
        font-family: 'cinzelregular';
        font-weight: bold;
    }

    .job_ln_right .btn1 {
        width: 150px;
        line-height: 35px;
        background: #333;
        display: block;
        color: #fff;
        text-align: center;
        float: right;
        margin-top: 50px;
    }

    .job_ln_right p {
        display: block;
        color: #666;
        font-style: italic;
        margin-top: 20px;
    }

.job_lb {
    padding: 80px 0;
}

    .job_lb .col-lg-3 {
        border-right: 1px solid #e8e8e8;
    }

.job_lb_list {
    text-align: center;
    padding: 0 30px;
}

    .job_lb_list h2 {
        font-size: 22px;
    }

    .job_lb_list i {
        display: block;
        width: 30px;
        height: 2px;
        background: rgb(218, 185, 107);
        margin: 20px auto;
    }

    .job_lb_list p {
        color: #666;
        margin-top: 20px;
    }
/*招聘*/



/*联系*/
.contact {
    padding-top: 80px;
    overflow: hidden;
}

.contact_a {
    border: 1px solid #f4f4f4;
    padding: 60px 40px !important;
    position: relative;
    bottom: -300px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.contact_left {
    width: 25%;
    float: left;
    margin-left: 10%;
    overflow: hidden;
}

    .contact_left img {
        width: 100%;
        height: auto;
        display: block;
    }

.contact_center {
    border-right: #f4f4f4 0px solid;
    padding-right: 30px;
}

.contact_center_top h3 {
    font-family: 'cinzelregular';
    color: #000;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 20px 0;
    letter-spacing: 1px;
}

.lxfs1 {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px #efefef solid;
}

    .lxfs1 li {
        color: #666;
        font-size: 14px;
        line-height: 35px;
        width: 100%;
    }

    .lxfs1 .gsmc {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 15px;
    }

.lxfs2 {
    width: 49%;
    float: left;
    padidng: 0 20px;
}

    .lxfs2 li {
        color: #666;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        width: 90%;
        margin: 0 auto 10px auto;
        word-wrap: break-word;
    }

.lxdzli {
    text-indent: 45px;
}

.dw_tp {
    width: 70px;
    margin: 0px auto;
    display: block;
    border: 2px #333 solid;
    border-radius: 50%;
    padding: 10px;
}

.contact_center_bottom {
    padding: 80px 0;
}

    .contact_center_bottom h3 {
        line-height: 30px;
        background: url(../image/address_btbg.jpg) left center;
        background-repeat: repeat-x;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 10px;
    }

        .contact_center_bottom h3 span {
            color: #333;
            font-size: 22px;
            line-height: 30px;
            padding: 0 20px;
        }

    .contact_center_bottom p {
        color: #666;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-top: 20px;
    }

        .contact_center_bottom p img {
            width: 18px;
            padding-right: 5px;
        }

.contact_right {
}

.contact_center_top {
}

.contact_right img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 50px;
}

.message_cont {
}

    .message_cont h3 {
        font-family: 'cinzelregular';
        color: #000;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 30px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
/*.message_form input {
	font-family: 'cinzelregular';
	width: 49%;
	background: #f4f4f4;
	padding: 8px 10px;
	margin-bottom: 15px;
	margin-right: 2%;
	float: left;
	border: none;
	color: #999;
}*/
.message_form input.two {
    margin-right: 0;
}

.message_form textarea {
    font-family: 'cinzelregular';
    width: 100%;
    height: 100px;
    background: #f4f4f4;
    padding: 10px;
    border: none;
    color: #999;
    line-height: 24px;
}

.submit {
    width: 120px;
    background: #1c1c1c;
    outline: none;
    font-family: 'cinzelregular';
    border: none;
    color: #999;
    border: 1px #999 solid;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    margin: 30px auto 0 auto;
    display: block;
    height: 36px;
    line-height: 36px;
}
/*联系*/


/*生产基地*/
.youshi_box1.base {
    margin-top: 70px;
}

.base_main {
    background: #fff;
    padding-bottom: 30px;
}

    .base_main .container {
        position: relative;
        bottom: -300px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.base_info {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    background: #fff;
    padding: 50px;
}

.base_neirong {
    position: relative;
    top: -50px;
}

    .base_neirong .col-lg-4 {
        padding: 5px;
    }

.main_left {
    padding: 50px;
    width: 100%;
    background: #333;
}

    .main_left h2 {
        font-size: 24px;
        color: #fff;
        margin: 0 0 20px 0;
        letter-spacing: 3px;
    }

    .main_left h3 {
        font-size: 14px;
        color: #fff;
        margin: 0;
        letter-spacing: 1px;
        line-height: 24px;
    }

.swi_info {
    width: 100%;
    padding: 10px;
    border: solid 1px #cccccc;
}

    .swi_info h2 {
        font-size: 20px;
        color: #666;
        margin: 0;
        padding: 60px 0 30px;
    }

    .swi_info h3 {
        font-size: 14px;
        color: #666;
        margin: 0;
        padding: 0;
        line-height: 22px;
    }

.lunbo_title {
    font-size: 20px;
    color: #999;
    font-family: 'cinzelregular';
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    display: inline-block;
    position: absolute;
    top: 0;
}

.float_font {
    padding: 30px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    .float_font h3 {
        margin-top: 30%;
    }

    .float_font i {
        width: 40px;
        height: 3px;
        background: rgb(218, 185, 107);
        display: block;
        margin: 20px auto;
    }

    .float_font p {
        font-size: 14px;
        line-height: 20px;
    }

.ho {
    position: relative;
}

    .ho:hover .float_font {
        opacity: 1;
        transition: all 0.5s ease-in;
    }
/*生产基地*/

.login {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/dl.jpg) no-repeat center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/dl.jpg', sizingMethod='scale');*/
}

.logo1 {
    position: absolute;
    top: 50px;
    left: 50px;
}
/*****登录注册*******/
.login_wap {
    width: 100%;
    background: url(../images/login_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.login_con {
    width: 740px;
    padding: 50px 80px;
    position: relative;
    top: 50%;
    margin-top: -231px;
    left: 50%;
    margin-left: -370px;
    background: rgba(255,255,255,0.8); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff);  */
}

    .login_con h5 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 20px 0;
    }

.login_cons {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

    .login_cons input {
        display: inline-block;
        width: 100%;
        height: 50px;
        color: #bdbdbd;
        border: none;
        border-bottom: 1px solid #e8e8e8;
        padding-left: 50px;
        letter-spacing: 1px;
        border-radius: 3px;
        background: none;
    }

.yzm {
    width: 67% !important;
}

.login_cons > a {
    width: 30%;
    background: #333;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
}

    .login_cons > a:hover {
        color: #fff !important;
    }

.login_cons span {
    position: absolute;
    top: 15px;
    left: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.login_con > a {
    display: inline-block;
    width: 100%;
    line-height: 46px;
    background: #333;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    border-radius: 3px;
}

    .login_con > a:hover {
        color: #fff !important;
    }

.login_con > p {
    margin: 15px 0;
}

    .login_con > p a {
        font-size: 13px;
        color: #999;
        letter-spacing: 1px;
    }

        .login_con > p a span {
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -ms-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }

        .login_con > p a:hover span {
            color: #333;
        }

.wjmm {
    float: left;
}

.zhuc {
    float: right;
}

.login_con > h4 {
    font-size: 14px;
    color: #999;
    text-align: center;
    position: relative;
    z-index: 2;
}

    .login_con > h4 span {
        display: inline-block;
        padding: 0 15px;
        letter-spacing: 1px;
        background: #F7F6F4;
    }

    .login_con > h4:before {
        width: 100%;
        height: 1px;
        content: '';
        background: #ddd;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
    }

.login_other {
    width: 100%;
    text-align: center;
}

    .login_other p {
        display: inline-block;
        margin-bottom: 0;
        cursor: pointer;
        font-size: 13px;
        color: #999;
        margin-top: 20px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

        .login_other p:hover {
            color: #333;
        }

        .login_other p span {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin-bottom: 5px;
            background: url(../images/login_wx.png) center no-repeat;
            background-size: 100%;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -ms-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }

        .login_other p:hover span {
            background: url(../images/login_wx1.png) center no-repeat;
            background-size: 100%;
        }
/*****登录注册*******/


/*****新闻详情*******/
.newsdot {
    position: relative;
    padding: 80px 0 80px 0;
}

h2.newsdot_tit {
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
}

.newsdot_topimg {
}

.newsdot_main {
    margin-top: 40px;
}

.newsdot_left {
    width: 20%;
    float: left;
}

.newsdot_right {
    width: 80%;
    float: left;
    padding-left: 15px;
}

.newsdot_left h4 {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.newsdot_left h5 span {
    color: #666;
    font-size: 13px;
}

.newsdot_left h5 {
    width: 80%;
    padding-top: 10px;
    border-top: solid 1px #474444;
}

.newsdot_sectit {
    padding-bottom: 12px;
    margin-bottom: 25px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

    .newsdot_sectit:after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        width: 33px;
        background: #A9A9A9;
        bottom: 0;
        left: 0;
    }

.newsdot_right h4 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #666;
}

.newsdot_right h3 {
    font-size: 15px;
    margin: 20px 0 10px;
    color: #f1f1f1;
}

.newsdot_left h4 span {
    color: #666;
    font-size: 12px;
    display: block;
}

.newsdot_bot {
    margin-top: 80px;
}

    .newsdot_bot a {
        display: table;
        clear: both;
        margin-bottom: 10px;
        font-size: 14px;
        color: #666;
        text-decoration: none;
    }

        .newsdot_bot a:hover {
            text-decoration: underline;
        }

.newsdot_back {
    margin-top: 50px;
    text-align: center;
}

    .newsdot_back a {
        display: inline-block;
        color: #fff;
        background: rgb(218, 185, 107);
        text-decoration: none;
        padding: 8px 50px;
        font-size: 13px;
    }
/*****新闻详情*******/


/*预约*/
.callback {
    display: inline-block;
    float: left;
    width: 60px;
}

.yuyue_top_l {
    width: auto;
    padding: 5px 10px;
    display: inline-block;
    float: left;
    letter-spacing: 0;
}

.yuyue_top_c {
    width: auto;
    padding: 5px 0;
    display: inline-block;
    float: left;
    letter-spacing: 0;
}

.yuyue_top_cli {
    padding: 0 10px;
    border-left: solid 1px #a9a9a9;
    border-right: solid 1px #a9a9a9;
}

.yuyue_top_r {
    width: auto;
    padding: 5px 10px;
    display: inline-block;
    float: left;
    letter-spacing: 0;
}

.right_title {
    font-size: 20px;
    color: #3d3d3d;
    letter-spacing: 1px;
    line-height: 26px;
    position: relative;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #eaeaea;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    padding-top: 20px;
}

.select_box {
    margin-top: 20px;
}

.ys1 {
    color: #111;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 10px;
}

.ys2 {
    color: #666;
    clear: both;
    margin: 0;
    letter-spacing: 1px;
    line-height: 23px;
    font-size: 13px;
}

.ys3 {
    color: #333;
    font-size: 14px;
    margin: 0 0 20px 0;
}

    .ys3 span {
        font-size: 26px;
        color: rgb(218, 185, 107);
        font-family: 'cinzelregular';
    }

.ys4 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 14px;
    vertical-align: baseline;
}

.ys5 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 14px;
    vertical-align: baseline;
}

.sel_lb {
    font-size: 12px;
}

.sel_lb {
    width: 100%;
    height: 30px;
    border: solid 1px black;
    margin: 15px 0 10px;
    outline: none;
}

.add_to_bag {
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: rgb(218, 185, 107);
    padding: 0 10px;
    font-size: 16px;
    margin: 10px 0 0;
}

    .add_to_bag a {
        color: #fff;
    }

.bottom_div {
    font-size: 13px;
    margin: 20px 0;
}

.swi2_box {
    position: relative;
    padding: 0;
}

.lb_bottom {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 20px 0;
}

.small_img {
    border: solid 1px #E6E6E6;
    padding: 10px 50px;
    position: relative;
    margin-top: 10px;
}

.details_font {
    font-size: 14px;
    line-height: 40px;
    color: #666;
    margin-top: 20px;
    border-bottom: solid 1px #a9a9a9;
}

    .details_font .active {
        background: rgb(218, 185, 107);
    }

.xqjs {
    font-size: 14px;
    color: rgb(218, 185, 107);
    line-height: 20px;
    padding: 10px 0;
}

.detail_box ul {
    position: relative;
    left: 20px;
}

    .detail_box ul li {
        font-size: 12px;
        list-style: inherit;
        line-height: 22px;
        list-style-type: disc;
    }

.detail_box a {
    color: #000000;
    text-decoration: none;
}

    .detail_box a:hover {
        color: rgb(218, 185, 107);
    }

.right_box {
    padding: 0 30px;
}

.bottom_box {
    padding: 30px 0;
    border-top: solid 1px #e8e8e8;
}

.tjdp {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

.dp_info {
    width: 100%;
    padding: 20px 0 0;
}

.dp_info_l {
    width: 35px;
    display: inline-block;
    float: left;
    text-align: right;
    padding-right: 15px;
}

    .dp_info_l input {
        width: 20px;
        height: 20px;
        border-radius: 0;
        background: none;
        outline: none;
        margin: 0 !important;
    }

.dp_info_r {
    width: 80%;
    display: inline-block;
    float: left;
}

    .dp_info_r h2 {
        font-size: 16px;
        color: #3d3d3d;
        margin: 0;
        font-weight: 600;
    }

    .dp_info_r h3 {
        font-size: 14px;
        color: #666;
        line-height: 18px;
        margin: 10px 0;
    }

.lb_padding {
    position: relative;
}

.xia_box {
    margin: 50px 0 0;
}

    .xia_box .container {
        width: 100% !important;
    }

.img_box {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(98, 183, 39, 0.73);
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    top: -2px;
}

.s_img_box {
    padding: 0 5px;
}

    .s_img_box:hover > img {
        border: solid 1px black;
        box-sizing: border-box;
    }

.details_font span {
    display: inline-block;
    width: 25%;
    height: 40px;
    background: #333;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    float: left;
    border-right: solid 1px #fff;
    box-sizing: border-box;
}

    .details_font span:hover {
        background: #000;
        color: #fff;
    }

.txt {
    width: 100%;
    height: 40px;
    border: solid 1px #EEEEEE;
    outline: none;
    margin: 5px 0;
    padding: 0 10px;
}

.right_box {
    background: #f8f8f8;
}

.detail_box {
    margin-top: 60px;
}
/*预约*/











/** partner_box **/
.partner_box {
    height: auto;
    position: relative;
    top: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    .partner_box ul {
        height: auto;
    }

        .partner_box ul li {
            height: auto;
            margin-bottom: 30px;
        }

.partner_tp {
    height: auto;
    box-shadow: 0 0 5px #ccc;
    /**
	-moz-transform: perspective(0px) rotateY(0deg);
  -webkit-transform: perspective(0px) rotateY(0deg);
  transform: perspective(0px) rotateY(0deg);
  transition: all 1s;
  -webkit-transition: all 1s;
  **/
}

    .partner_tp:hover {
        /**
	-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;
**/
    }
/** partner_box **/

/** case_box **/
.case_box {
    height: auto;
    position: relative;
    top: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

    .case_box ul {
        height: auto;
    }

        .case_box ul li {
            height: auto;
            margin-bottom: 30px;
        }

.case_div {
    height: auto;
    position: relative;
    overflow: hidden;
}

    .case_div a {
        display: block;
    }

.case_bt {
    width: 80%;
    height: 45px;
    background: #ccc;
    position: absolute;
    left: 10%;
    bottom: 5%;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    background: rgb(218, 185, 107);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99004fac,endColorstr=#99004fac);
    color: #fff;
}

.case_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.case_bt1 {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    width: 80%;
    line-height: 40px;
    text-align: center;
    left: 10%;
    top: 50%;
    margin-top: -24px;
    font-size: 18px;
    color: #fff;
}

.case_xian {
    width: 30px;
    height: 2px;
    background: #ccc;
    margin: 3px auto;
}

.case_flbt {
    line-height: 40px;
    font-size: 16px;
    border-bottom: 2px solid #ddd;
    color: #000;
}

.case_anxq {
    height: auto;
    margin-top: 30px;
}

    .case_anxq p {
        line-height: 25px;
        margin: 10px 0;
        text-indent: 2em;
    }

    .case_anxq img {
        max-width: 100%;
        margin-left: -2em;
    }
/** case_box **/
/** jszc_box **/
.jszc_box {
    height: auto;
}

    .jszc_box ul {
        height: auto;
    }

        .jszc_box ul li {
            height: auto;
        }

            .jszc_box ul li a {
                display: block;
                line-height: 50px;
                border-bottom: 1px solid #ddd;
                color: #666;
                transition: color .6s,border-color .6s,background-color .6s;
            }

                .jszc_box ul li a:hover {
                    color: rgb(218, 185, 107);
                    transition: color .6s,border-color .6s,background-color .6s;
                }

.jszc_tb {
    height: auto;
}

.jszc_tm {
    height: auto;
}

.jszc_sj {
    height: auto;
}

.jszc_gd {
    height: auto;
}

.jszc_tbs {
    height: 50px;
    background: url(../images/jszc_tb.png) center left no-repeat;
}

.jszc_tms {
    height: auto;
}

.jszc_sjs {
    height: auto;
}

.jszc_gds {
    height: 50px;
    background: url(../images/jszc_gds.png) center left no-repeat;
}

.jszc_box ul li a:hover .jszc_tbs {
    background: url(../images/jszc_tb01.png) center left no-repeat;
    transition: color .6s,border-color .6s,background-color .6s;
}
/** jszc_box **/

/** rhby_box **/
.rhby_box {
    height: auto;
    background: #f2f2f2;
    padding: 100px 0;
}

.rhby_div {
    height: auto;
}

    .rhby_div ul {
        height: auto;
    }

        .rhby_div ul li {
            height: auto;
            margin-bottom: 30px;
        }

.rhby_nr {
    height: auto;
    background: #fff;
    padding: 30px;
    position: relative;
}

.rhby_line {
    width: 30px;
    height: 2px;
    background: rgb(218, 185, 107);
    position: absolute;
    top: -0.5px;
    left: 30px;
}

.rhby_nr a {
    display: block;
    transition: color .6s,border-color .6s,background-color .6s;
}

.rhby_bt {
    height: 30px;
    line-height: 30px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rhby_tp {
    height: auto;
    margin-top: 10px;
    overflow: hidden;
}

    .rhby_tp img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1.0);
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

.rhby_more {
    height: auto;
    line-height: 30px;
    margin-top: 10px;
    font-family: 'cinzelregular';
    color: #666;
}

.rhby_nr:hover .rhby_bt {
    color: rgb(218, 185, 107);
    transition: color .6s,border-color .6s,background-color .6s;
}

.rhby_nr:hover .rhby_more {
    color: rgb(218, 185, 107);
    transition: color .6s,border-color .6s,background-color .6s;
}

.rhby_nr:hover .rhby_tp img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
}
/** rhby_box **/

/** shzc_box **/

.shzc_box {
    height: auto;
    padding: 100px 0;
    background: #fff;
}

.shzc_div {
    height: auto;
}

    .shzc_div ul {
        height: auto;
    }

        .shzc_div ul li {
            height: auto;
        }

.shzc_nr {
    height: auto;
}

    .shzc_nr a {
        display: block;
        transition: color .6s,border-color .6s,background-color .6s;
    }

.shzc_tp {
    width: 100px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #999;
    padding: 15px;
    border-radius: 50%;
}

    .shzc_tp img {
        -moz-transform: perspective(0px) rotateY(0deg);
        -webkit-transform: perspective(0px) rotateY(0deg);
        transform: perspective(0px) rotateY(0deg);
        transition: all 1s;
        -webkit-transition: all 1s;
    }

.shzc_nm {
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
    color: #666;
}

.shzc_ck {
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    color: #666;
}

.shzc_nr a:hover .shzc_nm {
    color: rgb(218, 185, 107);
    transition: color .6s,border-color .6s,background-color .6s;
}

.shzc_nr a:hover .shzc_tp img {
    -moz-transform: perspective(800px) rotateY(360deg);
    -webkit-transform: perspective(800px) rotateY(360deg);
    transform: perspective(800px) rotateY(360deg);
    transition: all 1s;
    -webkit-transition: all 1s;
}
/** shzc_box **/

/** rmwt_box **/
.rmwt_box {
    height: auto;
    padding: 100px 0;
    background: #eee;
}

.tmwt_div {
    height: auto;
}

    .tmwt_div ul {
        height: auto;
    }

        .tmwt_div ul li {
            height: auto;
        }

.tmwt_nei {
    height: auto;
}

    .tmwt_nei a {
        display: block;
        color: #666;
        line-height: 40px;
        border-bottom: 1px dotted #ddd;
        transition: color .6s,border-color .6s,background-color .6s;
    }

.tmwt_bt {
    height: auto;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tmwt_more {
    height: auto;
    text-align: right;
}

.tmwt_nei a:hover {
    color: rgb(218, 185, 107);
    transition: color .6s,border-color .6s,background-color .6s;
}



/** rmwt_box **/

/** zljs_ul **/
.zljs_ul {
    height: auto;
    margin-bottom: 50px;
}

    .zljs_ul ul {
        height: auto;
    }

        .zljs_ul ul li {
            height: auto;
            margin-bottom: 30px;
            width: 33.33333333% !important;
        }

.zljs_nr {
    height: auto;
}

.zljs_img {
    height: auto;
}

.zljs_line {
    width: 100%;
    height: 3px;
    background: rgb(218, 185, 107);
    margin-top: 2px;
}

.zljs_neir {
    height: 100px;
    line-height: 25px;
    margin-top: 20px;
}

    .zljs_neir p {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.youshi_box1 p:nth-child(1) {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.youshi_zl ul li {
    width: 33.3333333%;
}

.fmzl_box {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 50px 50px;
    background: #fff;
}

    .fmzl_box table {
        height: auto;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

        .fmzl_box table tr {
        }

        .fmzl_box table td {
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: 10px;
            line-height: 25px;
            text-align: justify;
            text-justify: inter-ideograph;
            text-align: center;
        }

.zlbgtp {
    width: 300px;
    height: 200px;
    margin: 0 auto;
}

.fmzl_box table td p {
    text-align: left;
}

.fzl_zj {
    background: #f2f2f2;
    height: auto;
    padding-top: 100px;
}

.youshi_zl {
    background: #f2f2f2;
}

.youshi_tabab {
    height: auto;
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 100px;
}
/** zljs_ul **/

/** zyzs_box **/
.zyzs_box {
    height: auto;
    padding-bottom: 70px;
}

    .zyzs_box ul {
        height: auto;
    }

        .zyzs_box ul li {
            height: auto;
            margin-bottom: 30px;
        }

.zyzs_nr {
    height: auto;
    background: #e4e4e4;
    padding: 15px;
}

.zyzs_tp {
    height: auto;
}

.zyzs_nm {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.zyzs_wzs {
    text-align: center;
    height: auto;
    line-height: 25px;
    margin-bottom: 30px;
}


.bfzl_box {
    height: auto;
}

    .bfzl_box ul {
        height: auto;
    }

        .bfzl_box ul li {
            height: auto;
            margin-bottom: 30px;
        }

.bfzl_nr {
    height: auto;
}

.zyzs_tp1 {
    height: auto;
}

.zyzs_nm1 {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    height: auto;
    margin-top: 15px;
}
/** zyzs_box **/

/** ztys_boxs **/
.ztys_boxs {
    height: auto;
}

.ztys_tp {
    height: auto;
    position: relative;
}

.ztys_btms {
    width: 200px;
    height: 50px;
    background: rgb(218, 185, 107);
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 20px;
}

.ztys_sp1 {
    height: auto;
}

.ztys_sp1a {
    height: auto;
}

.ztys_sp1b {
    height: auto;
}

.ztys_video1 {
    width: 90%;
    height: auto;
    background: #000;
    margin: 0 auto;
    margin-top: -100px;
    padding: 20px;
}

.ztys_sp1nj {
    height: auto;
    margin-top: 60px;
}

    .ztys_sp1nj p {
        line-height: 25px;
        text-indent: 2em;
        text-align: justify;
        text-justify: inter-ideograph;
    }
/** ztys_boxs **/

/** ztys_tiao **/
.ztys_tiao {
    height: auto;
    background: url(../images/ztys_tiao.jpg) center center no-repeat fixed;
}

.ztyst_js {
    height: auto;
    padding: 100px 0;
}

.ztyst_jstm {
    height: 30px;
    border-left: 2px solid #e10617;
    padding-left: 20px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
}

.ztyst_jsnr {
    height: auto;
    margin-top: 40px;
}

    .ztyst_jsnr p {
        line-height: 25px;
        color: #fff;
        text-align: justify;
        text-justify: inter-ideograph;
        margin: 20px 0;
    }
/** ztys_tiao **/

/** wxzky_box **/
.wxzky_box {
    height: auto;
    padding: 100px 0;
}

.xuanze {
    height: auto;
}

.xuanze1 {
    height: auto;
}

.xuanze2 {
    height: auto;
}

.wxzky_nr {
    height: auto;
}

.wxzky_bt {
    line-height: 30px;
    font-size: 20px;
}

.wxzky_wzjs {
    height: auto;
    margin-top: 20px;
}

    .wxzky_wzjs p {
        line-height: 25px;
        text-indent: 2em;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.xuanze2_tp {
    width: 80%;
    height: auto;
    margin-left: 20%;
}

.keyi_ships {
    height: auto;
    margin-top: 100px;
}

.keyi_ships01 {
    height: auto;
}

.keyi_ships02 {
    height: auto;
}

.shipins_vd {
    height: auto;
}

.shipins_nm {
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}
/** wxzky_box **/

/** yushi_xj **/
.yushi_xj {
    height: auto;
    padding: 100px 0;
    background: #f2f2f2;
}

.ysxj_box {
    height: auto;
}

.ysxj_bt {
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

.ysxj_ul {
    height: auto;
    margin-top: 50px;
}

    .ysxj_ul ul {
        height: auto;
    }

        .ysxj_ul ul li {
            height: auto;
            margin-bottom: 30px;
        }

.ysxj_tp {
    height: auto;
}

.ysxj_nm {
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}
/** yushi_xj **/

/** xxcl_box **/
.xxcl_box {
    height: auto;
}

.xxcl_tp {
    height: auto;
    margin-bottom: 50px;
}

.xxcl_lmbk {
    height: auto;
}

.xxcl_lmmz {
    line-height: 30px;
    font-size: 20px;
}

.lmmz01 {
    font-family: 'cinzelregular';
    font-size: 24px;
    color: rgb(218, 185, 107);
    text-transform: uppercase;
}

.lmmz02 {
    margin-left: 10px;
}

.lmmz03 {
    margin-left: 10px;
}

.xxcl_lmnr {
    height: auto;
    margin-top: 30px;
}

    .xxcl_lmnr p {
        line-height: 25px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.xxcl_ul {
    height: auto;
    margin-top: 50px;
}

    .xxcl_ul ul {
        height: auto;
    }

        .xxcl_ul ul li {
            height: auto;
        }

.xxcl_img {
    height: auto;
}

.xxcl_wzs {
    height: auto;
    height: auto;
    margin-top: 15px;
    font-size: 12px;
    line-height: 20px;
    height: 60px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/** xxcl_box **/

/** knb_box **/
.knb_box {
    height: auto;
    background: #f2f2f2;
    padding: 100px 0;
}

.nkb_mc {
    height: auto;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}

.nkb_line {
    width: 30px;
    height: 2px;
    background: rgb(218, 185, 107);
    margin: 0 auto;
    margin-top: 10px;
}

.knb_ul .xxcl_wzs {
    text-align: center;
}
/** knb_box **/

/** rxsc_box **/
.rxsc_box {
    height: auto;
    background: #fff;
    padding: 100px 0;
}
/** rxsc_box **/
/** kebs_box **/
.kebs_box {
    height: auto;
    padding: 100px 0;
    background: #f2f2f2;
}

.kyb_box {
    height: auto;
    margin-top: 50px;
}

.kyb_box1 {
    height: auto;
}

.kyb_box2 {
    height: auto;
}

.kyb_nei {
    height: auto;
    margin-top: 30px;
}

    .kyb_nei p {
        line-height: 25px;
        text-indent: 2em;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.kybs_stp {
    height: auto;
}

.cgb_box {
    height: auto;
    padding: 100px 0;
    background: #f2f2f2;
}

.kyb_neis {
    margin-top: 110px;
}
/** kebs_box **/









/** qyxcp_video **/
.qyxcp_video {
    height: auto;
}

    .qyxcp_video ul {
        margin: 0 auto;
    }

        .qyxcp_video ul li {
            height: auto;
            margin-top: 15px;
        }

.qyxc_box {
    position: relative;
}

.qyxc_text {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
}

    .qyxc_text p {
        line-height: 50px;
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

.qysp_logo {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -28px;
}

.videobf {
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    border-radius: 100%;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

    .videobf span {
        position: absolute;
        top: 22px;
        left: 25px;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6.5px 0 6.5px 9px;
        border-color: transparent transparent transparent #fff;
    }

.qyscp_vs {
    width: 85%;
    height: auto;
    margin: 0 auto;
}



.cptj_text {
    background-color: #fff;
    padding-left: 4%;
    padding-bottom: 5%;
    padding-top: 5%
}

.video_text {
    font-weight: bold;
    color: #333;
}

.read_mores {
    border-bottom: 2px solid #444;
    width: 40%;
    margin-top: 2%;
    color: #444;
}

    .read_mores a {
        font-family: 'cinzelregular';
        color: #444;
    }

        .read_mores a:hover {
            color: rgb(218, 185, 107);
        }

.qyxcp_video01 li:hover .read_mores {
    color: rgb(218, 185, 107);
}

.azgf_text {
    background-color: #fff;
}

.video_text1 {
    font-weight: bold;
    line-height: 70px;
    text-align: center;
    color: #444;
}

.qyxcp_video02 li {
    position: relative;
}

.azgfsp {
    position: absolute;
    left: 50%;
    top: -10%;
    height: 12%;
    background-color: rgb(218, 185, 107);
    width: 1%;
}

.qyxcp_video02 li a:hover .video_text1 {
    color: rgb(218, 185, 107);
}
/** qyxcp_video **/





















@media(max-width: 1200px) {
    .menu01 {
        padding-right: 3%;
    }

    .logo01 {
        margin-left: 3%;
        width: 130px;
        margin-top: 16px
    }

    .li_phonenumber {
        display: none;
    }

    .menu01 ul li.li_login .line01 {
        display: none;
    }
}

@media(max-width: 1000px) {
    .menu01 ul li.li_login {
        display: none;
    }

    .menu01 ul li.li_level_t .line01 {
        display: none;
    }

    .logo01 {
        margin-left: 2%;
    }

    .menu01 {
        padding-right: 1%;
    }

        .menu01 ul li a {
            padding: 0 7px;
        }

    .nav_menu_b ul li a {
        line-height: 40px !important;
        padding: 0 15px !important;
    }

    .header01_nav {
        width: 100% !important;
    }

    .download-app-content-left h2 {
        font-size: 30px;
    }

    .download-app-content-left p {
        display: none;
    }

    .xzpgb {
        margin-bottom: 20px;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }
}

@media(max-width: 768px) {
    .lxdzli {
        text-indent: 42px;
    }

    .sytuij_wznr p {
        line-height: 22px !important;
    }

    .qyxc_text p {
        width: 100%;
    }

    .event__text.see {
        opacity: 1;
        left: 0;
    }

    .event__image img {
        clip: rect(0px 800px 600px 0px);
    }

    .event__value {
        top: 0px !important;
        opacity: 1 !important;
    }

    .about_box3 .row {
        bottom: 0px;
        opacity: 1;
    }

    .about3 .container {
        bottom: 0px;
        opacity: 1;
    }

    .wrap_bt {
        bottom: 0px;
        opacity: 1;
    }

    .about_box2_js1 {
        bottom: 0px;
        opacity: 1;
    }

    .one_new_box {
        bottom: 0px;
        opacity: 1;
    }

    .base_main .container {
        bottom: 0px;
        opacity: 1;
    }

    .partner_box {
        top: 0px;
        opacity: 1;
    }

    .job .container {
        bottom: 0px;
        opacity: 1;
    }

    .contact_a {
        bottom: 0px;
        opacity: 1;
    }

    .case_box {
        top: 0px;
        opacity: 1;
    }

    .main-content {
        bottom: 0px;
        opacity: 1;
    }

    .index_box1_right {
        bottom: 0px;
        opacity: 1;
    }

    .history_a {
        bottom: 0px;
        opacity: 1;
    }

    .yushi_list .row {
        bottom: 0px;
        opacity: 1;
    }

    .chufang_list {
        bottom: 0px;
        opacity: 1;
    }

    .neizhuang_box1_list {
        bottom: 0px;
        opacity: 1;
    }



    #newvd {
        padding-bottom: 50px;
    }

    #casevd {
        padding-bottom: 50px;
    }

    .partner_box ul li {
        width: 50%;
        float: left;
    }

    .case_n {
        margin-bottom: 30px;
    }

    .jszc_tb {
        width: 22%;
        float: left;
    }

    .jszc_sj {
        display: none;
    }

    .jszc_gd {
        display: none;
    }

    .jszc_box ul li {
        padding: 0px 15px;
    }

    .rhby_div ul li {
        width: 50%;
        float: left;
    }

    .rhby_nr {
        padding: 15px;
    }

    .shzc_div ul li {
        width: 50%;
        float: left;
    }

    .tmwt_bt {
        width: 65%;
        float: left;
    }

    .tmwt_more {
        width: 35%;
        float: left;
        padding: 0;
        font-size: 12px;
    }

    .news_xy {
        padding-bottom: 50px !important;
    }

    .rhby_box {
        padding: 50px 0;
    }

    .shzc_box {
        padding: 50px 0;
    }

    .rmwt_box {
        padding: 50px 0;
    }

    .jszc_nybox {
        height: auto;
    }

    .zljs_ul ul li {
        width: 100% !important;
    }

    .fzl_zj {
        padding-top: 50px;
    }

    .youshi_tabab {
        padding-bottom: 50px;
        padding-top: 30px;
    }

    .fmzl_box table td {
        width: 50%;
    }

    .fmzl_box {
        padding: 10px;
    }

    .zyzs_wzs {
        width: 90%;
        margin: 0 auto;
    }

    .zyzs_box ul li {
        width: 50%;
    }

    .zyzs_box {
        margin-top: 30px;
    }

    .bfzl_box ul li {
        width: 50%;
        float: left;
    }

    .ztyst_jstm {
        width: 90%;
        margin: 0 auto;
    }

    .ztyst_jsnr {
        width: 90%;
        margin: 0 auto;
    }

    .wxzky_box {
        padding: 50px 0;
    }

    .wxzky_nr {
        margin-top: 0;
    }

    .xuanze2_tp {
        margin-left: 10%;
        margin-top: 30px;
    }

    .keyi_ships {
        margin-top: 50px;
    }

    .yushi_xj {
        padding: 50px 0;
    }

    .ysxj_ul ul li {
        width: 50%;
        float: left;
        margin-bottom: 15px;
    }

    .ysxj_nm {
        line-height: 20px;
        height: 40px;
    }

    .ztyst_js {
        padding: 50px 0;
    }

    .xxcl_lmmz {
        width: 90%;
        margin: 0 auto;
    }

    .xxcl_lmnr {
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
    }

    .knb_box {
        padding: 50px 0;
    }

    .rxsc_box {
        padding: 50px 0;
    }

    .kebs_box {
        padding: 50px 0;
    }

    .cgb_box {
        padding: 50px 0;
    }

    .kyb_neis {
        margin-top: 30px;
    }





    .col-md-offset-6 {
        margin-left: 0%;
    }

    .xilie01 p {
        margin: 0;
    }

    .xilie01 strong {
        line-height: 55px;
    }

    .xilie01 {
        margin: 20px auto;
    }

    .event__text {
        float: none;
        width: 100%;
        margin-top: 16rem;
        padding: 0 15px;
    }

    .event__value {
        margin-top: 40px;
        width: 100%;
        padding: 20px 15px;
        float: none;
        height: auto;
        min-height: 130px;
    }

    .about_box1 {
        padding: 70px 0 40px;
    }

    .event__text.capital-letter.capital-letter--gold h2 {
        font-size: 18px;
        text-align: center;
        line-height: 30px;
    }

    .event__text.capital-letter.capital-letter--gold .h3 {
        text-align: center;
        line-height: 22px;
    }

    .impor {
        font-size: 20px !important;
    }

    .about_box2_js h3 {
        font-size: 20px;
        padding: 0 15%;
    }

    .about_box2 {
        height: 360px !important;
        padding-top: 30px;
    }

    .about_box3 .container {
        padding: 50px 15px;
    }

    .honor_wz p {
        width: 85%;
    }

    .honor_list {
        padding: 50px 0 0;
    }

    .about3 {
        padding: 50px 0 30px;
        ;
    }

        .about3 .container {
            padding: 15px;
        }

    .about3_pic {
        width: 100%;
    }

    .about3_title2 h3 {
        font-size: 30px;
        text-align: center;
    }

    .his_con {
        float: right;
    }

    .honor_wz {
        margin-bottom: 0px;
    }

    .right_box {
        padding: 10px 30px;
    }

    .neizhuang_box1_list {
        margin-bottom: 80px;
    }

    .neizhuang_box1_list_wz {
        left: 0;
        bottom: -75px;
    }

    .neizhuang_box1_nav {
        width: 90%;
    }

    .neizhuang_box1_list_wz {
        width: 90%;
    }

        .neizhuang_box1_list_wz h3 {
            font-size: 16px;
        }

        .neizhuang_box1_list_wz h2 .gaodu {
            background: rgba(0,0,0,0.3);
            white-space: nowrap;
            position: absolute;
            right: 0px;
            color: #fff;
        }

    .about3_title2 p {
        text-align: center;
    }

    .youshi_box1 p {
        width: 85%;
    }

    .youshi_box1 {
        padding-top: 70px;
    }

        .youshi_box1 p {
            font-size: 12px;
        }

    .inn_service_tblb h2 span {
        font-size: 22px;
    }

    .inn_service_tb .col-lg-3 {
        height: 170px;
        border: none;
        width: 92%;
        border-bottom: 1px solid #ededed;
        margin: 0 auto;
    }

    .inn_service_c {
        padding: 30px 0 20px;
    }

    .youshi_box3_bt {
        width: 92%;
        margin: auto;
    }

        .youshi_box3_bt p {
            font-size: 14px;
        }

    .youshi_box1_list .container {
        padding: 0 5px !important;
    }

    .youshi1_box1 p {
        font-size: 12px;
    }

    .youshi1_box1 {
        padding: 40px 0;
    }

    .banner1 {
        margin-top: 0;
    }

    .indexpro {
        margin-top: 0px;
    }







    /**yushi**/
    .indexpro, .indexprobg, .warpitem, .bgbox {
        height: 1150px;
    }

    .xilie01 {
        width: 92%;
        padding: 20px;
    }

        .xilie01 strong {
            font-size: 20px !important;
        }

    .indexprowz {
        margin-top: 50px;
    }
    /**yushi**/




    /**yushi_list**/
    .yushi_list {
        padding: 30px 0 0px;
    }

    .common_bt h2 {
        font-size: 20px;
    }

    .common_bt h3 {
        font-size: 18px;
    }

    .common_bt {
        margin-bottom: 30px;
    }

    .yushi_list_nav {
        width: 84%;
    }

    .yushi_list_lb_wz h2 {
        font-size: 15px;
    }

    /**yushi_list**/



    /**yuyue**/
    .wrap_bt h1 {
        font-size: 18px;
    }

    .case {
        padding: 50px 0 0;
    }

    .wrap_bt {
        padding-bottom: 20px;
    }

    .right_box {
        padding: 10px 15px;
    }

    .right_title {
        font-size: 18px;
    }

    .ys1 {
        font-size: 13px;
    }

    .ys3 span {
        font-size: 18px;
    }

    .detail_box {
        margin-top: 30px;
    }

    .xia_box {
        margin: 30px 0 0;
    }

    .bottom_box {
        padding: 30px 0 10px;
    }

    .dp_info {
        padding-bottom: 20px;
    }
    /**yuyue**/



    /**chufang**/
    .chufang {
        padding: 50px 0 0;
    }

    .chufang_nav {
        width: 84%;
    }

    .chufang_list_right {
        padding: 20px 0;
    }

        .chufang_list_right p {
            display: none;
        }

    .chufang_list {
        margin-bottom: 30px;
    }

    .detail_box ul li {
        margin-right: 15px;
    }

    /**chufang**/


    /**quanwu**/
    .neizhuang_box1 {
        padding: 50px 0 0;
    }

    .neizhuang_box1_nav {
        width: 92%;
    }

        .neizhuang_box1_nav .col-lg-12, .neizhuang_box1_nav .col-lg-6 {
            padding: 0;
        }

    .neizhuang_box1_list {
        margin-bottom: 80px;
    }

    .neizhuang_box1_list_wz {
        bottom: -71px;
    }

        .neizhuang_box1_list_wz h3 {
            font-size: 14px;
            display: block;
        }

        .neizhuang_box1_list_wz h2 .mianji, .neizhuang_box1_list_wz h2 .gaodu {
            font-size: 16px;
        }


    /**quanwu**/


    /**youshi**/
    .youshi_box1 ul li a {
        line-height: 50px;
    }

    .youshi_box1 {
        padding-top: 50px;
    }

    .abcc {
        font-size: 18px !important;
    }

    .inn_service_tb {
        width: 100%
    }

    .inn_service_tblb {
        width: 92%;
    }

        .inn_service_tblb h2 span {
            font-size: 17px;
        }

    .inn_service_tb .col-lg-3 {
        height: auto;
    }

    .inn_service_tblb h3 {
        margin-top: 10px;
    }

    .youshi1_box2, .youshi2_box1, .youshi3_box1 {
        padding: 30px 0 10px;
    }

    .youshi1_box2_wz i {
        margin: 0 0 10px 0;
    }

    .youshi1_box2_wz h3 {
        line-height: 40px;
    }

    .youshi1_box2_bz {
        margin: 30px 0;
    }

    .youshi1_left {
        width: 30px;
        height: 30px;
        left: 72%;
        top: 25px;
    }

    .youshi1_right {
        width: 30px;
        height: 30px;
        right: 8%;
        top: 25px;
    }

    .youshi1_box2_bz_list h3 {
        font-size: 16px;
    }

    .youshi1_box1 {
        padding: 30px 0
    }

        .youshi1_box1 .abcc {
            margin-top: 0
        }

    .youshi2_box1_wz h3 {
        font-size: 17px;
    }

        .youshi2_box1_wz h3 span {
            font-size: 20px;
            line-height: 34px;
        }

    .youshi2_box1_wz p, .youshi1_box2_wz p {
        font-size: 13px;
    }

    .youshi1_box2_wz h3 {
        font-size: 18px;
        line-height: 32px;
    }

    .youshi1_box1 h3 {
        margin-top: 0;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .youshi1_box2_lb .col-lg-6 {
        border: none;
    }

    .youshi1_box2_lb {
        margin-top: 0px;
    }

        .youshi1_box2_lb .col-lg-6 {
            padding: 20px 0;
        }

        .youshi1_box2_lb p {
            padding-top: 10px;
            font-size: 16px;
        }

    .youshi_box2_dt_wz {
        top: 0;
    }

        .youshi_box2_dt_wz h2 a {
            font-size: 12px;
            line-height: 20px;
            width: 80%;
        }

        .youshi_box2_dt_wz .btn1 {
            margin: 25px auto 0;
            line-height: 35px;
            font-size: 12px;
            width: 130px;
        }

    .youshi1_box2 {
        padding: 30px 0 0;
    }

    .youshi_box2_dt_wz h3 {
        font-size: 17px;
    }

    .youshi_box2_dt_wz_ts {
        width: 100%;
    }




    /**youshi**/



    /**about**/
    .about_box1 {
        padding: 50px 0 20px;
    }

    .event__image {
        width: 100%;
    }

    .event__text {
        padding: 0;
    }

    .event__value {
        margin-top: 30px;
    }

    .about_box2_js img {
        margin-top: 0;
    }

    .about_box2_js h3 {
        padding: 0 15px;
        font-size: 17px;
        margin-top: 30px;
    }

    .about_box2 {
        height: 290px !important;
    }

    .about_box3 .container {
        padding: 30px 15px;
    }

    .honor_wz p {
        font-size: 14px;
    }

    .honor_wz p {
        width: 100%;
    }

        .honor_wz p span {
            font-size: 20px;
        }

    .honor_wz {
        padding-bottom: 30px;
    }

    .honor_list {
        padding: 30px 0 0;
    }

    .about3_title2 h3 {
        font-size: 20px;
    }

    .his_con p {
        line-height: 20px;
    }

    .his_date {
        font-size: 18px;
    }

    .history {
        padding: 0;
    }

    .his_left {
        display: none;
    }

    .about3 .container {
        margin: 0 15px;
        padding: 15px;
    }

    .about_box2 {
        background: url(../images/gybj-1.jpg) no-repeat center center;
    }

    /**about**/


    /**news**/
    .news {
        padding: 50px 0 0px;
    }

    .one_new_box {
        margin-left: 15px;
        width: 92%;
        padding-top: 0;
        border: none;
    }

    .o_n_right h2 {
        font-size: 17px;
        padding: 0 0 20px;
    }

    .o_n_left h2 {
        font-size: 15px;
    }

    .o_n_right h3 {
        font-size: 12px;
        line-height: 20px;
    }

    .o_n_right {
        padding-bottom: 10px;
        width: 100%;
    }

    .o_n_left {
        width: 100%;
        margin-bottom: 10px;
    }

    /**news**/

    /**newsdot**/
    .newsdot {
        padding: 50px 0 30px 0;
    }

    .newsdot_right h4 {
        font-size: 12px;
    }

    .newsdot_bot {
        margin-top: 20px;
    }

    .newsdot_back {
        margin-top: 30px;
    }

    .newsdot_left {
        width: 100%;
    }

    .newsdot_right {
        width: 100%;
        padding-left: 0px;
    }

    .newsdot_main {
        margin-top: 20px;
    }

    .newsdot_left h4 span {
        display: inline
    }

    .newsdot_left h4 {
        margin: 10px 0;
    }
    /**newsdot**/



    /**app**/
    .intro-takeover {
        margin-top: 0;
    }

    .download-app-content {
        float: none;
        margin: 0 auto;
        margin-top: 140px;
    }

    .download-app-content-right {
        float: none;
        margin-left: 0;
    }

        .download-app-content-right span {
            width: 100%;
        }

    .download-app-content-left h2 {
        font-size: 25px;
        float: none;
    }

        .download-app-content-left h2 i {
            font-size: 25px;
        }

    .download-app-content-left {
        width: 100%;
        text-align: center;
    }

    .content1 h2 {
        font-size: 30px;
    }

    .content1 p {
        font-size: 15px;
    }

    .module-smarter-5-zhengxing-app section {
        height: 715px;
    }
    /**app**/



    /**base**/
    .youshi_box1.base {
        margin-top: 0;
    }

        .youshi_box1.base .wrap_bt {
            padding-top: 30px;
        }

    .main_left h2 {
        font-size: 20px;
    }

    .float_font h3 {
        font-size: 18px;
    }

    .base_main {
        padding-bottom: 0;
    }

    .base_neirong .col-lg-4 {
        padding: 0;
        padding-top: 20px;
    }

    .base_info {
        padding: 30px 20px 10px;
        width: 100%;
    }

    .main_left {
        padding: 30px 20px;
        height: 250px !important;
    }

    .base_neirong {
        top: -30px;
    }

    /**base**/

    /**contact**/
    .contact {
        padding-top: 50px;
    }

    .contact_a.container {
        margin: 0 15px;
    }

    .contact_a {
        padding: 10px !important;
    }

    .contact_center_top h3, .message_cont h3 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .contact_center {
        border-right: none;
        padding-right: 0
    }

    .lxfs1 li {
        font-size: 13px;
    }

    .contact_right img {
        margin-bottom: 30px;
    }

    .contact_center_bottom {
        padding: 30px 15px;
    }

        .contact_center_bottom h3 span {
            font-size: 18px;
        }

        .contact_center_bottom p {
            font-size: 13px;
        }

    /**contact**/



    /**job**/
    .job_ln_left {
        right: 0;
    }

    .job {
        padding: 50px 0 10px 0;
    }

    .job_ln {
        width: 100%;
    }

    .job_ln_right h2 {
        font-size: 24px;
        margin-top: 20px;
    }

    .job_ln_right h3 {
        font-size: 20px;
    }

    .job_ln_right .btn1 {
        margin: 0 auto;
        margin-top: 20px;
        float: none;
    }

    .job_ln_right {
        left: 0;
        text-align: center;
    }

    .job_lb {
        padding: 0;
    }

    .job_lb_list {
        padding: 0 0 10px;
        border-bottom: 1px solid #ddd;
    }

    .job_lb_list_last {
        border: none;
    }

    .job_lb_list h2 {
        font-size: 18px;
        margin-top: 20px;
    }

    .job_lb_list i {
        margin: 15px auto;
    }

    /**job**/

    /**lingyu**/
    .row > .left.columns-50 {
        width: 100%;
    }

    .promargintop {
        margin-top: 0 !important;
    }

    .row > .left.columns-50 > .list-wrap {
        padding: 0 0 10px 0px;
    }

    .row > .left.columns-50 > .left.columns-50 > .list-wrap {
        padding: 0 0 10px 0px;
    }

    .list-left {
        padding-right: 5px;
    }

    .list-right {
        padding-left: 5px;
    }

    .products-all-nav-wrap {
        padding: 0;
        margin: 0
    }

    #slhl > .row, #sbhl > .row {
        margin: 0;
    }

    .products-all-list li {
        padding: 20px 0;
    }

    .view-more {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .products-all-nav li {
        margin-left: -35px;
    }

        .products-all-nav li p {
            width: 135px;
        }


    /**lingyu**/


    /**login**/
    .login_con {
        width: 92%;
        margin: 0 auto;
        left: 0;
        padding: 20px;
        top: 20%;
    }
    /**login**/

    /**service**/
    .store {
        margin-top: 50px;
        height: 1640px;
    }

        .store .leftcon {
            width: 100%;
            height: 800px;
        }

        .store .right {
            width: 100%;
            margin-top: 800px;
            z-index: 20;
            height: 460px !important;
        }

            .store .right > div {
                width: 92% !important;
                margin: 30px auto 0 !important;
                height: 400px !important;
            }

    iframe.iframe {
        height: 1310px;
    }

    #storeTopDetail {
        padding: 10px 10px 0px 25px;
    }

    .indexText {
        font-size: 25px;
    }

    #storeList li p {
        font-size: 13px;
    }
    /**service**/

    .list-wrap .pic > img {
        height: auto !important;
    }

    .test {
        padding: 30px 0 !important;
        height: 320px !important;
    }
}

@media (max-width: 767px) {
    .cpnrxq img {
    }
}



.fwlc_img {
    height: auto;
    margin-top: 30px;
}

.flwc_wz {
    line-height: 30px;
    text-align: center;
    margin-top: 50px;
}

    .flwc_wz span {
        color: rgb(218, 185, 107);
    }

.xglc_tiao {
    width: 80%;
    height: 2px;
    background: #444;
    margin: 0 auto;
    margin-top: 135px;
    margin-bottom: 180px;
    position: relative;
}

    .xglc_tiao ul {
        width: 100%;
        height: auto;
    }

        .xglc_tiao ul li {
            height: auto;
            float: left;
            position: absolute;
        }

.xglcli01 {
    top: -13px;
    left: -101px;
}

.xglcli02 {
    top: -18px;
    left: 16.7%;
    margin-left: -66px;
}

.xglcli03 {
    top: -46px;
    left: 33%;
    margin-left: -66px;
}

.xglcli04 {
    top: -18px;
    left: 50%;
    margin-left: -66px;
}

.xglcli05 {
    top: -46px;
    right: 33%;
    margin-right: -66px;
}

.xglcli06 {
    top: -18px;
    right: 16.7%;
    margin-right: -66px;
}

.xglcli07 {
    top: -13px;
    right: -101px;
}

.xglc_dian {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #444;
    margin: 15px auto;
}

.xglc_wz {
    width: 140px;
    border: 1px solid #444;
    padding: 3px 0;
    line-height: 20px;
    text-align: center;
    background: #eee;
}

.xglc_tp {
    height: auto;
    background: #fff;
    position: absolute;
    width: 140px;
    left: 50%;
    margin-left: -70px;
}

.xglc_tp01 {
    top: -70px;
}

.xglc_tp02 {
    top: 75px;
}

.xglc_tp03 {
    top: -70px;
}

.xglc_tp04 {
    top: 75px;
}

.xglc_tp05 {
    top: -70px;
}

.xglc_tp06 {
    top: 75px;
}

.xglc_tp07 {
    top: -70px;
}

.newsdot_right img {
    max-width: 100%;
}





.cp_search {
    width: 350px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}

.cp_search1 {
    width: 260px;
    height: 35px;
    display: inline-block;
    float: left;
    background: #eee;
    border-radius: 5px 5px 5px 5px;
}

.cp_search2 {
    width: 80px;
    height: 35px;
    display: inline-block;
    float: right;
    border-radius: 5px 5px 5px 5px;
}

.cp_search1 input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    background: none;
    border: none;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.cp_search2 input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: none;
    border: none;
    text-align: center;
    background: rgb(218, 185, 107);
    color: #fff;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    transition: color .6s,border-color .6s,background-color .6s;
}

    .cp_search2 input:hover {
        background: #000;
        transition: color .6s,border-color .6s,background-color .6s;
    }

.li_sousou {
    line-height: 70px;
    position: relative;
}

    .li_sousou img {
        margin-top: 20px;
    }

.tbsm_k {
    width: 30px;
    height: 30px;
    background: url(../images/li_sousou.png) center center no-repeat;
    margin-top: 19px;
}

.tbsm_k_daiti {
    width: 30px;
    height: 30px;
    margin-top: 19px;
}

.li_sousou:hover .tbsm_k {
    background: url(../images/li_sousou1.png) center center no-repeat;
}

.cpdh_ss {
    width: 260px;
    height: 35px;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -110px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.cpdh_ss01 {
    width: 190px;
    height: 35px;
    background: #eee;
    float: left;
    border-radius: 5px 5px 5px 5px;
}

    .cpdh_ss01 input {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0px 10px;
        background: none;
        border: none;
        font-size: 14px;
        border-radius: 5px 5px 5px 5px;
    }

.cpdh_ss02 {
    width: 60px;
    height: 35px;
    float: right;
    border-radius: 5px 5px 5px 5px;
}

    .cpdh_ss02 input {
        width: 100%;
        height: 35px;
        outline: none;
        border: none;
        font-size: 14px;
        background: rgb(218, 185, 107);
        color: #fff;
        line-height: 35px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
    }


.syjjfa {
    height: auto;
}

    .syjjfa ul {
        height: auto;
    }

        .syjjfa ul li {
            height: auto;
        }

.syjjfa_tp {
    height: auto;
}

.syjjfa_nm {
    line-height: 30px;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
}

    .syjjfa_nm a {
        color: #000;
    }

        .syjjfa_nm a:hover {
            color: rgb(218, 185, 107);
        }

.syjjfa_xq {
    height: auto;
    line-height: 25px;
    text-align: justify;
    text-justify: inter-ideograph;
    height: 75px;
    letter-spacing: 2px;
}

.syjjfa_ljgd {
    line-height: 30px;
}

    .syjjfa_ljgd a {
        color: rgb(218, 185, 107);
    }

        .syjjfa_ljgd a span {
            font-family: '宋体';
            font-size: 14px;
            margin-left: 10px;
        }

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

.fa_ul {
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

    .fa_ul ul {
        height: auto;
    }

        .fa_ul ul li {
            display: inline-block;
            margin: 0px 5px;
            margin-bottom: 10px;
        }

            .fa_ul ul li a {
                display: block;
                line-height: 30px;
                background: #000;
                color: #fff;
                padding: 5px 20px;
            }

                .fa_ul ul li a:hover {
                    background: rgb(218, 185, 107);
                }

#fadq a {
    background: rgb(218, 185, 107);
}

.syjjfany01 ul li {
    margin-bottom: 20px;
}

.syjjfa_tp {
    overflow: hidden;
}

    .syjjfa_tp img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1.0);
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

.syjjfa ul li:hover .syjjfa_tp img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.syjjfa ul li:hover .syjjfa_nm a {
    color: rgb(218, 185, 107);
}

.syjjfa ul li:hover .syjjfa_ljgd a {
    color: #000;
}

.pagefa {
    margin-top: 0;
}

.case_boxfs {
    top: 0px;
    opacity: 1;
}

.fa_nybt {
    line-height: 45px;
    height: 45px;
    border-left: 4px solid rgb(218, 185, 107);
    padding-left: 20px;
    font-size: 20px;
    margin-left: 15px;
}

.fa_one {
    height: auto;
    margin-top: 30px;
}

.fa_one1 {
    height: auto;
}

.fa_one2 {
    height: auto;
}

.fa_tpimg {
    height: auto;
    position: relative;
    overflow: hidden;
}

    .fa_tpimg img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1.0);
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

.fa_one:hover .fa_tpimg img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.plan_tp {
    overflow: hidden;
}

    .plan_tp img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1.0);
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

.plan_box ul li:hover .plan_tp img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.fa_tpbk {
    height: auto;
    margin-top: 15%;
    padding-left: 8%;
}

    .fa_tpbk p {
        line-height: 25px;
        margin-bottom: 10px;
        text-indent: 2em;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.fa_touxiang {
    width: 150px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.fa_xian {
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 50px 15px;
}

.fa_xqzl {
    height: auto;
}

.fa_xqzl01 {
    height: auto;
}

    .fa_xqzl01 ul {
        height: auto;
    }

        .fa_xqzl01 ul li {
            height: auto;
            width: 80%;
            margin-bottom: 35px;
        }

            .fa_xqzl01 ul li a {
                display: block;
                background: #888;
                color: #fff;
                padding: 20px;
                text-align: center;
                line-height: 25px;
                font-size: 16px;
                border-radius: 10px 10px 10px 10px;
            }

                .fa_xqzl01 ul li a:hover {
                    background: rgb(218, 185, 107);
                }

#fatlm a {
    background: rgb(218, 185, 107);
}

.fa_xqzl02a {
    height: auto;
}

.fa_xqzl02b {
    height: auto;
    margin-top: 10%;
    padding-left: 5% !important;
}

    .fa_xqzl02b p {
        line-height: 25px;
        margin-bottom: 10px;
        text-indent: 2em;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.xqzl02a_tp {
    height: auto;
}

.fa_xqzl02 {
    height: 300px;
    position: relative;
}

.faxqnei {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

.faxqnei02 {
    display: none;
}

.faxqnei03 {
    display: none;
}

.faxqnei04 {
    display: none;
}

.faxqnei05 {
    display: none;
}

.sytuij_box {
    height: auto;
    background: #f3f3f3;
    padding: 60px 0 50px 0;
    margin: 30px 0;
}

.sytujj_nr {
    height: 460px;
}

.sytuij_div {
    height: auto;
}

.sytuij_div01 {
    height: auto;
}

.sytuij_div02 {
    height: 400px;
}

.sytuij_bt {
    line-height: 35px;
    font-size: 18px;
    margin-top: 50px;
}

.sytuij_wznr {
    width: 90%;
    height: 160px;
    margin-top: 35px;
}

    .sytuij_wznr p {
        line-height: 25px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.sytuji_more {
    width: 120px;
    height: auto;
    margin-top: 15px;
}

    .sytuji_more a {
        display: block;
        line-height: 30px;
        text-align: center;
        border: 1px solid #333;
        color: #333;
        transition: color .6s,border-color .6s,background-color .6s;
    }

        .sytuji_more a:hover {
            background: rgb(218, 185, 107);
            border: 1px solid rgb(218, 185, 107);
            color: #fff;
            transition: color .6s,border-color .6s,background-color .6s;
        }

.sytuij_tp {
    height: 400px;
    overflow: hidden;
}

.sytuij_bt1 {
    line-height: 25px;
    font-family: 'cinzelregular';
    font-size: 18px;
}

.plan_box {
    height: auto;
}

    .plan_box ul {
        height: auto;
    }

        .plan_box ul li {
            height: auto;
            border-bottom: 1px dotted #ddd;
            padding: 15px 0;
            margin: 0 auto;
        }

.plan_left {
    height: auto;
}

.plan_right {
    height: auto;
}

.plan_nr {
    height: auto;
}

.plan_bt {
    line-height: 30px;
    font-size: 18px;
    margin-top: 16%;
}

.plan_wz {
    height: auto;
    margin-top: 15px;
}

    .plan_wz p {
        line-height: 25px;
        text-align: justify;
        text-justify: inter-ideograph;
        text-indent: 2em;
    }

.plan_tp {
    height: auto;
    width: 90%;
    margin: 0 auto;
    padding: 0px 30px;
}

.plan_nr01 {
    padding-right: 8%;
}

.plan_nr02 {
    padding-left: 8%;
}

.plan_tp01 {
    box-shadow: 3px 3px 5px #ddd;
    margin-right: 0;
}

.plan_tp02 {
    box-shadow: -3px -3px 5px #ddd;
    margin-left: 0;
}


.animBorder {
    display: inline-block;
    *display: inline;
    position: relative;
    width: 100%;
}

    .animBorder .line {
        background-color: rgb(218, 185, 107); /*f6e8c6*/
        position: absolute;
        transition: width .7s,height .7s,top .7s;
        -o-transition: width .7s,height .7s,top .7s; /* Opera */
        -ms-transition: width .7s,height .7s,top .7s; /* Opera */
        -moz-transition: width .7s,height .7s,top .7s; /* Firefox 4 */
        -webkit-transition: width .7s,height .7s,top .7s; /* Safari ?￥a€??' Chrome */
        z-index: 2;
    }

.fa_one1 .animBorder .loc_l {
    top: 100%;
    left: 0;
    width: 2px;
    height: 0;
}

.fa_one1 .animBorder .loc_r {
    top: 0;
    right: 0;
    width: 2px;
    height: 0;
}

.fa_one1 .animBorder .loc_t {
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
}

.fa_one1 .animBorder .loc_b {
    top: 100%;
    right: 0;
    width: 0;
    height: 2px;
}

.fa_one1 .animBorder:hover .loc_l {
    height: 100%;
    top: 0;
}

.fa_one1 .animBorder:hover .loc_r {
    height: 100%;
}

.fa_one1 .animBorder:hover .loc_t {
    width: 100%;
}

.fa_one1 .animBorder:hover .loc_b {
    width: 100%;
}

@media(max-width: 768px) {
    .ban_search {
        width: 90% !important;
        left: 5% !important;
        margin-left: 0 !important;
        padding: 30px 15px !important;
        margin-top: -48px !important;
    }

    .cpfl_js {
        width: 100%;
    }

    .o_n_img_box img {
        width: 100%;
    }

    .cp_search {
        width: 100%;
        margin-bottom: 30px;
    }

    .cp_search1 {
        width: 72%;
    }

    .cp_search2 {
        width: 25%;
    }

    .newsdot_right img {
        width: 100%;
    }

    .newsdot_right p {
        margin: 10px 0;
    }

    .fwlc_img {
        width: 90%;
        margin: 0 auto;
    }

    .flwc_wz {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 30px;
        line-height: 25px;
    }

    .xglx_tstp {
        width: 90%;
        margin: 0 auto;
    }

    .sytuij_bt {
        margin-top: 0;
    }

    .sytuij_box {
        padding: 30px 0;
    }

    .sytuij_wznr {
        width: 100%;
        margin-top: 15px;
    }

    .sytujj_nr {
        height: 520px;
    }

    .sytuij_tp {
        height: 200px;
    }

    .sytuij_div02 {
        margin-top: 15px;
    }

    .sytuji_more {
        margin-top: 0;
    }
}





@media(max-width: 320px) {
    .indexpro, .indexprobg, .warpitem, .bgbox {
        height: 1300px;
    }

    .youshi_box2_dt_wz h2 {
        margin-top: 15px;
    }

    .youshi_box2_dt_wz .btn1 {
        margin: 15px auto 0;
    }

    .youshi_box2_dt_wz h2 a.youshi_box2_dt_wz_ts {
        width: 116%;
    }

    .products-all-nav li p {
        width: 120px;
    }

    .download-app-content {
        margin-top: 90px;
    }

    .xiazai_n2 {
        margin-top: 30px;
    }

    .download-app-block1, .module-smarter-5-zhengxing-app section {
        height: 600px;
    }

    .xzpgb2 {
        font-size: 14px;
    }

    .xzpgb1 {
        margin-left: 10px;
        margin-right: 5px;
    }

    .xzpgb {
        margin-right: 10px;
        width: auto;
    }

        .xzpgb a {
            width: auto;
        }

    .download-app-content {
        width: 100%;
        margin: 0;
        margin-top: 90px;
    }

    .xzpgb_2 {
        margin-right: 0;
    }
}

/* 招聘详情 */
.zpxxnrtop_job {
    width: auto;
    line-height: 35px;
    border-bottom: 1px #ddd dashed;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
}

    .zpxxnrtop_job span {
        color: #0752a4;
        font-size: 12px;
        float: right;
        color: #fff;
        background: rgb(218, 185, 107);
        padding-left: 8px;
        padding-right: 8px;
        padding: 5px;
    }

.zpxxnrbody {
    width: auto;
    border-bottom: 1px #ddd dashed;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.zpxxnrbodynr {
    width: 200px;
    float: left;
    margin-right: 30px;
}

.zpxxnrbodynrs {
    width: auto;
    height: auto;
}

.zpxxnrbodynrsz {
    width: 100px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    color: #666;
    text-transform: capitalize;
}

.zpxxnrbodynrsy {
    width: 100px;
    float: right;
    line-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
}

.joblist {
    padding-top: 150px;
    padding-bottom: 100px;
}

.upload {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .upload a {
        display: block;
        width: 130px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #666;
        color: black;
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
        text-decoration: none;
    }

        .upload a:hover {
            background: #004098;
            color: white
        }
/*.conceptwarp{ margin-top:80px;}*/
.job_gw {
    margin-top: 30px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
}

    .job_gw h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .job_gw p {
        line-height: 26px;
        color: #666;
        font-size: 14px;
    }

.job_yx {
    margin-top: 20px;
    font-weight: 600;
}
/* 招聘详情 */



/** kycpfl **/
.kycpfl {
    height: auto;
    margin-top: 15px;
}

.kycpfl_fl {
    width: 20%;
    height: auto;
    float: left;
}

.kycpfl_flmc {
    line-height: 25px;
    font-weight: bold;
}

    .kycpfl_flmc a {
        line-height: 25px !important;
    }

.kycpfl_flnr {
    height: auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .kycpfl_flnr p {
        line-height: 25px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

        .kycpfl_flnr p span {
            font-size: 12px !important;
            margin-right: 5px;
            font-weight: bold;
        }

        .kycpfl_flnr p a {
            line-height: 20px !important;
            font-size: 12px !important;
        }
/** kycpfl **/


.kefu_tiao {
    width: 40px;
    height: auto;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -74px;
    z-index: 999999;
}

/** kftc_box **/
.kftc_box {
    height: auto;
    position: fixed;
    top: 95%;
    right: 0;
    margin-top: -162px;
    z-index: 999999;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .kftc_box ul {
        height: auto;
        margin: 0 auto;
    }

        .kftc_box ul li {
            height: auto;
            border-bottom: 1px solid #ddd;
            background: #ffffff;
        }

            .kftc_box ul li a {
                display: block;
                padding: 10px;
            }

.kftc_tb {
    width: 50px;
    height: 40px;
    margin: 0 auto;
}

.kftc_nm {
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.kftc_boxli01 .kftc_tb {
    background: url(../images/kftc_tb01.png) center center no-repeat;
}

.kftc_boxli01:hover .kftc_tb {
    background: url(../images/kftc_tb01h.png) center center no-repeat;
}

.kftc_boxli01:hover .kftc_nm {
    color: rgb(218, 185, 107);
}

.kftc_boxli02 .kftc_tb {
    background: url(../images/kftc_tb02.png) center center no-repeat;
}

.kftc_boxli02:hover .kftc_tb {
    background: url(../images/kftc_tb02h.png) center center no-repeat;
}

.kftc_boxli02:hover .kftc_nm {
    color: rgb(218, 185, 107);
}

.kftc_boxli03 .kftc_tb {
    background: url(../images/kftc_tb03.png) center center no-repeat;
}

.kftc_boxli03:hover .kftc_tb {
    background: url(../images/kftc_tb03h.png) center center no-repeat;
}

.kftc_boxli03:hover .kftc_nm {
    color: rgb(218, 185, 107);
}

.kftc_boxli04 .kftc_tb {
    background: url(../images/kftc_tb04.png) center center no-repeat;
}

.kftc_boxli04:hover .kftc_tb {
    background: url(../images/kftc_tb04h.png) center center no-repeat;
}

.kftc_boxli04:hover .kftc_nm {
    color: rgb(218, 185, 107);
}

.kftc_boxli01 {
    position: relative;
}

.kftc_boxli03 {
    position: relative;
}

.boxli03_box {
    width: 234px;
    height: 190px;
    position: absolute;
    top: 50%;
    right: 72px;
    margin-top: -95px;
    display: none;
}

.kftc_leftkj {
    width: 220px;
    height: auto;
    background: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
    float: left;
    padding: 15px;
}

.kftc_rightsj {
    width: 14px;
    height: 15px;
    float: right;
    position: relative;
    top: 50%;
    margin-top: -7px;
}

.leftkj_bt {
    line-height: 30px;
    text-align: center;
    color: rgb(218, 185, 107);
    font-size: 20px;
    letter-spacing: 2px;
}

.leftkj_z {
    font-weight: bold;
}

.leftkj_tb {
    height: auto;
    margin-left: 3px;
}

.kftc_leftkj ul {
    height: auto;
}

    .kftc_leftkj ul li {
        height: auto;
        border-bottom: none;
        background: none;
        margin-top: 10px;
    }

.boxli01_box {
    width: 234px;
    height: 148px;
    position: absolute;
    top: 50%;
    right: 72px;
    margin-top: -74px;
    display: none;
}
/** kftc_box **/



/*cbxf*/
.cbxf_box {
    height: 230px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -116px;
    z-index: 999999;
}

    .cbxf_box ul {
        height: auto;
        margin: 0 auto;
    }

        .cbxf_box ul li {
            height: auto;
            margin-bottom: 5px;
            border-bottom: 1px solid #ddd;
            background: #ffffff;
            -moz-box-shadow: -2px -1px 3px #888; /* 老的 Firefox */
            box-shadow: -2px -1px 3px #888;
        }

            .cbxf_box ul li a {
                display: block;
                padding: 7px;
            }

.cbxf_tb {
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

.kftc_nm {
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.cbxf_kf, .cbxf_order, .cbxf_zd {
    display: none;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bolder;
    color: rgb(218, 185, 107);
}

.cbxf_boxli02 .cbxf_tb {
    background: url(../images/kytb03.png) center center no-repeat;
}

.cbxf_boxli02:hover .cbxf_tb {
    display: none;
}

.cbxf_boxli02:hover .cbxf_kf {
    display: block;
}

.cbxf_boxli03 .cbxf_tb {
    background: url(../images/kytb02.png) center center no-repeat;
}

.cbxf_boxli03:hover .cbxf_tb {
    display: none;
}

.cbxf_boxli03:hover .cbxf_order {
    display: block
}

.cbxf_boxli04 .cbxf_tb {
    background: url(../images/kytb01.png) center center no-repeat;
}

.cbxf_boxli04:hover .cbxf_tb {
    display: none;
}

.cbxf_boxli04:hover .cbxf_zd {
    display: block;
}

.cbxf_boxli03 {
    position: relative;
}

.cbxf03_box {
    width: 234px;
    height: 190px;
    position: absolute;
    top: 50%;
    right: 57px;
    margin-top: -95px;
    display: none;
}

.cbxf_leftkj {
    width: 220px;
    height: auto;
    -moz-box-shadow: -1px -1px 1px #888888; /* 老的 Firefox */
    box-shadow: -1px -1px 1px #888888;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
    float: left;
    padding: 15px;
}

.cbxf_rightsj {
    width: 14px;
    height: 15px;
    float: right;
    position: relative;
    top: 50%;
    margin-top: -7px;
}

.leftkj_bt {
    line-height: 30px;
    text-align: center;
    color: rgb(218, 185, 107);
    font-size: 20px;
    letter-spacing: 2px;
}

.cbxf_leftkj ul {
    height: auto;
}

    .cbxf_leftkj ul li {
        height: auto;
        margin-bottom: 5px;
        border-bottom: none;
        background: none;
        margin-top: 10px;
    }

.leftkj_srk {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 14px;
    color: #666;
    background: none;
}

.leftkj_ljyy {
    height: auto;
}

    .leftkj_ljyy a {
        display: bolck;
        line-height: 35px;
        font-size: 14px;
        color: #fff;
        background: rgb(218, 185, 107);
        padding: 0 !important;
        text-align: center;
    }

.boxli01_box {
    width: 234px;
    height: 148px;
    position: absolute;
    top: 50%;
    right: 72px;
    margin-top: -74px;
    display: none;
}
/* cbxf  */












/**2018-12-08**/
.header01_nav:after {
    content: "";
    display: table;
    clear: both;
}

.headAddInner ul:after {
    content: "";
    display: table;
    clear: both;
}

.headAddInner ul li {
    float: left;
    margin-left: 10px;
    position: relative;
}

.header01 {
    height: 100px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.showAddHead .header01 {
    height: 125px;
}

.headAdd {
    background: #000;
    height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.showAddHead .headAdd {
    height: 55px;
}

.headAddInner ul {
    margin: 0;
    display: inline-block;
    text-align: center;
}

.headAddInner {
    text-align: right;
}

    .headAddInner li a {
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        height: 30px;
        padding: 4px 5px;
        color: #fff;
    }

        .headAddInner li a * {
            vertical-align: middle;
        }

        .headAddInner li a img {
            height: 16px;
            margin-right: 3px;
        }

        .headAddInner li a:hover {
            color: rgb(218, 185, 107);
        }

    .headAddInner li.active > a {
        color: rgb(218, 185, 107);
    }

    .headAddInner li a span {
        color: #fff;
    }

.headAddHide {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-top: solid 1px #fff;
    top: 100%;
    margin-top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

li.active .headAddHide {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.headAddHideBox {
    white-space: nowrap;
    display: flex;
    margin: 0 -10px;
}

    .headAddHideBox p {
        margin: 0;
        padding: 0 15px;
    }

        .headAddHideBox p a {
            padding: 0;
            height: auto;
            line-height: 20px;
        }

.headAddHide:before, .headAddHide:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: 100%;
    border: solid;
    border-width: 0 6px 6px 6px;
    border-color: #fff transparent;
}

.headAddHide:after {
    margin-bottom: -1px;
    border-color: #000 transparent;
}

.nav_menu.nav_menu_cp.nav_menu01 {
    top: 100px;
}

.indexpro {
    margin-top: 100px;
}

.store {
    margin-top: 100px;
}

.banner1 {
    margin-top: 100px;
}







.banCenter {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
}

.tables {
    display: table;
    width: 100%;
    height: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.banCenterInner {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 35px;
}

.banCenterInput input {
    width: 320px;
    border: none;
    background: #fff;
    padding: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    float: left;
    margin-right: 10px;
}

.banCenterInput a {
    display: inline-block;
    background: rgb(218, 185, 107);
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 10px;
    min-width: 60px;
    text-align: center;
    float: left;
}

.banCenterInput:after {
    content: "";
    display: table;
    clear: both;
}

.banCenterInner p {
    margin: 10px 0 0;
}

    .banCenterInner p a {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
    }

        .banCenterInner p a:hover {
            color: rgb(218, 185, 107);
        }

.newTit {
    text-align: center;
    margin: 0 0 25px;
}

    .newTit h2 {
        margin: 0 0 0;
        font-size: 28px;
        line-height: 1.4;
        color: #000;
    }

    .newTit p {
        font-size: 12px;
        line-height: 1.2;
        margin: 0;
        color: #888;
        text-transform: uppercase;
    }

.cyySec1 {
    padding: 60px 0 20px;
}

.cyySec1_content {
    width: 90%;
    max-width: 840px;
    margin: 0 auto;
}

    .cyySec1_content p {
        font-size: 14px;
        line-height: 22px;
        color: #333;
    }

.cyySec2_lis img {
    width: 100%;
}

.cyySec2_lis {
    padding: 0 15px;
}

.cyySec2_sw {
    margin: 0 -15px;
}

.swiper-container.cyySec2_swCon {
    overflow: visible;
}

.cyySec3 {
    padding: 40px 0;
}

.newTit.newTit_l {
    text-align: left;
}

.cyySec4 {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 40%;
    position: relative;
}

.cyySec4_main {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 30px 0;
}

    .cyySec4_main h2 {
        text-align: center;
        color: #fff;
        font-size: 24px;
        line-height: 1.42;
        font-weight: normal;
        margin: 0;
    }

.cyySec5 > .container > .row {
    display: flex;
    align-items: center;
}

.cyySec5_l img {
    width: 100%;
}

.cyySec5_r p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 0 0 5px;
}

.cyySec5_r {
    padding-bottom: 30px;
}

.cyySec5 {
    padding: 60px 0;
}

.cyySecList {
    padding: 60px 0;
}

    .cyySecList ul {
        margin: 0 -10px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -webkit-box-lines: multiple;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .cyySecList ul li {
            width: 50%;
            padding: 10px 10px;
        }

.cyySecList_lis {
    border: solid 1px #ccc;
    padding: 15px 30px;
}

    .cyySecList_lis h2 {
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 1.42;
        color: #333;
    }

    .cyySecList_lis p {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
        color: #666;
    }

        .cyySecList_lis p.co_red {
            color: rgb(218, 185, 107);
        }

.cyyDot1 {
    padding: 60px 0;
}

.cyyDot1_main {
    display: flex;
    background: #f2f2f2;
}

.cyyDot1_left {
    width: 35%;
    padding: 50px 4%;
}

.cyyDot1_right {
    width: 65%;
}

.cyyDot1_img {
    padding-top: 50%;
    background-size: cover;
    background-position: center;
    min-height: 100%;
}

.cyyDot1_left h2 {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.cyyDot1_left h3 {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.cyyDot1_left a {
    margin: 0 0 15px;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: rgb(218, 185, 107);
    text-decoration: underline;
}

.cyyDot1_left p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.cyyDot2_img {
    width: 100%;
    padding-top: 36%;
    background-size: cover;
    background-position: center;
}

.cyyDot3 {
    padding: 60px 0;
}

.newTit h5 {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.cyyDot3_lis {
    border: solid 1px #666;
    text-align: center;
    padding: 20px 15px;
    min-height: 200px;
}

    .cyyDot3_lis h5 {
        font-size: 14px;
        line-height: 24px;
        color: #333;
        margin: 0;
    }

    .cyyDot3_lis h2 {
        margin: 0;
        font-size: 26px;
        line-height: 1.4;
        color: rgb(218, 185, 107);
    }

    .cyyDot3_lis hr {
        max-width: 20px;
        border-color: #666;
        margin: 15px auto;
    }

    .cyyDot3_lis p {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 22px;
        color: #333;
    }

.cyyDot4_lis {
    position: relative;
}

.cyyDot4_img {
    padding-top: 62%;
    background-size: cover;
    background-position: center;
}

.cyyDot4_lis h5 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    bottom: 25px;
    width: 94%;
    left: 3%;
    margin: 0 auto;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.5);
}

.cyyDot4 {
    padding: 0 0 60px;
}

.addProBanImg img {
    width: 100%;
}

.addProTitIn {
    display: inline-block;
    text-align: left;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 20px;
}

.addProTit {
    text-align: center;
    padding: 30px 0;
    position: relative;
}

    .addProTit:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
        background: #ddd;
    }

.addProTitIn h2 {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    color: #000;
}

.addProTitIn p {
    font-size: 12px;
    line-height: 1.2;
    color: #888;
    margin: 0;
}

.addProMain {
    background: #f3f3f3;
    padding-bottom: 60px;
}

.addProTab ul {
    display: flex;
    margin: 0;
    border-left: solid 1px #000;
}

    .addProTab ul li {
        flex: 1;
        text-align: center;
        border-right: solid 1px #000;
    }

        .addProTab ul li a {
            display: block;
            font-size: 16px;
            line-height: 26px;
            color: #333;
            padding: 0 0;
        }

            .addProTab ul li a:hover {
                color: rgb(218, 185, 107);
            }

.addProTab {
    padding: 25px 0;
}

.addProListImg img {
    width: 100%;
}

.addPro_lis {
    text-align: center;
    margin: 20px 0 0;
}

    .addPro_lis h4 {
        font-size: 16px;
        line-height: 24px;
        color: #000;
        margin: 10px 0;
    }

.addProBox {
    max-width: 920px;
    margin: 0 auto;
}

.prolistTab ul {
    display: flex;
    margin: 0;
    margin-left: -1px;
}

    .prolistTab ul li {
        flex: 1;
        text-align: center;
        margin-left: 1px;
    }

        .prolistTab ul li a {
            background: #363636;
            color: #fff;
            font-size: 16px;
            line-height: 24px;
            padding: 5px 0;
        }

        .prolistTab ul li.active a {
            background: rgb(218, 185, 107);
        }

.prolistNav .mbxdh {
    margin: 5px 0;
}

.addProListBox {
    padding: 60px 0 40px;
}





.newMenu {
    position: absolute;
    z-index: 999999999;
    background: #fff;
    left: -160px;
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
    max-height: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -moz-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -ms-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -o-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    -webkit-transition: 250ms max-height ease-out, 250ms transform ease-out, 250ms opacity linear;
    overflow: hidden;
}

.level_t.act .newMenu {
    max-height: 1000px;
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.newMenuBox {
    display: flex;
    width: 740px;
    min-height: 470px;
}

.newMenuLeft {
    width: 160px;
    background: #ebebeb;
}

.newMenuRight {
    flex: 1;
}

.newMenuLeft li {
}

.menu01 .newMenuLeft ul li {
    float: none;
}

    .menu01 .newMenuLeft ul li a {
        padding: 15px 15px;
        position: relative;
    }

.newMenuLeft li a h5 {
    font-size: 12px;
    line-height: 1.2;
    color: #333;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.4px;
}

.newMenuLeft li a h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    color: #333;
}

.menu01 .newMenuLeft ul li a:after {
    content: "";
    display: inline-block;
    height: 1px;
    left: 15px;
    right: 0;
    background: #ef0c0c;
    position: absolute;
    bottom: 0;
}

.menu01 .newMenuLeft ul li.active a {
    background: #ef0c0c;
}

    .menu01 .newMenuLeft ul li.active a h5, .menu01 .newMenuLeft ul li.active a h3 {
        color: rgb(218, 185, 107);
    }

.menu01 .newMenuRight .kycpfl p a {
    line-height: 1.2 !important;
    padding: 0;
    padding-left: 15px;
    padding-right: 10px;
}

.menu01 .newMenuRight .kycpfl_flmc a {
    padding: 0;
    padding-left: 15px;
    padding-right: 10px;
}

.newMenuRight .kycpfl_fl {
    width: auto;
}

.newMenuSec {
    display: none;
}

    .newMenuSec.active {
        display: block;
    }

.addIndBan {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.new_indBox4 {
    overflow: hidden;
}
/**2018-12-08**/






/**2018-12-13**/
.newIndexSec1 {
    padding: 0 15px;
}

.newInd1_tit {
    margin: 0 0 25px;
}

    .newInd1_tit b {
        font-size: 28px;
        line-height: 1.42;
        font-weight: normal;
    }

    .newInd1_tit span {
        font-size: 12px;
        color: #666;
        line-height: 1;
        text-transform: uppercase;
        vertical-align: text-bottom;
    }

    .newInd1_tit.withLine {
        background: #fff;
        position: relative;
    }

        .newInd1_tit.withLine * {
            background: #fff;
            position: relative;
        }

        .newInd1_tit.withLine:before {
            content: "";
            display: inline-block;
            width: 100%;
            height: 1px;
            background: #eee;
            position: absolute;
            bottom: 8px;
        }


.newInd1_tit_ph {
    margin: 0 0 25px;
}

    .newInd1_tit_ph b {
        font-size: 28px;
        line-height: 1.42;
        font-weight: normal;
    }

.newInd1_tit span {
    font-size: 12px;
    color: #666;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: text-bottom;
}

.newInd1_tit_ph.withLine {
    background: #fff;
    position: relative;
}

    .newInd1_tit_ph.withLine * {
        background: #fff;
        position: relative;
    }

    .newInd1_tit_ph.withLine:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #eee;
        position: absolute;
        bottom: 8px;
    }


.newInd3_next.newInd3_arr, .newInd3_prev.newInd3_arr {
    height: 100%;
    top: 0 !important;
    transform: translateY(0);
    display: flex;
    align-items: center;
    padding: 0 3px;
    padding-bottom: 42px;
    background: #f5f5f5;
}

    .newInd3_next.newInd3_arr img, .newInd3_prev.newInd3_arr img {
        width: 16px;
    }

.pagination.cyyDot2_pagination {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    text-align: center;
}

.cyyDot2_sw {
    position: relative;
}

.cyyDot2.zzgDot2 .cyyDot2_img {
    padding-top: 44%;
}

.add_map_img img {
    width: 100%;
}

.newBanBot {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
}

.newBanBotIn {
    display: inline-block;
    background: rgba(255, 255, 255, 0);
    padding: 60px 15px 30px;
    position: relative;
    z-index: 9;
    top: 0;
    opacity: 0;
    transition: all 0.3s cubic-bezier(1, 0.55, 0.4, 0.91);
}

    .newBanBotIn h2 {
        color: #514639;
        font-size: 35px;
        text-align: center;
        margin: 0;
        text-transform: uppercase;
    }

    .newBanBotIn h3 {
        color: rgb(218, 185, 107);
        font-size: 28px;
        text-align: center;
        margin: 10px 0 0 0;
    }

.newBanBot.active .newBanBotIn {
    top: 0px;
    opacity: 1;
}


.newBanBotIn {
    max-width: 680px;
}

    .newBanBotIn h2 {
        font-size: 22px;
    }


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

.index_box1_right {
    width: 96%;
}

.cyySec3_list {
    display: none;
}

    .cyySec3_list.active {
        display: block;
    }
/**2018-12-13**/


























@media(min-width: 768px) and (max-width: 1200px) {
    .nav_menu_b ul li a {
        line-height: 40px !important;
        padding: 0 15px !important;
    }

    .header01_nav {
        width: 100% !important;
    }
}

@media(max-width: 1000px) {
    .nav_menu_b ul li a {
        line-height: 40px !important;
        padding: 0 15px !important;
    }

    .header01_nav {
        width: 100% !important;
    }
}

@media(max-width: 1400px) {
    .menu01 ul li a {
        padding: 0 10px;
    }

    .nav_menu_b ul li a {
        line-height: 30px !important;
    }
}




/*** 工程列表 ***/
.project_1_list {
    padding: 80px 0;
    overflow: hidden;
}

    .project_1_list .row {
        position: relative;
        bottom: -300px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.project_1_list_nav {
    width: 80%;
    margin: 0 auto;
}

.project_1_list_lb {
    position: relative;
    margin-bottom: 30px;
}

.project_1_list_lb_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: rgba(0,0,0,0.3);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);*/
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.project_1_list_lb:hover .project_1_list_lb_wz {
    bottom: 8%;
}

.project_1_list_lb:hover .project_1_list_lb_bg {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.project_1_list_lb_wz {
    position: absolute;
    width: 94%;
    left: 3%;
    bottom: 4%;
    background: rgba(0,0,0,0.3);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);*/
    color: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .project_1_list_lb_wz h2 {
        font-size: 15px;
        font-family: 'cinzelregular';
        padding: 13px 20px;
        margin: 0;
    }

.project_1_list_lb:hover .project_1_list_lb_wz {
    background: rgb(218, 185, 107);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e60012,endColorstr=#99e60012);
}

.project_1_list_lb_wz h2 p {
    float: left;
    margin: 0;
}

    .project_1_list_lb_wz h2 p i {
        font-style: normal;
        font-family: "微软雅黑";
    }

.project_1_list_lb_wz h2 span {
    display: block;
    float: right;
}


@media(max-width:768px) {

    .project_1_list {
        padding: 80px 0;
        overflow: hidden;
    }

        .project_1_list .row {
            position: relative;
            bottom: -300px;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
        }

    .project_1_list_nav {
        width: 80%;
        margin: 0 auto;
    }

    .project_1_list_lb {
        position: relative;
        margin-bottom: 30px;
    }

    .project_1_list_lb_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        background: rgba(0,0,0,0.3);
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);*/
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .project_1_list_lb:hover .project_1_list_lb_wz {
        bottom: 8%;
    }

    .project_1_list_lb:hover .project_1_list_lb_bg {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

    .project_1_list_lb_wz {
        position: absolute;
        width: 98%;
        left: 1%;
        bottom: 4%;
        background: rgba(0,0,0,0.3);
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);*/
        color: #fff;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .project_1_list_lb_wz h2 {
            font-size: 12px;
            font-family: 'cinzelregular';
            padding: 6px 10px;
            margin: 0;
        }

    .project_1_list_lb:hover .project_1_list_lb_wz {
        background: rgb(218, 185, 107);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e60012,endColorstr=#99e60012);
    }

    .project_1_list_lb_wz h2 p {
        float: left;
        margin: 0;
    }

        .project_1_list_lb_wz h2 p i {
            font-style: normal;
            font-family: "微软雅黑";
        }

    .project_1_list_lb_wz h2 span {
        display: block;
        float: right;
    }
}