@charset "utf-8";
/* CSS Document */


body{
    font-family:"Microsoft YaHei","΢���ź�",'ArialMT','Arial-BoldMT','PingFang-SC-Regular' !important;
    font-size: 14px;
    background: #fefefe;
    letter-spacing:1px;
}



@font-face {
    font-family: 'SangBleuSans';
    src: url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.eot");
    /* IE9 Compat Modes */
    src: url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.eot?#iefix") format("embedded-opentype"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.woff2") format("woff2"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.woff") format("woff"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.ttf") format("truetype"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Regular-WebS.svg#sangBleuSans") format("svg");
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SangBleuSans';
    src: url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.eot");
    /* IE9 Compat Modes */
    src: url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.eot?#iefix") format("embedded-opentype"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.woff2") format("woff2"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.woff") format("woff"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.ttf") format("truetype"), url("https://www.hzzbzs.com:443/static/home/fonts/SangBleuSans-Light-WebS.svg#sangBleuSans") format("svg");
    /* Legacy iOS */
    font-weight: 300;
    font-style: normal;
}
video#intro-video?{
    ????object-fit:?cover;
    ????width:?100%;
    ????height:?100%;
}

.edbox{
    border-radius:4px;
    width:174px;
    height:53px;

}
.index_box {
    width: 80%;
    margin: 0 auto;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}

.header_top_left span {
    color: #555;
}
/*  ===============================================================*/
.header_top_right{
    width: auto;
}
.top_caidans1{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
.top_caidans1:hover{
    cursor: pointer;
}
.xialas{
    width: 100%;
    position: absolute;
    top: 72px;
    left: 0;
    background: #f0f0f0;
    display: none;
}
.xialas>.xialas_lists{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px dashed #d2d2d2;
}
.xialas_lists:last-child{
    border:none;
}
.xialas_lists>a{
    font-size: 18px;
    color: #333;
}
@media(max-width:1400px){
    .address{
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header_top_right_list{
        padding: 0 10px;
    }

}
@media(max-width:1200px){
    .header_top_right_list a{
        font-size: 15px;
    }

}
@media(max-width:780px){
    .header_top{
        width: auto;
        padding: 0 2%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header_top_right{
        display: none;

    }
    .top_caidans1{
        display: block;
    }
    .footer_lianjie{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .email{
        height: 35px;
    }
    .email_ipt1{
        line-height: 35px;
    }
    .email_ipt2{
        font-size: 12px;
    }
    .footerstyle_bottom_lianxifangfa_all>div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}



.header_address_list{
    position:fixed;
    background-color: rgba(255,255,255,1);
    z-index:4;
    width:40%;
    border: 4px solid #b87f32;
    padding: 40px;
    display:none;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.header_address_list > h5{
    font-size: 24px;
    color: #333;
    margin-top: 14px;
}
.header_address_list > h6{
    font-size: 17px;
    color: #666;
    margin-bottom: 20px;
}
.header_address_list .close{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.header_address_list li{
    margin-bottom: 20px;
}
.header_address_list li:last-child{
    margin-bottom: 0;
}
.header_address_list li div{
    width: 33%;
    float: left;
    font-size:17px;
}
.header_address_list li div a{
    display:inline-block;
    /*width:19%;*/
    /*text-align:center;*/
    position:relative;
    font-size:17px;
    margin: 0 2px;
}
.header_address_list li div a:hover{
    color:#920007;
}


.headerCon{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.headerCon .headerCon_box{
    width: 85%;
    margin: 0 auto;
}
.headlogo{position:absolute;width: 180px;height:60px;left:50%;margin-left: -80px;top: 25px;}
.headlogo img{ display:block; width:100%;}
.headnav{padding: 25px 0 22px;}
.headnav>li>a{font-size: 16px;color: #333;display:inline-block;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.headnav>li>a i{ margin-left:3px;}
.headnavR{ float:right; margin-left:10%; width:40%; text-align:right;}
.headnavR li{ float:right;}
.headnavBox{-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 14px;box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 14px;width: 100%;position:absolute;top: 110px;left: 0%;z-index:9999;visibility:hidden;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;z-index: 999999999;}
.navborder{position: relative;background: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}


.navBoxTop h3{ margin-bottom:0;}
.navBoxTop h3 a{ font-size:20px; letter-spacing:2px; color:#fff; line-height:30px; height:30px;}
.navBoxList{ margin:20px auto 0; padding:0 30px;}
.navBoxitem img{ display:block; width:100%;}
.navBoxitem h4{font-size:16px;line-height:24px;color: #666;height:24px;}
.navBoxMore{ text-align:center; padding:10px 0 25px;}
.navBoxMore a{font-size:16px;color: #666;font-weight:bold;line-height:40px;height:40px;display:inline-block;text-decoration: underline;}
.navBoxMore a:hover{ color: #920007}
.navBoxBot{ text-align:center; background:#fff; padding:20px 0; }
.navBoxBot h3{font-size:14px; color:#eee; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.navBoxBot a{ padding:10px 30px; line-height:30px; border:1px solid #888; display:inline-block; margin-left:20px; color:#888; }
.navBoxBot a:hvoer{ background:#333; color:#fff;}

.headsearch{
    border-bottom: 1px solid #333;
    position: relative;
    margin-left: 10%;
}
.headsearch input{ border:none; width:100%; font-size:14px; height:30px; line-height:30px; background:none; color:#999;}
.headsearch i{ position:absolute; right:0; top:10px;}
.headnav>li>a:hover,.headnav li:hover>a{ color: #920007}
.headnav li:hover .headnavBox{visibility:visible;top: 50px;filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index: 999999999;}
.headnavF{
    float:right;
}
.headnavF li{
    float:left;
    padding: 0 15px;
}

.headnavF li a{
    position:relative;
}

.headnavF li a .xx_ico{
    width:15px;
    position:absolute;
    top:-5px;
    right:-15px;
}

.headerCon .logo{
    width:180px;
    float:left;
    margin-top: 15px;
    position: static;
    padding: 0;
}
.headerCon .logo a{
    width: 180px;
}
.logo img{
    width:100%;
}
.navBoxList1{
    padding:0 25%;
}
.navBoxList2{
    padding:0 10%;
}
.navBoxList3{
    padding:0 35%;
}



.about_nav{
    float: left;
    width: 14.2%;
    padding: 5px;
}

.desnav{
    float:left;
    width:20%;
    padding: 5px;
}

.header_mouse{
    width: 100%;
    height: 105px;
    position: fixed;
    left: 0;
    top: 0;
    z-index:5;
}
.headnav>li.active>a {
    color: #920007;
}
/* header */



.menuBtn {
    position: fixed;
    z-index: 9999;
    top: 70px;
    left: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
}

.bellFix {
    position: fixed;
    z-index: 9999;
    top: 40px;
    right: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
}
.backTop {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    right: 10px;
}
.index_tit{
    text-align: center;
}


.menuBtnLine {
    position: relative;
    width: 25px;
    height: 25px;
}

.menuBtnLine i {
    height: 2px;
    width: 24px;
    background: #333;
    border-radius: 0;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    position: absolute;
    top: 61%;
    left: 1px;
    /* text-align: center; */
    margin-top: -1px;
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
}
.menuBtnLine.active i{
    background: #001f35;
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
}
.menuBtnLine.active i:before,.menuBtnLine.active i:after{
    width: 24px;
    background: #001f35;
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
}
.menuBtnLine i:before , .menuBtnLine i:after {content: "";display: inline-block;position: absolute;height: 2px;width: 19px;background: #333;/* text-align: center; */left: 0px;}
.menuBtnLine i:before{
    top:-6px;
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
}
.menuBtnLine i:after{
    top:6px;
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
}
.menuBtnLine.black i{
    background: #001f35;
}
.menuBtnLine.black i:before , .menuBtnLine.black i:after {background: #001f35;}
.menuBtnTxt {
    color: #fff;
    position: absolute;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 60px;
    right: 50%;
    -webkit-transform: rotate(-90deg) translateY(-55%);
    transform: rotate(-90deg) translateY(-55%);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0;
}

.menuBtnTxt span.mb-close {
    position: absolute;
    top: 56px;
    right: 0;
    opacity: 0;
    color: #001f35;
    z-index: 9999;
}
.bellFixTxt span.mb-close{
    left: 0;
}

.menuBtnTxt span.mb-close.active {
    opacity: .5;
}

.menuBtnTxt span.mb-open{
    opacity: 0;
    z-index: 9999
}
.menuBtnTxt span.mb-open.active {
    opacity: 1;
}

.menuBtn a:hover .menuBtnTxt span.mb-open {
    opacity: 0.8;
}

.menuBtnTxt span {
    display: inline-block;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    z-index: 9999
}
.index_close{
    position: absolute;
    top: 10%;
    right: 5%;
    width: 40px
}
.index_close img{
    width: 100%
}
.menuBtn a {
    display: block;
    position: relative;
    padding: 11px 0 0 12px;
    padding-bottom: 20px;
}
.bellFixTxt .mb-open.black{
    opacity: .5;
    color: #001f35
}
.bellFixTxt.active .mb-open{
    opacity: 0
}
.bellFixTxt.active .mb-close{
    opacity: .5
}
.logo a {
    display: block;
    position: relative;
    width: 36px;
}

.logo img {
    width: 100%;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.logo img.logo_c {

    opacity:1;
    display: none;
}

.bellIco {
    display: inline-block;
    position: relative;
    width: 20px;
}

.bellIco img{
    width:100%;
}
.bell_on1,.bell_on{
    position: absolute;
}
.bellIco .bell_on{
    opacity: 1
}
.bellIco .bell_on1{
    opacity: 0;
}
.bellIco.black .bell_on{
    opacity: 0;
}
.bellIco.black .bell_on1{
    opacity: 1;
}
.bellIco.active .bell_on{
    opacity: 0;
}
.bellIco.active .bell_on1{
    opacity: 1;
}
.bellIco .bell_off {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    opacity: 0;
}

.bellFix a {
    display: block;
    position: relative;
    padding: 16px 15px 15px;
    padding-bottom: 0px;
}

.backTopIco {
    width: 20px;
    height: 20px;
    display: inline-block;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    opacity:0.5;
}

.backTopIco svg {
    width: 100%;
    height: 100%;
}

.backTop a {
    display: block;
    padding: 10px;
    position: relative;
}

.backTopTxt {
    position: absolute;
    white-space: nowrap;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    bottom: 100%;
    right: 50%;
    padding: 0 5px;
    -webkit-transform: rotate(90deg) translateX(12px);
    transform: rotate(90deg) translateX(12px);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    opacity: 0;
}

.backTop a:hover .backTopTxt {
    opacity: 1;
}
.backTop a:hover .backTopIco {
    opacity: 1;
}
.menuBtnTxt.bellFixTxt {
    right: auto;
    left: 50%;
    top: 60px;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* .bellFix a:hover .menuBtnTxt span.mb-open{
    opacity: 0.8;
} */




.banner {
    position: relative;
    overflow: hidden;
    transition:all 0.9s;
    -moz-transition:all 0.9s;
    -ms-transition:all 0.9s;
    -o-transition:all 0.9s;
    -webkit-transition:all 0.9s;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.banner_dh ul li{float: right;text-align: right;}
.banner_dh ul li a{color: #999;font-size: 14px;padding-left: 10px;}
.banner_dh ul li a img{width: 20px;margin-right: 5px;}
.banner.active {
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.banner_dh ul li a:hover{
    color: #920007;
}
.bannerVideo {
    position: relative;
    height: 100%;
}

.bannerVideoIn {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.bannerTxt {
    position: absolute;
    top: 55.5%;
    left: 12.5%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bannerTxt .container {
    padding: 0;
    width: 95%;
}

.tables {
    display: table;
    width: 100%;
    height: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.table_cell h3{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
.videoPlay{
    margin-top: 120px;
    display: block;
}

.bannerTxtAb {
    position: absolute;
    width: 100%;
    top: 15%;
    left: 0;
    overflow: hidden;
}


.bannerTxtAb p {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition:all 0.9s;
    -moz-transition:all 0.9s;
    -ms-transition:all 0.9s;
    -o-transition:all 0.9s;
    -webkit-transition:all 0.9s;
    -webkit-transform:translateY(-90%);
    transform:translateY(-90%);
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    font-family: SangBleuSans,Arial,sans-serif;
}
.bannerTxtAb p.active{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.bannerTxt h2 {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.2;
    color: #fff;
    font-weight: 300;
    overflow: hidden;
    font-family: SangBleuSans,Arial,sans-serif;
    transition:all 0.9s;
    -moz-transition:all 0.9s;
    -ms-transition:all 0.9s;
    -o-transition:all 0.9s;
    -webkit-transition:all 0.9s;
    -webkit-transform:translateY(-60%);
    transform:translateY(-60%);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}
.bannerTxt h2.active{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.bannerTxt h3 {
    margin: 0;
    overflow: hidden;
    transition:all 0.9s;
    -moz-transition:all 0.9s;
    -ms-transition:all 0.9s;
    -o-transition:all 0.9s;
    -webkit-transition:all 0.9s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.bannerTxt h3.active {
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.bannerTxt h3 b {
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

span.ico-play {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: relative;
    transition: border-color .2s;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
}

span.ico-play:after {content: "";display: inline-block;position: absolute;border: solid;border-color: transparent #fff;border-width: 10px 0 10px 13px;border-radius: 3px;top: 50%;left: 50%;margin-top: -10px;margin-left: -5px;}

a.videoPlay:hover span.ico-play{
    border-color:#fff;
}

.btn_left_banner{
    position: absolute;
    z-index: 999;
    top: 30%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 4%;
    /* background: #fff!important; */
}
.btn_right_banner{
    position: absolute;
    z-index: 999;
    top: 30%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    right: 1%;
    /* background: #fff!important; */
}
.btn_right_banner i,.btn_left_banner i{
    font-size: 68px;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    margin-top: 3px;
}
.scrollDown {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 9;
}
/**�µ�banner*/
.isNew_ban{
    background:url('../html/bj.html') center/100% 100% no-repeat !important;
    height:161px;
    position:relative;
    position:fixed;
    left:0;
    bottom:0;
    right:0;
    z-index:99999;

}
.isnew_input{
    border-radius:10px;
    width:174px;
    height:45px;
    background:url('../html/bffd.html');
    color:#000;
    padding-left:20px;
    font-size:14px;
}
.hua{
    position: relative;
    margin-left: 2%;
}
.hua::after{
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background:url('../html/hua.html') center/cover no-repeat;
    position: absolute;
    top: -34px;
    right: -10px;
    z-index: 2;
}
.now_yuyue{
    border-radius:10px;
    width:140px;height:45px;
    background:#a08404;
    color:#fff;
    padding-left:20px;
    font-size:1.6rem;
    margin-left:4px;
    line-height:45px;
    font-weight:900;
    display:inline-block;
    overflow:hidden;
    position:relative;
    top:17px;
    z-index: 2;
}
.now_yuyue::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fbbc12;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: -1;
    border-radius: 10px;
}
.isnew_txt{
    color:#fff;
    font-weight:bolder;
    font-size:2rem;
    height:38px;
    text-align:center;
    width:100%;
}


.scrollDown a p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition:all 1.5s;
    -moz-transition:all 1.5s;
    -ms-transition:all 1.5s;
    -o-transition:all 1.5s;
    -webkit-transition:all 1.5s;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.scrollDown a p.active{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.scrollDown a span {
    display: block;
    width: 1px;
    height: 0px;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    transition:all 1.5s;
    -moz-transition:all 1.5s;
    -ms-transition:all 1.5s;
    -o-transition:all 1.5s;
    -webkit-transition:all 1.5s;
}
.scrollDown a span.active {
    height: 32px;
}
a:hover,a:focus{
    color: inherit;
}
/**index**/

/* sec1 */
.index_sec1{
    width: 70%;
    margin: 0 auto;
    padding: 30px 50px 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px #f1f1f1;
    box-shadow: 0 10px 10px #f1f1f1;
    position: relative;
    z-index: 2;
    border: 1px solid #f3f3f3;
}
.index_sec1.active{
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}
.index_sec1 .index_sec1_tit h2{
    color: #333;
}
.index_sec1 .index_sec1_tit h2 span{
    font-size: 12px;
    margin-left: 20px;
}
.index_sec1 .index_sec1_tit h2 span i{
    color: #caa064;
    font-style: normal;
}
.index_sec1_box{
    margin-top: 30px;
}
.index_sec1_input{
    width: 50%;
    float: left;
    padding-right: 15px;
}
.index_sec1_input>ul>li{
    width: calc(50% - 10px);
    float: left;
    background-color: #f3f3f3;
    padding: 10px 20px;
    margin-bottom: 20px;
    position: relative;
}
.index_sec1_input>ul>li:nth-child(5),
.index_sec1_input>ul>li:nth-child(6){
    margin-bottom: 0;
}
.index_sec1_input>ul>li:nth-child(even){
    margin-left: 20px;
}
.index_sec1_input>ul>li img{
    margin-right: 10px;
    width: 22px;
    height: 22px;
}
.index_sec1_input>ul>li input{
    font-size: 14px;
    width: calc(100% - 40px);
    height: 20px;
    border: none;
    background-color: #f3f3f3;
}
.index_sec1_input>ul>li.hx_box{
    cursor: pointer;
    font-size: 14px;
}
.index_sec1_input>ul>li.hx_box ul{
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color: #fff;
}
.index_sec1_input>ul>li.hx_box ul li{
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.index_sec1_input>ul>li.hx_box ul li:hover{
    background-color: #f3f3f3;
}
.index_sec1_con{
    width: 50%;
    float: left;
    padding-left: 15px;
}
.index_sec1_con ul{
    margin-bottom: 34px;
}
.index_sec1_con ul li{
    float: left;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    text-align: center;
}
.index_sec1_con ul li:first-child{
    color: #333!important;
    margin-right: 6%!important;
}
.index_sec1_con ul li:last-child{
    margin-right: 0%!important;
}
.index_sec1_con ul li:hover{
    color: #caa064;
}
.index_sec1_con ul li.active{
    color: #caa064;
}
.index_sec1_con ul.tc li{
    margin-right: 9%;
}
.index_sec1_con ul.fg li{
    margin-right: 3%;
}
.index_sec1_con input{
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    width: 40%;
    background-color: #caa064;
}
.index_sec1_l{
    width: 80px;
    float: left;
    margin-right: 5px;
}
.index_sec1_l img{
    width: 100%;
}
.index_sec1_r{
    float: left;
}

.index_sec1_r h2 {
    font-size: 24px;
    color: #444;
    font-weight: 900;
}
.index_sec1_r h4 {
    font-size: 14px;
    color: #999;
    letter-spacing: 1px;
}
.index_xian{
    width: 1px;
    height: 40px;
    background: #ccc;
    float: right;
    margin-top: 6%;
}



.index_sec3{
    margin-top: 80px;
}
.index_sec2{
    padding: 80px 0 160px;
    background: #f6f6f6;
    margin-top: 80px;
}


.index_sec2 .container{
    width:80%;
}
.index2_tit h2 {
    margin: 0;
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    color: #671115;
}

.index1_txt h3{
    margin: 20px auto 0;
    font-size: 30px;
    line-height: 48px;
    font-weight: 300;
    color: #671115;
    font-family:SangBleuSans,Arial,sans-serif;
    max-width: 1000px;
}

.index2_tit {
    position: relative;
    max-width: 100%;
    margin-bottom: 60px;
    padding-left: 50px;
    font-family: SangBleuSans,Arial,sans-serif;
}

span.index2_tit_ab {
    position: absolute;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333;
    top: -121px;
    right: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: .6;
    width: 200px;
}

.index2_left {
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index2_left.active{
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}

.index2_lTxt {
    padding-left: 100px;
    padding-right: 80px;
}

.index2_lTxt p {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 22px;
    color: #888;
    letter-spacing: 1px;
}

.text-link {
    color: #671115;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index2_lTxt .text-link {
    margin-top: 30px;
}

.text-link:after {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 40px;
    margin-left: 20px;
    background-color: rgba(0,31,53,.3);
    opacity: 1;
}

.text-link:hover:after {
    -webkit-animation: b .5s;
    animation: b .5s;
}

.index2_lBg {
    margin-top: 110px;
    padding-left: 50px;
}

.index2_lBg h2 {
    font-family: SangBleuSans,Arial,sans-serif;
    margin: 0;
    font-size: 60px;
    line-height: 100px;
    font-weight:300;
    color: #001f35;
    margin-bottom: 0;
    padding-bottom: 30px;
    display: inline-block;
    background: #e2c79a;
    background: -webkit-gradient(linear,left top, right top,color-stop(0, #e2c79a),color-stop(50%, #a9b2ac),to(#eaeff3));
    background: linear-gradient(90deg,#e2c79a 0,#a9b2ac 50%,#eaeff3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2c79a",endColorstr="#eaeff3",GradientType=1);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 150%;
    background-position: 50% 50%;
    -webkit-transition: background-position .4s;
    transition: background-position .4s;
    text-transform: uppercase;
}

.index2_mid img {
    width: 60%;
}

.index2_mid {
    padding-right: 94px;
    margin-left: 20px;
    position: absolute;
    left: -40px;
    top: -70px;
    transition:all 1.2s;
    -moz-transition:all 1.2s;
    -ms-transition:all 1.2s;
    -o-transition:all 1.2s;
    -webkit-transition:all 1.2s;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}
.index2_mid.active{
    /*top: -100px;*/
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}


.index2_right img {
    width: 70%;
}

.index2_right {
    width: 250%;
    top: -340px;
    position: absolute;
    right: -180px;
    z-index: 1;
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index2_right.active{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}


.index_sec3 .container{ width: 80%;}

.yuyue_tit h3 {
    margin: 0;
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-family: SangBleuSans,Arial,sans-serif;
    font-weight: 400;
    float: left;
}
.yuyue_tit h5{
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 14px;
    float: left;
    border-left: 1px solid #fff;
    margin-left: 5px;
    padding-left: 5px;
    margin-top: 4px;
    letter-spacing: 1px;
}
.bellTit{
    text-align: center;
}
.bellTit h3{
    margin: 0;
    color: #333;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
}
/* .bellBox input{
    width: 100%;
    line-height: 50px;
    font-size: 15px;
    text-indent: 10px;
    background: #fff;
    border-radius:5px;
    color: #999;
} */
.bellBox .col-sm-4{
    padding: 0 5px;
}
.bellBox .col-sm-4 h4{
    width: 150px;
    line-height: 38px;
    font-size: 15px;
    background: #671115;
    margin: 0;
    text-align: center;
}
.bellBox .col-sm-4 h4 a{
    color: #fff;
}
.bellTitIco h2 span{
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #eee;
    margin: 50% 5px;
}
.bellBox {
    margin-top: 20px;
}
.xieyi{
    margin-top: 20px;
    font-size: 15px;
}
.bm_number{
    font-size: 15px;
}
.bm_number span{
    color: #671115;
    font-size: 35px;
    font-family: SangBleuSans,Arial,sans-serif;
    margin: 0 15px;
}
.bellBoxR_row:after {content: "";display: table;clear: both;}

.bellBoxR_row {
    width: 60%;
    float: left;
    padding-right:5%;
}
.bellBoxR_rowR{
    width: 40%;
    float: right;
}
.bellBoxR_col {
    width: 50%;
    float: left;
    padding: 0 20px;
}

.bellBoxRInput input {
    width: 100%;
    color: #001f35;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0;
    margin-top: 10px;
    text-indent: 5px;
}
.lastInput{
    width: 80%!important;
}
.bellBoxRInput {
    margin-bottom: 25px;
}

.bellBoxRInput p {
    margin: 0;
    font-size: 13px;
    line-height: 23px;
    color: #222;
}

.bellBoxRInput textarea {
    width: 100%;
    color: #001f35;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 0;
    border: none;
    border-bottom: solid 1px #eee;
}

.bellBoxRCheck label {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #222;
}

.bellBoxRCheck label input {
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
}
.bellBoxRCheck label span {
    vertical-align: middle;
}

.bellBoxRCheck label span a {
    text-decoration: underline;
    color: #001f35;
}

a.indBtn {
    display: inline-block;
    padding: 14px 40px;
    height: auto;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
}

a.indBtn:before , a.indBtn:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    background-color: #001f35;
    opacity: .3;
    transition: opacity .2s,width .2s;
    -webkit-transition: opacity .2s,width .2s;
    -moz-transition: opacity .2s,width .2s;
    -ms-transition: opacity .2s,width .2s;
    -o-transition: opacity .2s,width .2s;
}
a.indBtn:before {
    top:0;
    right:0;
}
a.indBtn:after {
    bottom:0;
    left:0;
}
a.indBtn:hover:before , a.indBtn:hover:after {
    opacity: 1;
    width: 100%;
}
.bellBoxRBtn {
    text-align: right;
    margin-top: 25px;
}

.bellBoxL h2 {
    margin: 0 0 60px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

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

.bellBoxAvatarImg img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.bellBoxAvatar {
    position: relative;
    padding-left: 100px;
}

.bellBoxAvatarImg {
    position: absolute;
    top: 0;
    left: 0;
}

.bellBoxL {
    padding: 0 20px 0 50px;
}

.bellBoxAvatarTxt h5 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #abbfcd;
    color: rgba(0,31,53,.4);
    margin-bottom: 10px;
}

.bellBoxAvatarTxt p {
    font-size: 15px;
    line-height: 24px;
    color: #888;
    color: rgba(0,31,53,.6);
}

.bellBoxAvatarTxt p a {
    color: #b3b3b3;
    text-decoration: underline;
}
.index_sec_con{
    margin-top: 30px;
}
.bellBoxR_row3 .bellBoxR_col .inds3_list{
    width: 80%;
}
.boxR_row1{
    padding: 5px 0;
}
.bellBoxRInput{
    position: relative;
}
.bellBoxRInput .danwei {
    position: absolute;
    right:0;
    font-size: 20px;
    text-transform: uppercase;
    bottom: -10px;
    right: 5px;
    color: #999;
    width: auto;
}
.bellBoxR_row4 .bellBoxRInput input{
    width: 23%;
    margin-right: 2%;
    padding: 0 0 0 10px;
}
.bellBoxR_row4 .bellBoxRInput span{
    width: 23%;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    background: #333;
    padding: 10px;
}
.bellBoxR_row4 .bellBoxRInput span a{
    color: #fff;
    letter-spacing: 1px;
}
.bellBoxR_row5>span{
    width: 120px;
    margin-right: 2%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;

}
.bellBoxR_row5>span a{
    color: #fff;
}
.bellBoxR_row5 .bellBoxR_span2{
    font-size: 12px;
    line-height: 21px;
    border-bottom: none;
    text-align: left;
    vertical-align: bottom;
    width: 150px;

}
.bellBoxR_row5 .bellBoxR_span1{
    background: #671115;
}
.bellBoxR_row5 .bellBoxR_span3{
    background: #b87f32;
}
.bellBoxR_row5 .bellBoxR_span4{
    margin-right: 0;
    background: #005494;
}
.bellBoxRInput {
    position: relative;
    margin-bottom: 25px;
}
.bellBoxRInput p {
    margin: 0;
    font-size: 14px;
    line-height: 23px;
    color: #671115;
}
.x_shengshi {
    width: 23%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    border: #eee solid 1px;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
    float: left;
    margin-right: 2%;
}
.shengshi_lis {
    position: absolute;
    top: 40px;
    width: 101%;
    left: -1px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin: 0;
    display: none;
    max-height: 120px;
    overflow: auto;
    cursor: pointer;
    z-index: 999;
    text-align: center;
    border-top: none;
    padding: 0 10px;
}
.bellBoxR_row1 .bellBoxRInput input {
    width: 23%;
    color: #001f35;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0;
    border: solid 1px #eee;
    padding: 0 0 0 10px;
}
.x_shengshi:before{
    position: absolute;
    top: 21px;
    right: 8px;
    content: '';
    border: 5px solid #666;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.bellBoxR_row2 .inds3_list {
    width: 18%;
    margin-right: 2%;
}
.bellBoxR_row .inds3_list {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.inds3_list span {
    text-align: center;
    color: #999;
    font-size: 14px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
}
.inds3_list ul {
    border: 1px solid #eee;
    border-top: none;
    width: 100%;
    padding: 0px 10px;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 40px;
    display: none;
}
.inds3_list ul li {

    line-height: 35px;
    border-bottom: 1px solid #eee;
}
.bellBoxR_row3 .bellBoxR_col {
    padding: 0;
    width: 50%;
}

.bellBoxR_row3 .bellBoxR_col .inds3_list {
    width: 90%;
}
.second{
    width: 90%!important;
    margin-left: 10%!important;
}
.inds3_list {
    float: left;
}
.bellBoxR_row5{
    margin-top: 50px;
}
.bellBox_col{
    width: 100%;
    float: left;
}
.choose h4{
    color: #999;
    font-size: 13px;
    margin: 0;
}
.choose_txt{
    color: #333!important;
}
.message{
    width: 100%;
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.message h4{
    color: #671115;
    font-size: 14px;
}
.message textarea{
    width: 100%;
}
.bell_btn{
    width: 140px;
    line-height: 50px;
    text-align: center;
    color: #333;
    float: right;
    margin-top: 50px;
    background: #671115;
}
.bell_btn a{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
}
.bell_img{
    position: relative;
}
.bell_bj{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
}
.bell_img_txt{
    position: absolute;
    top:30%;
    width: 100%;
}
.bell_img_txt h3{
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}
.bell_img_txt h5{
    width: 100%;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 8px;
}
.bell_img_txt h4{
    width: 100%;
    color: #fff;
    margin-top: -30px;
    text-align: center;
    font-size: 14px;
}
.bell_img_txt h2{
    width:220px;
    margin: 20px auto;
    font-size: 13px;
    text-align: center;
    line-height: 50px;
    border:1px solid #fff;
    color: #fff;
    position: relative;
}
.bell_img_txt h2 span{
    width: 180px;
    height: 2px;
    background:#fff;
    margin:0 auto;
    position: absolute;
    bottom:0;
    left: 20px;
}
.index4_main_swiper{
    padding: 0 20px;
}
.index4_main{
    position: relative;
}
.index4_main ul li {
    width: 20%;
    margin: 40px 0 0;
    text-align: center;
}

.index4_main ul {
    text-align: center;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */          /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines:multiple;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    -moz-box-pack:center;
    -webkit-box-pack:center;
    -box-pack:center;
    margin: 0 -25px;
}

.index4_main ul:after {content: "";display: table;clear: both;}
.index4_main_swiper ul li:nth-of-type(1) a{
    background: #222
}
.index4_main_swiper ul li:nth-of-type(2) a{
    background:#333
}
.index4_main_swiper ul li:nth-of-type(3) a{
    background: #444
}
.index4_main_swiper ul li:nth-of-type(4) a{
    background: #555
}
.index4_main_swiper ul li:nth-of-type(5) a{

    background: #666
}
.index4_main_swiper ul li:nth-of-type(6) a{
    background: #777
}
.index4_main_swiper ul li:nth-of-type(7) a{

    background: #888
}


a.index4_lis {
    display: inline-block;
    position: relative;
    padding-left: 50px;
}

.index4_ico img {
    width: 100%;
}

.index4_ico {
    width: 38px;
    position: absolute;
    top: 0;
    left: 0;
}

.ind4_txt h2 {
    margin: 0 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
}

.ind4_txt {
    text-align: left;
}

.ind4_txt p {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}



.index5_box{
    margin-top: 50px;
}
.index_sec5.active .bellTit{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.index5_lis a {
    display: block;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */          /* NEW - Chrome */
    display: flex;
}

.index5_lisL {
    width: 66.66%;
    position: relative;
    overflow:hidden;
}

.index5_lisL img {
    width: 100%;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: all .6s cubic-bezier(.215,.61,.355,1);
}
.index5_lisL:hover img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}

.index5_lisR {
    width: 33.34%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition:all 1.6s;
    -moz-transition:all 1.6s;
    -ms-transition:all 1.6s;
    -o-transition:all 1.6s;
    -webkit-transition:all 1.6s;
    background: #d7c7ae;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;

}
.index5_lisL{
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition:all 1.6s;
    -moz-transition:all 1.6s;
    -ms-transition:all 1.6s;
    -o-transition:all 1.6s;
    -webkit-transition:all 1.6s;

    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;


}
.index5_lisR.active{
    background: #fff;
    -webkit-transform: rotateY(-0deg);
    transform: rotateY(-0deg);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}
.index5_lisL.active{
    -webkit-transform: rotateY(-0deg);
    transform: rotateY(-0deg);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}
.index_sec5 {
    /*padding: 0px 0 80px;*/
    overflow: hidden;
}

.index5_lTxt {
    position: absolute;
    bottom: 0;
    text-align: left;
    z-index: 2;
    padding: 20px;
    background: #fff;
    margin: auto;
    left: 0;
    width:70%;
}

.index5_lTxt h2 {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    color: #333;
    position: relative;
}
.index5_lTxt h3{
    margin: 0;
    font-size:16px;
    line-height:26px;
    color: #333;
    position: relative;
}
/* .index5_lTxt h2:after {content: "";display: inline-block;width: 60px;height: 4px;background: #fff;position: absolute;bottom: -10px;left: 50%;margin-left: -30px;}
 */
/* .index5_lisL:after {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000;opacity: .2;} */



.index5_lisTxt {
    width: 78%;
    margin: -80px auto 0;
}

.index5_lisTxt h2 {
    margin: 0;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    letter-spacing: 1px;
}

.index5_lisTxt h3{
    font-size: 20px;
    font-family: SangBleuSans,Arial,sans-serif;
    margin-top: 10px;
    text-transform: uppercase;
    color: #671115;
}

.index5_lisTxt p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
}

.index5_outLis {
    position: absolute;
    pointer-events: none;
    left: 38%;
    bottom: -50px;
    z-index: 1;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: all .6s cubic-bezier(.215,.61,.355,1);
    opacity: 0;
    visibility: hidden;
    left: 32%;

}


.index5_sw {
    position: relative;
}

.index5_outLis h2 {
    margin: 0;
    font-size: 50px;
    line-height: 1.6;
    color: #671115;
    font-weight: bold;
    font-family: SangBleuSans,Arial,sans-serif;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    -webkit-transition:all 0.8s;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

.index5_outLis h2 span{
    font-size:28px;
}

.index5_outLis h2 span b{
    font-family:"STXihei", "STHeitiLight", "����ϸ��", "Microsoft JhengHei", "Microsoft YaHei", '΢���ź�', Arial, sans-serif !important;;
}

.index5_outLis.block h2{

    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.swiper-pagination.pagination_ind5 {
    width: 26%;
    left: 70.33%;
    z-index: 2;
    text-align: left;
    bottom: auto;
    top: 25px;
}



.swiper-pagination.pagination_ind5 .swiper-active-switch {
    background: #000;
}

.swiper-pagination.pagination_ind5 .swiper-pagination-switch {
    margin: 0 10px 0 0;

}


.index5_outLis.active {
    opacity: 1;
    visibility: visible;
    left: 38%;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}



.index6_tit .index2_tit h2 {
    font-size: 30px;
    line-height: 40px;
}

.index6_tit .index2_tit {
    display: inline-block;
    float: left;
}

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

.index6_tit_r {
    float: right;
}

.index6_main {
    padding: 90px 50px;
    background-color: #dbdeda;
    position: relative;
    margin-left: 50px;
    width: calc(100vw - 9px - 50px - ((100vw - 100%)/2) );
}

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

.index6_lis {
    width: 50%;
    float: left;
    padding: 0 40px;
}

.ind6_img {
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 40px;
}

.index6_lis h6 {
    margin: 0 0 15px;
    color: rgba(0,31,53,.4);
    font-size: 12px;
    line-height: 22px;
}

.index6_lis h2 {
    margin: 0;
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 34px;
    max-width: 500px;
    font-family: SangBleuSans,Arial,sans-serif;
    font-weight: 300;
}

.index6_lis h3 {
    margin: 0;
}

.index7_sec {
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */          /* NEW - Chrome */
    display: flex;
}

.index7_sec.active .index7_lis:nth-of-type(1){
    transition:all 0.9s;
    -moz-transition:all 0.9s;
    -ms-transition:all 0.9s;
    -o-transition:all 0.9s;
    -webkit-transition:all 0.9s;
}
.index7_sec.active .index7_lis:nth-of-type(2){
    transition:all 0.9s 0.4s;
    -moz-transition:all 0.9s 0.4s;
    -ms-transition:all 0.9s 0.4s;
    -o-transition:all 0.9s 0.4s;
    -webkit-transition:all 0.9s 0.4s;
}

.index7_lis {
    width: 50%;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */          /* NEW - Chrome */
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    padding: 20px;
}
.index7_sec.active .index7_lis{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.index_sec7 {
    padding: 80px 0 30px 0;
    overflow: hidden;
}
.index_sec7.active .bellTit{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.index7_box{
    width:80%;
    margin: -50px auto 0;
}
.index7_img {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
}

.index7_img img {
    width: 100%;
    transition: all .6s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: all .6s cubic-bezier(.215,.61,.355,1);
}


.index7_lis.index7_lis_r {
    position: relative;
    top: 100px;
}

.index7_more {
    display: block;
    width: 100%;
    text-align: center;

}
.index4_main_swiper ul li{
    position: relative;
}
.index4_main_swiper ul li:after{
    display: block;
    content: " ";
    width: 37px;
    height: 1px;
    position: absolute;
    top: 21%;
    background: #e4e4e4;
    right: -7%;
}
.index7_more a.more-btn span{
    color: #999!important;
    text-decoration: underline;
}
.ab_swiper_img{
    position: relative;
}



.hz_cont h3{
    font-size:24px;
    letter-spacing:4px;
    font-weight:bold;
}

.hz_cont h5{
    text-align:left;
    font-size:15px;
    letter-spacing:1px;
    line-height:28px;
}

.hz_cont span{
    width:35px;
    height:2px;
    background:#fff;
    display:block;
    margin:15px auto;
}

.ab_swiper_img .hz_cont {
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0%;
    top: 0%;
    padding: 10% 60px;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    z-index: 9;
}
.ab_swiper_img:hover .hz_cont{
    width:100%;
    height: 100%;
    opacity: 1;
}
.index4_main_swiper ul li:last-of-type:after{
    display: none;
}
.index4_main .index4_main_swiper ul li{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index4_main .index4_main_swiper ul li:nth-of-type(1){
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(2){
    transition:all 0.5s 0.3s;
    -moz-transition:all 0.5s 0.3s;
    -ms-transition:all 0.5s 0.3s;
    -o-transition:all 0.5s 0.3s;
    -webkit-transition:all 0.5s 0.3s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(3){
    transition:all 0.5s 0.6s;
    -moz-transition:all 0.5s 0.6s;
    -ms-transition:all 0.5s 0.6s;
    -o-transition:all 0.5s 0.6s;
    -webkit-transition:all 0.5s 0.6s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(4){
    transition:all 0.5s 0.9s;
    -moz-transition:all 0.5s 0.9s;
    -ms-transition:all 0.5s 0.9s;
    -o-transition:all 0.5s 0.9s;
    -webkit-transition:all 0.5s 0.9s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(5){
    transition:all 0.5s 1.2s;
    -moz-transition:all 0.5s 1.2s;
    -ms-transition:all 0.5s 1.2s;
    -o-transition:all 0.5s 1.2s;
    -webkit-transition:all 0.5s 1.2s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(6){
    transition:all 0.5s 1.5s;
    -moz-transition:all 0.5s 1.5s;
    -ms-transition:all 0.5s 1.5s;
    -o-transition:all 0.5s 1.5s;
    -webkit-transition:all 0.5s 1.5s;
}
.index4_main .index4_main_swiper ul li:nth-of-type(7){
    transition:all 0.5s 1.8s;
    -moz-transition:all 0.5s 1.8s;
    -ms-transition:all 0.5s 1.8s;
    -o-transition:all 0.5s 1.8s;
    -webkit-transition:all 0.5s 1.8s;
}
.index4_main .index4_main_swiper ul li.active{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}
a.more-btn {
    display: inline-block;
    width: 140px;
    height: 140px;
    background-color: #fff;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    text-decoration: underline;
    position: relative;
    margin: 0 auto;
    text-align: center;
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (doesn't work very well) */
    /* TWEENER - IE 10 */
    /* NEW - Chrome */
}
a.more-btn img{width: 45px;display: block;margin: 19% auto 0;}

a.more-btn span {
    margin: 0 auto;
    display:block;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
}
.index4_main_swiper ul li a.more-btn span{
    color: #fff!important;
}
a.more-btn:before {
    content: '';
    display: block;
    position: absolute;
    left: -15%;
    top: -15%;
    width: 130%;
    height: 130%;
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
    background-color: #999;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: all .8s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .8s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .8s cubic-bezier(.215,.61,.355,1);
    -o-transition: all .8s cubic-bezier(.215,.61,.355,1);
}

a.more-btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px dotted #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
    -moz-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
    -ms-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
    -o-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
}

a.more-btn:hover:before {
    opacity: .2;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*
.index7_img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
*/
.index7_img .index5_lTxt {
    -webkit-transform: translate(-20px, 50%);
    transform: translate(-20px, 50%);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .4s cubic-bezier(.215,.61,.355,1);
    transition: transform .4s cubic-bezier(.215,.61,.355,1);
    transition: transform .4s cubic-bezier(.215,.61,.355,1), -webkit-transform .4s cubic-bezier(.215,.61,.355,1);
    -webkit-transition: transform .4s cubic-bezier(.215,.61,.355,1);
    -moz-transition: transform .4s cubic-bezier(.215,.61,.355,1);
    -ms-transition: transform .4s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform .4s cubic-bezier(.215,.61,.355,1);
}
.index7_img:hover .index5_lTxt {
    -webkit-transform: translate(0);
    transform: translate(0);
}


.index_sec10{
    margin: 80px auto;
    width: 80%;
}
.index_sec10_tit{
    width: 50%;
}
.index_sec10_tit h4 span{
    display: block;
    width: 33px;
    height: 2px;
    background: #666;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
}
.index_sec10_tit h4{
    color: #333;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
}
.index_sec10_tit h3{
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-top: 0;
    letter-spacing: 0;
}
.index_sec10_tit h5{
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 10px;
    line-height: 24px;
}


.index_sec10_imgs{
    margin-top: 50px;
}
.index_sec10_img img{
    width: 100%;
}
.index_sec10_img{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.index_sec10_img img{
    width:100%;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}

.index_sec10_img:hover img{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);

}

.index_sec10_img span{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    color: #fff;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
}
.index_sec8{
    background: #ffffff;
    padding: 80px 0 0;
    /* margin-top: 80px; */
    position:relative;
}
.index_sec8_eject{
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.index_sec8_eject_box{
    width: 500px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.index_sec8_eject_img{
    width: 100%;
    border: 5px solid #fff;
}
.index_sec8_box{
    width: 80%;
    margin: 60px auto 50px;
}
.index_sec8_txt h2{
    color: #333;
    margin-bottom: 20px
}
.index_sec8_txt h2 span{
    margin-left: 20px;
    font-size: 20px;
    color: #999;
}
.designer_imgs .swiper-wrapper{
    padding: 0!important;
}
.designer_img .xingxing{
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    color: #fff;
}
.xingxing p{
    font-family: Arial, Helvetica, sans-serif;
}
.designer_img{
    overflow: hidden;
    margin: 0 5px 10px;
    position: relative;
}
.designer_btn{
    display: block;
    width: 75px;
    height: 44px;
    text-align: center;
    position: absolute;
    bottom: 71px;
}
.designer_btn:nth-child(2){
    background-color: #eee;
}
.designer_btn:nth-child(3){
    background-color: #7e7e7e;
}
.designer_btn i {
    font-size: 40px;
    color: #333;
    line-height: 44px;
}
.designer_img img{
    width: 100%;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.designer_img:hover img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.designer_imgs .row{
    margin:0 0 30px 0;
}
.banner1{
    height: 948px;
}
.swiper-banner{
    height: 100%;
}
.small_img{
    width: 40%;
    float: left;
}
.small_img img{
    width: 100%;
}
.inds8_lbox_tit{
    width: 60%;
    padding: 0 20px;
    float: right;
}
.inds8_lbox_tit h4{
    font-size: 18px;
    font-weight: bold;
}
.inds8_lbox_tit h5{
    font-size: 15px;
    margin-top: 20px;
    line-height: 20px;
}
.inds8_lbox_tit h6{
    font-size: 16px;
    color: #333;
    margin-right: 10px;
    display: inline-block;

}
.inds8_lbox_tit h6.xh{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    height: 56px;
}
.inds8_lbox_tit .lux_sec1_txt p{
    position: relative;
}
.inds8_lbox_tit .lux_sec1_txt p:after{
    content: '';
    height: 28px;
    width: 1px;
    display: block;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
}
.inds8_lbox_tit .lux_sec1_txt p a{
    float: left;
    width: 50%;
}
.inds8_lbox_tit .lux_sec1_txt p a:before,
.inds8_lbox_tit .lux_sec1_txt p a:after{
    height: 20px;
    bottom: -6px;
}
.inds8_txt{
    margin-top: 20px;
}
.inds8_txt h5{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    letter-spacing: 1px;
}

.index_sec8{
    overflow: hidden;
}
.index8_lis a {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.index8_back {
    position: absolute;

    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    z-index: 0;
}

.index8_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.index8_mid {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1;
}

.index8_up {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1;
    text-align: center;
}

.index8_upMid {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.index8_upMid h3 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index8_upMid p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index8_upBot {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}.index8_lis a {
     display: block;
     padding-top: 100%;
     position: relative;
     overflow: hidden;
 }

.index8_back {
    position: absolute;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    z-index: 0;
}

.index8_img {
    position: relative;
    width: 78%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.index8_mid {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1;
}
.index_sec8 .index7_more {
    margin-top: 30px;
    position: relative;
    z-index: 3;
}


.index8_up {
    position: absolute;
    width: 73%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1;
    text-align: center;
}

.index8_upMid {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.index8_upMid h3 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index8_upMid p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index8_upBot {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.index8_img:after {
    background: #000;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.25;
}


.index8_lis {
    padding: 0 20px;
}
.index8_box{
    margin-top: 50px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index8_box.active{

    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.index8_sw {
    margin: 0px 0 0 5%;
}
a.arrow-left_ind8 , a.arrow-right_ind8 {
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
}
a.arrow-left_ind8 {
    left: 30%;
    margin-left:-15px;
}
a.arrow-right_ind8 {
    right: 35%;
    margin-right:-15px;
}
a.arrow-left_ind8 img , a.arrow-right_ind8 img{
    width:100%
}
.index_sec5_content{
    position: relative;
}
.index_sec5_content a .iconfont{
    font-size: 24px;
    line-height: 1.8;
}
.swiper-containerss .swiper-slide{
    max-height: 200px;
}
.index_sec5_content .kuang{
    width: 96%;
    height: 400px;
    position: absolute;
    border: 2px solid #ececec;
    -webkit-transform: translateY(-5%) translateX(-4%);
    transform: translateY(-5%) translateX(-4%);
}
.index_sec5_box{
    width: 80%;
    margin: 0 auto;
}
.index_sec5_box .row{
    margin: 50px 0 0;
}

.index_sec5_btn{
    display: block;
    width: 75px;
    height: 44px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}
.index_sec5_btn:first-child{
    background-color: #eee;
}
.index_sec5_btn:nth-child(2){
    background-color: #7e7e7e;
}
.index_sec5_btn i {
    font-size: 40px;
    color: #333;
    line-height: 44px;
}

.index_sec5 .index_sec5_img{
    position: relative;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
    -webkit-transform:translateX(-100%);
    transform: translateX(-100%);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}
.index_sec6 .index_sec5_img{
    position: relative;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
    -webkit-transform:translateX(100%);
    transform: translateX(100%);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

.index_sec5_img img{
    width: 100%;
    /*display: none;*/
}
.index_sec5_img img.active{
    display: block;
}
.index_sec5_img:hover .index_sec5_bj{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.index_sec5_bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index_sec5_txt {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100px;
    height: 50px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 99;
    background-color: rgba(0,0,0,.5);
}
.index_sec5_txt h3 {
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin: 0;
}
.index_sec5_txt h2 {
    line-height: normal;
    margin-top: 10px;
}
.index_sec5_txt h2 .mianji {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 10px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333,endColorstr=#99333333);
}
.index_sec5_txt h2 .gaodu {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
}
.index_sec5_txt h4 span{
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 10px 20px;
    background: rgba(51,51,51,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333,endColorstr=#99333333);
    margin-right: 5px;
}

.index_sec6{
    margin: 80px 0 0;
}
.index_sec6_con{
    background-color: #f8f8f8;
    padding: 50px 0;
    margin-top: 50px;
    position: relative;
}
.index_sec6_con ul li{
    float: left;
    width: 25%;
}

.index_sec6_swiper{
    width: 98%;
}
.index_sec6_swiper .swiper-wrapper{
    padding: 0!important;
}
.index_sec6_btn{
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.index_sec6_btn:first-child{
    left: 10px;
}
.index_sec6_btn:nth-child(2){
    right: 10px;
}
.index_sec6_btn i {
    font-size: 40px;
    color: #999;
    line-height: 44px;
}
.index_sec6_swiper_box{
    width: 96%;
    background-color: #fff;
    margin: 0 auto;
    padding: 20px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_sec6_swiper_box:hover{
    background-color: #b88035;
}
.index_sec6_swiper_box:hover .index_sec6_txt h3{
    color: #fff;
}
.index_sec6_swiper_box:hover .index_sec6_txt .line{
    background-color: #fff;
}
.index_sec6_swiper_box:hover .index_sec6_txt p{
    color: #fff;
}
.index_sec6_swiper_box:hover .index_sec6_img{
    background-color: #fff;
}
.index_sec6_img{
    float: left;
    margin-right: 20px;
    background-color: #eeeeee;
    border-radius: 50%;
    padding: 6%;
    margin-top: 8%;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_sec6_txt{
    float: left;
    text-align: left;
    width: 60%;
}
.index_sec6_txt h3{
    font-size: 20px;
    color: #666;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_sec6_txt .line{
    width: 20px;
    height: 1px;
    background-color: #b88035;
    margin: 20px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_sec6_txt p{
    font-size: 14px;
    color: #999;
    line-height: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 80px;
}

.index_sec9{
    width: 80%;
    margin: 0 auto 80px;
    padding: 40px;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 10px 10px #f1f1f1;
    box-shadow: 0 10px 10px #f1f1f1;
}
.index_sec9_tit{
    text-align: center;
}
.index_sec9 .index_sec9_tit h2{
    color: #333;
}
.index_sec9 .index_sec9_tit h2 span{
    font-size: 12px;
    margin-left: 10px;
    color: #999;
}
.index_sec9_box{
    margin-top: 30px;
}
.index_sec9_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.index_sec9_box li.index_sec9_con1{
    padding: 1.5% 2%;
    margin-right: 2%;
    background-color: #f3f3f3;
}
.index_sec9_box li.index_sec9_con1 img{
    width: 52px;
    height: 52px;
}
.index_sec9_box li.index_sec9_con1 p{
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #666;
}
.index_sec9_box li.index_sec9_con2{
    margin-right: 2%;
    width: 22%;
}
.index_sec9_box li.index_sec9_con2:last-child{
    margin-right: 0;
}
.index_sec9_box li.index_sec9_con2 p{
    margin-bottom: 30px;
    background-color: #f3f3f3;
    padding: 10px 20px;
}
.index_sec9_box li.index_sec9_con2 .hx_box{
    margin-bottom: 30px;
    background-color: #f3f3f3;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.index_sec9_box li.index_sec9_con2 .hx_box img{
    margin-right: 1%;
}
.index_sec9_box li.index_sec9_con2 .hx_box ul{
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color: #fff;
}
.index_sec9_box li.index_sec9_con2 .hx_box ul li{
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.index_sec9_box li.index_sec9_con2 .hx_box ul li:hover{
    background-color: #f3f3f3;
}
.index_sec9_box li.index_sec9_con2 p:last-child{
    margin-bottom: 0;
}
.index_sec9_box li.index_sec9_con2 p img{
    width: 22px;
    height: 22px;
    margin-right: 1%;
}
.index_sec9_box li.index_sec9_con2 p input{
    font-size: 14px;
    border: none;
    background-color: #f3f3f3;
}
.index_sec9_box li.index_sec9_con2:last-child p:last-child{
    background-color: #b88035;
    padding: 7px 20px;
}
.index_sec9_box li.index_sec9_con2 p input.ksbj{
    font-size: 20px;
    color: #fff;
    background-color: #b88035;
    width: 100%;
    height: 100%;
}


/* ���� index_sec10 */


.index_sec10 .contact_box {
    position: relative;
}
.index_sec10 .contact_box > div:first-child{
    margin-bottom: 60px;
}
.index_sec10 .contact_box .contact_sec1_list .contact_sec1_input {
    width: 95%;
    height: 80px;
    border-top: 1px solid #ccc;
}
.index_sec10 .contact_box .contact_sec1_list .contact_sec1_lianxi {
    padding-left: 50px;
}
.contact_sec1_input span {
    display: inline-block;
}
.contact_sec1_span1 {
    display: inline-block;
    width: 25%;
    height: 80px;
    line-height: 80px;
    border-top: 2px solid #000;
    margin-top: -1px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'webfontregular';
}
.contact_sec1_span2 {
    font-size: 15px;
    letter-spacing: 1px;
}
.contact_sec1_lianxi h3 {
    font-size: 16px;
    color: #666;
    position: relative;
    margin-bottom: 20px;
}


.footer {
    background: #f0f0f0;
}
.footerlink {
    background: #242424;
    padding: 20px 16%;
    border-top: 1px solid #555;
}
.footerlink span {
    display: inline-block;
    background: #384044;
    padding: 7px 20px;
    color: #fff;
    font-size: 16px;
    margin: 0;
    letter-spacing: 1px;
    margin-right: 30px;
}


.footerlink_box a {
    font-size: 14px;
    color: #999;
    margin-right: 10px;
    line-height: 26px;
}



.footerlogo {
    height: 32px;
    margin: 0 0 54px;
    background: #000;

    background: url(../html/cyc02.html);
    background-size: 5px 5px;
}
.footer .container {
    margin: 0 auto;
    padding: 0;
    width:68%;
}
.footer .row {
    margin: 0px;
}
.footerlogo a {
    width: 144px;
    height: 39px;
    margin: 0 0 0 -15px;
    padding: 0 15px;
    background: #f3f4f4;
    display: block;
}
.footernavwarp {
}
.footernavwarp .col-lg-3 {
    padding-left: 0px;
}
.footernavwarp ul li {
    margin: 0 0 8px;
    text-transform: capitalize;
}
.footernavwarp ul li a {
    color: #808080;
    font-size: 13px;
}
.footernavwarp ul li a:hover {
    color: #005DA0;
}
.footernav .first {
    font-size: 15px;
    display: block;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #005DA0;
}
.copy {
    font-size: 12px;
    line-height: 40px;
    color: #666;
    margin: 0 25px 0 0;

}
.copy span {
    font-family: "Microsoft YaHei", "΢���ź�";
}
.unohacha_logo {
    float: right;
}
.footercopy .col-lg-6 {
    padding: 0px;
}
.footercopy {
    margin-top: 0px;
    border-top: #ddd 1px solid;
}
.footerlist {
    overflow: hidden;
    background: #242424;
}
.foot_left {
    width: 70%;
    height: auto;
    float: left;
    background: #242424;
    overflow: hidden;
    padding: 0 0 33px;
}

.colpadding {
    padding: 0 !important;
}
.foot_liall {
    width: 100%;
    overflow: hidden;
}
.foot_li_one {
    float: left;
    width: 45%;

}
.foot_li_one .logo1 {
    width: 130px;
    margin-left:30px;
    margin-top:60px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.foot_li_one .footlione_word {
    bottom: 0;
}
.foot_li_one .footlione_word p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 50px;
}
.foot_li_two {
    float: left;
    width: 50%;
    padding:50px 0;
}
.foot_li_two h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 30px 0 20px;
    letter-spacing: 1px;
}
.foot_li_two ul li a{
    color: #999;
    line-height: 28px;
    font-size: 15px;

    text-transform:capitalize;
    letter-spacing:1px;

}
.foot_li_two ul li a:hover{
    color:#ac1e23;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.foot_all h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 30px 0 20px;
    text-transform:uppercase;
    letter-spacing: 1px;
}
.foot_phone{
    margin-bottom: -10px;
}
.foot_phone h3 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin: -8px 0;
    font-family: arial;
    letter-spacing: 2px;
}

.foot_phone h3 span{
    color: #fff;
    font-size: 12px;
}
.foot_input {
    width: 70%;
    height: 40px;
    position: relative;
}
.foot_input input {
    display: block;
    width: 100%;
    height: 50px;
    position: relative;
    background: #565656;
    border: 0;
    font-size: 14px;
    color: #c1c1c1;
    padding: 0 10px;
    letter-spacing: 1px;
}

.foot_input a {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 0px;
    top: 0;
    background: #000;
    color: #fff;
    text-align: center;

    font-size:18px;
}
.foot_right {
    width: 30%;
    height: auto;
    float: left;
    background: #242424;
    padding: 30px;
    padding: 70px 0 0 30px;
}
.foot_right_all h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 30px 0 20px;
    letter-spacing: 1px;
}
.foot_right_all h5 {
    color: #ccc;
    font-size: 15px;
    margin: 0;
    padding: 0;
    line-height: 36px;

    letter-spacing:1px;
}
.foot_right_all h5 span{
    color:#fff;
    font-weight:bold;
}
.foot_right_all p {
    color: #ccc;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 16px;
}
.foot_right_all .foot_right_allh5 {
    margin-top: 20px;
}
.footimg {
    margin: 0 0 10px;
}
.footimg a {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #565656;
    padding: 12px 12px;
    float: left;
    margin-right: 10px;
}

.footimg a:hover{
    background:#671115;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.footimg a img {
    width: 20px;

}
.footer_content select {
    background: url(../html/sela.html) no-repeat right 10px;
    border: 1px solid #ddd;
    height: 28px;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 8px;
    color: #ddd;
    letter-spacing: 1px;
    padding: 0 10px;
    font-size: 12px;
    width: 230px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.footer_content select option {
    background: #333 !important;
    color: #ddd !important;

}
.foot_all{
    padding:50px 0;
}
.cont_box{
    width:35px;
}
.cont_box img{
    width:100%;
}

/**index**/




/**index**/
/*����*/
#menu_panel{
    padding: 40px 0;
    position: fixed;
    z-index: 999;
    width:400px;
    min-width: 400px;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#menu_panel.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#main_menu_container .menu-logo {
    margin:40% auto 0;
    width: 160px;
    color: #001f35;
    -webkit-transition: color .2s;
    transition: color .2s;
    display: block;
}
#main_menu_container .menu-logo img{
    width: 100%;
}
#main_menu_container .logo-subheading {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(0,31,53,.4);
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    font-family: SangBleuSans,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}

#main_menu_container .main-menu {
    margin-top: 40px;
    text-align:center;
}
#main_menu_container .main-menu li a {
    text-decoration: none;
    font-size: 20px;
    color: #666;
    -webkit-transition: color .2s;
    transition: color .2s;
    position: relative;
    padding: 10px;
    display: inline-block;
    font-weight: 300;
    font-style: normal;
}
#main_menu_container .main-menu li:last-of-type a {
    background: #999;
    padding: 5px;
    border-radius: 15px;
    margin: 50px 20px 0;
}
#main_menu_container .main-menu li:last-of-type a img {
    width: 20px;

}
#main_menu_container .main-menu li a:hover {
    color:#920007;
}
#main_menu_container{
    width: 80%;
    margin: 0 auto;
}
.menu_close{
    position: absolute;
    top: 4%;
    left: 4%;
    font-size: 16px;
    color: #999;
    cursor: pointer;
}
.menu_close img {
    position: relative;
    top: -2px;
}
.menu_en{
    position: absolute;
    top: 4%;
    right: 4%;
    font-size: 16px;
    color: #999;
}
/* #form_panel{
    padding: 80px 0;
    position: fixed;
    display: none;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
}
.form_panel_container{
    width: 66%;
    margin: 0px 0 0 23%;
}
.bellBoxRCheck textarea{
    width: 80%;
} */

/*ind sec3*/
/*�����л�*/
.ab_sec4 {
    /* padding: 0 0 50px; */
    overflow: hidden;
}
.ab_sec4.active .bellTit{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.ab_sec4_box {
    margin-left: 10%;
    width: 100%;
    position: relative;
    padding: 50px 0 180px;
}

.ab_swiper {
    margin-right: -10%;
    width: 100%;
    transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.ab_sec4.active .ab_swiper{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.ab_swiper_img {
    margin: 0 5%;
}

.ab_swiper_img img {
    width: 100%;
}

.ab_btn {
    position: absolute;
    top: 28%;
    left: 100px;
    width: 80px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    -webkit-transition: all 0.9s;
}

.ab_sec4.active .ab_btn {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.btn_left {
    display: block;
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    /* background: rgba(0, 0, 0, 0.3); */
    text-align: center;
    margin-left: 50px;
    margin-top: 100px;
}

.btn_right {
    display: block;
    width: 80px;
    height: 50px;
    margin-right: 80px;
    /* border-radius: 50%; */
    /* background: rgba(0, 0, 0, 0.3); */
    text-align: center;
    margin-top: 100px;
}
.btn_left2{
    position: absolute;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    background: #fff;
}
.btn_right2{
    position: absolute;
    right: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    background: #fff;
}
.index_sec9_con2 input::-webkit-input-placeholder{
    color: #999;
}
.index_sec9_con2 input:-ms-input-placeholder{
    color: #999;
}
.index_sec9_con2 input::-ms-input-placeholder{
    color: #999;
}
.index_sec9_con2 input::placeholder{
    color: #999;
}
.btn_left2 i{
    font-size: 36px;
    color: #ccc;
    line-height: 48px;
}
.btn_right2 i{
    font-size: 36px;
    color: #ccc;
    line-height: 48px;
}
.ab_btn i {
    font-size: 36px;
    color: #fff;
    line-height: 48px;
}

.swiper-pagination {
    position: absolute;
    left: -14%;
    text-align: center;
    bottom: 140px;
    width: 100%;
}


/* ԤԼ�ֲ�20180317 */
.reserve_bg .swiper-pagination {
    position: absolute;
    bottom: -3px;
    left: 0;
}

.reserve_bg .swiper-button-prev1,
.reserve_bg .swiper-button-prev2,
.reserve_bg .swiper-button-prev3,
.reserve_bg .swiper-button-prev4 {
    font-size: 68px;
    color: #671115;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.reserve_bg .swiper-button-next1,
.reserve_bg .swiper-button-next2,
.reserve_bg .swiper-button-next3,
.reserve_bg .swiper-button-next4 {
    font-size: 68px;
    color: #671115;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}


.swiper-pagination-switch {
    width: 2px;
    height: 10px;

}

.swiper-active-switch {
    background: #a21003;
    height: 15px;
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.ab_sec4_txt {
    width: 20%;
    position: absolute;
    left: 5%;
    bottom: -35px;
    z-index: 999;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
    transform:scale(3);
    -webkit-transform:scale(3);
    -moz-transform:scale(3);
    -o-transform:scale(3);
    -ms-transform:scale(3);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}
.ab_sec4_txt.active {

    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.ab_sec4_txt h4 {
    font-size: 32px;
    color: #671115;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 42px;
}

.ab_sec4_txt h4 span{
    font-family: SangBleuSans,Arial,sans-serif;
    font-weight: bold;
}


.ab_sec4_txt h5 {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-bottom: 80px;
}

.index_sec4{
    padding-top:60px;
    overflow: hidden;
}
.index_sec5 .container{
    width: 75%;
}
.index_sec8.active .bellTit{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.inds8_imgB{
    width: 100%;
    height: 330px;
    margin-bottom: 40px;
}
.inds8_imgB img{
    width: 100%;
    height: 100%;
}
/*�����л�*/



/*��Ʒ����*/
.index_sec5_content .col-lg-5{

    position: relative;
}
.index_sec5_trbg{

    position: absolute;

    top: 0;

    left: -11%;

    height: 150px;

    background: #f9f9f9;

    width: 0%;

    z-index: -1;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
.index_sec5_trtxt{
    text-align: right;
    padding: 4% 37px 37px;

    position: relative;

    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;

    -webkit-transform:translateX(100%);

    transform: translateX(100%);

    filter:alpha(opacity=0);

    -moz-opacity:0;

    -khtml-opacity:0;

    opacity:0;
}
.index_sec5.active .index_sec5_img,.index_sec5.active .index_sec5_trtxt{-webkit-transform:translateX(0%);transform: translateX(0%);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index_sec5.active .index_sec5_trbg{
    width: 111%
}
.index_sec5_trtxt h2{

    color: #333;

    letter-spacing: 0px;

    font-size: 24px;

    font-weight: bold;

    letter-spacing: 1px;

    margin-bottom: 0px;
}

.index_sec5_trtxt .line{
    width: 14px;
    height: 1px;
    background-color: #666;
    margin: 30px 0 20px 96%;
}

.index_sec5_trtxt h1{
    font-size: 72px;
    letter-spacing: 4px;
    color: #f3f3f3;
    font-weight: bold;
    position: absolute;
    top: 3%;
    z-index: -1;
}

.index_sec5_trtxt h5{
    font-size: 22px;
    font-weight:bold;
    color: #b87f32;
    margin-bottom: 50px;
}

.index_sec5_trtxt h3{

    color: #999;

    letter-spacing: 3px;

    font-size: 22px;

    margin: 15px 0;
}
.index_sec5_trtxt h4{

    color: #b87f32;

    letter-spacing: 0px;

    font-size: 30px;

    margin: 0;

    letter-spacing: 1px;

    margin-top: 9px;
}
.index_sec5_trtxt h6{

    padding: 40px 40px 0 0px;

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 30px;

    color: #333;
}
.index_sec5_trtxt>img{

    position: absolute;

    left: 0;

    top: 39%;

    z-index: -1;
}
.list-paddingleft-2 p{
    color: #999;
    font-weight: normal;
    font-size: 22px;
    margin: 0;
}
.lux_sec1_txt p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
}

.lux_sec1_txt p a {
    padding: 0 50px 0 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    background-color: transparent;
    border: 0;
    color: #000;
    line-height: 1.4;
    text-transform: uppercase;
}

.lux_sec1_txt p a:before,
.lux_sec1_txt p a:after {
    content: " ";
    position: absolute;
    bottom: 3px;
    z-index: -1;
    display: block;
    height: 10px;
    background: #b87f32;
}

.lux_sec1_txt p a:before {
    width: 100%;
    right: 0;
    -webkit-transition: width .3s .1s;
    transition: width .3s .1s;
}

.lux_sec1_txt p a:after {
    left: 0;
}

.lux_sec1_txt p a:after,
.lux_sec1_txt p a:hover:before {
    width: 0;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.lux_sec1_txt p a span {
    position: relative;
    z-index: 2;
    font-family: SangBleuSans, Arial, sans-serif;
}

.lux_sec1_txt p a:hover:after {
    width: 100%;
    -webkit-transition: width .3s .1s;
    transition: width .3s .1s
}

.lux_sec1_txt p a .btn__icon-down {
    position: absolute;
    right: 24px;
    top: 8px;
    z-index: 2;
    display: block;
    width: 18px;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: -webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
.text-upper img {
    width: 17px;
    margin-left: 5px;
}
.index_sec5_trtxt .lux_sec1_txt{
    margin-top: 60px;
}
.index_sec5_brbg{
    position: absolute;
    width: 103px;
}
.index_sec5_brbg .bg_square{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    left: 10px;
    top: 10px;
}
.index_sec5_brbg img{

    width: 100%;
}
.index_sec5_brtxt{

    position: relative;

    padding: 50px 37px 37px;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
    -webkit-transform:translateX(-100%);
    transform: translateX(-100%);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;

}
.index_sec6.active .index_sec5_brtxt,.index_sec6.active .index_sec5_img{
    -webkit-transform:translateX(0%);transform: translateX(0%);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
.index_sec5_brtxt h5{font-size: 22px;font-weight: bold;color: #b87f32;margin-bottom: 50px;}

.index_sec5_brtxt h3{

    color: #671115;

    font-size: 32px;

    letter-spacing: 1px;

    margin: 15px 0 0;

    font-weight: bold;
}
.index_sec5_brtxt h6{

    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #333;
    padding-right:30px;
}
.index_sec5_trtxt ul li,
.index_sec5_brtxt ul li {
    color: #333;
    letter-spacing: 3px;
    font-size: 22px;
    font-weight: bold;
}
.index_sec5_trtxt ul li span,
.index_sec5_brtxt ul li span {
    background-color: #b87f32;
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    position: relative;
    top: -3px;
}

.index_sec5_brtxt h2{
    color: #333;
    letter-spacing: 3px;
    font-size: 22px;
    margin: 15px 0;
}


.index_sec5_brtxt .lux_sec1_txt{
    margin-top: 40px;
}
.index_sec6_box{
    width: 80%;
    margin: 0 auto
}
.index_sec6_box .row {
    margin: 50px 0 0;
}
.index_sec6{
    /*padding-bottom: 80px*/
}
/*��Ʒ����*/
.bellBoxR_rowY,.bellBoxR_row3YuR{
    position: relative
}
.bellBoxR_rowY .bell_btn,.bellBoxR_row3YuR .bell_btn{
    margin-top: auto;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.index_sec1_box .col-lg-4{
    cursor: pointer
}


/*�⵼��*/
.serve_right_nav1{

    position: fixed;

    right: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 999;
}
.serve_right_nav ul{
    overflow: hidden
}
.serve_right_nav ul li{

    width: 80px;
    height: auto;
    background: #671115;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 5px;
    padding: 8px 10px 10px;
    margin-left: auto;
    margin-right: 0;
}
.serve_right_nav ul li img{

    width: 60px;

    display: block;

    margin: 0 auto;
}
.serve_right_nav ul li:last-child{
    display: none;
}
.serve_right_nav ul li:last-child img{
    width: 26px;
}
.serve_right_nav ul li h4{

    font-size: 12px;

    color: #fff;

    text-align: center;

    margin: 6px 0 0;
}
.serve_right_nav ul li.dre_top{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    transition:all 0.25s;
    -moz-transition:all 0.25s;
    -ms-transition:all 0.25s;
    -o-transition:all 0.25s;
    -webkit-transition:all 0.25s;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.serve_right_nav ul li.dre_top.active{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.serve_right_nav ul li:hover{
    background: #b87f32;
    width:150px;
    height: 68px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}

.serve_right_nav ul li:hover img{
    width: 50px;
    display: block;
    float: left;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.serve_right_nav ul li:last-child:hover img{
    width: 32px;
    position: relative;
    top: 4px;
}
.serve_right_nav ul li:hover h4{
    float: right;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}

.serve_right_nav ul li:first-of-type:hover  {
    width: 80px;
    height: auto;
    background: #671115;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 5px;
    padding: 8px 10px 10px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.serve_right_nav ul li:first-of-type:hover img{
    float: none;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}

/*.serve_right_nav ul li:last-of-type:hover  {
    width:180px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}*/





/*�⵼��*/



/*��������*/
.reserve_tk {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0,0,0,0.6);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    /*20180310*/
    z-index: 9999;

    display: none;
}
.reserve_bg{

    position: absolute;

    left: 50%;

    top: 50%;

    max-width: 900px;

    width: 100%;

    background: #FFF;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);
}
.res_des_box{

    padding: 50px 50px 20px;

    position: relative;

    display: none;
}
.res_des_one{

    display: none;
}
.res_des_top {
    width: 98%;
    margin: 0 auto;
}
.res_des_top h3{

    font-size: 21px;

    color: #111;

    letter-spacing: 1px;

    font-weight: bold;

    margin: 0;

    padding-bottom: 10px;

    border-bottom: 1px solid #e8e8e8;
}
.swiper-wrapper1s{
    width: 100%;
    height: 948px;
    -webkit-transform: translate3d(-3806px, 0px, 0px);
    transform: translate3d(-3806px, 0px, 0px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


.res_des_top h5{

    font-size: 16px;

    color: #333;

    margin-top: 15px;

    letter-spacing: 1px;

    margin-bottom: 5px;
}
.res_des_top h6{

    font-size: 14px;

    letter-spacing: 1px;

    color: #666;

    margin-top: 8px;

    margin-bottom: 0;
}
.res_des_content {
    width: 100%;
    height: 465px;
    overflow-y: scroll;
}

.res_des_img{

    float: left;

    width: 33.33%;

    padding: 10px;

    position: relative;
}
.res_des_img img{

    width: 100%;
}
.res_des_img .res_des_choose{

    position: absolute;

    top: 0;

    left: 0;

    border: 5px solid #b87f32;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);

    width: 100%;

    height: 100%;

    display: none;
}
.res_des_img .res_des_choose img{

    width: 53px;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    left: 50%;
}

.page_btn a{
    width: 180px;
    background: #920007!important;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin: 40px auto;
    display: block;
    color: #fff;
}

/* 20170321 */
.page_next{
    float:right;
    margin-right:200px!important;
}
.page_btn span {
    width: 180px;
    background: #920007!important;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin: 40px auto;
    display: block;
    color: #fff;
    float:right;
    margin-right:20px;
    cursor:pointer;
}

.page_btn a:hover{
    background: #671115!important;
}
.res_des_question{

    padding: 30px 0;
}
.res_des_questionb{

    border-bottom: 1px solid #e8e8e8;

    border-top: 1px solid #e8e8e8;

    padding-top: 20px;
}
.res_des_question h4{

    margin: 0;

    font-size: 16px;

    letter-spacing: 1px;

    color: #111;

    margin-bottom: 20px;
}
.res_des_question .res_des_option{

    padding-left: 23px;
}
.res_des_question .res_des_option span{

    font-size: 14px;

    letter-spacing: 1px;

    color: #666;

    margin-right: 32px;
}
.res_des_question .res_des_option span img{

    width: 16px;

    margin-right: 8px;
}
.res_des_question .res_des_option span img.choosed{

    display: none;
}
.res_des_optionl{

    display: inline-block;

    width: 45%;
}
.res_des_optionl span{

    font-size: 16px;

    letter-spacing: 1px;

    color: #333;
}
.res_des_optionl input{

    border: 1px solid #b8b8b8;

    padding: 8px 10px;

    letter-spacing: 1px;

    color: #999;

    margin-left: 20px;

    border-radius: 4px;

    -khtml-border-radius: 4px;

    width: 155px;
}
.reser_close{

    position: absolute;

    right: 15px;

    top: 15px;

    width: 28px;
}
.res_des_four{

    display: none;
}
.res_des_four_box{

    width: 400px;

    margin: 0 auto;

    padding: 50px 0;

    border-bottom: 1px solid #e8e8e8;
}
.res_des_four_box img{

    width: 92px;

    display: block;

    margin: 0 auto;
}

.res_des_four_box p {
    margin: 30px 10px;
    font-size: 14px;
    text-align: center;
}
.res_des_four_box h4{
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
    letter-spacing: 3px;
}
.page_four a{

    margin-top: 60px;
}
.res_des_three{
    display: none;
}
.res_des_img_box{
    position: relative;
    cursor: pointer;
}
.res_des_two{
    display: none;
}
.res_bj_box{
    padding: 50px;
    display: none;
}
.res_des_questionb1{

    border-bottom: 1px solid #e8e8e8;
}
.res_des_questionb1 span{

    margin-right: 30px!important;
}
.res_des_questionb1 span input{

    width: 75px;

    margin: 0 5px;

    border: 1px solid #b8b8b8;

    padding: 3px 10px;

    letter-spacing: 1px;

    color: #999;

    border-radius: 4px;

    -khtml-border-radius: 4px;
}
.res_des_optionf{

    margin-top: 20px;
}
.res_des_optionf span{

    font-size: 16px;

    letter-spacing: 1px;

    color: #333;
}
.res_des_optionf input{

    border: 1px solid #b8b8b8;

    padding: 8px 10px;

    letter-spacing: 1px;

    color: #999;

    margin-left: 20px;

    border-radius: 4px;

    -khtml-border-radius: 4px;

    width: 618px;
}


.res_des_img_box h5{

    position: absolute;

    padding: 12px;

    left: 0;

    bottom: 0;

    background: rgba(0,0,0,0.6);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);

    width: 100%;

    margin: 0;

    text-align: center;

    font-size: 18px;

    color: #fff;

    letter-spacing: 1px;
}
.res_gd_box{
    padding: 50px;
    display: none;
}
.reser_close{
    cursor: pointer
}
.res_des_option span{
    cursor: pointer
}
.res_des_img_box{
    cursor: pointer
}
.res_des_img_box.active .res_des_choose{
    display: block;
}
.res_des_option span.active .choosing{
    display: none;
}
.res_des_option span.active .choosed{
    display: inline-block!important;
}
.res_des_img_box.active h5{
    display: none
}


.index_sec1_l,.index_sec1_r{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.index_sec1_content:hover .index_sec1_r h2,.index_sec1_r.active h2{
    color: #671115;
}
.index_sec1_content:hover .index_sec1_r h4,.index_sec1_r.active h4{
    color: #b87f32;
}
.index_sec1_content:hover .index_sec1_l,.index_sec1_content:hover .index_sec1_r,.index_sec1_l.active,.index_sec1_r.active{
    /*margin-top: -20px*/
}

.serve_right_nav ul li.serve_right_n1{

}
.serve_right_nav ul li.serve_right_n2{

    background: #79151a;

    width: 213px;
}
.serve_right_nav ul li.serve_right_n3{

    background: #87161b;

    width: 225px;
}
.serve_right_nav ul li.dre_top img{

    width: 60px;
}
.serve_right_nav:hover ul li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.serve_right_nav:hover ul li.dre_top{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.serve_right_nav ul li:hover {
    background: #b87f32;
}




.phone_tc_box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    display: none;
}
.disinger_tkbg{background: #f6f6f6;width: 752px;position: absolute;left: 50%;top: 50%;padding: 20px 35px 40px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none}

.disinger_tk h3{padding-top: 20px;line-height: 16px;font-size: 16px;margin: 0;color: #111;letter-spacing: 1px;font-weight: bold;}
.disinger_input{

}
.disinger_input>input{
    width: 508px;
    margin-right: 0;
    height: 42px;
    margin-top: 15px;
    padding: 0 10px;
    line-height: 42px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #a0a0a0;
    display: block;
}
.disinger_check{

}
.disinger_check h6{
    color: #a0a0a0;
    line-height: 14px;
    font-size: 16px;
    padding-top: 15px;
    background: transparent;
    margin: 0;
    padding-bottom: 8px;
}
.disinger_check a{
    margin-right: 35px;
}
.disinger_check a img{
    width: 15px;
    vertical-align: middle;
}
.disinger_check a span{
    color: #a0a0a0;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px;
}
.disinger_input textarea{width: 508px;margin-right: 0;height: 100px;margin-top: 15px;padding: 0 10px;line-height: 25px;font-size: 16px;letter-spacing: 1px;color: #a0a0a0;display: block;}
.disinger_btn a{
    height: 42px;
    line-height: 42px;
    margin-top: 15px;
    background: #920007;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 270px;
}
.disinger_btn a:hover{

    background: #671115;

}
.index_sec2_txt{
    position: relative
}
.designer_yuyue{
    position: absolute;
    font-size: 16px;
    letter-spacing: 1px;
    right: 0;
    top: 14px;

}
.designer_yuyue a{
    color: #671115;
}
.eidit_close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 2;
    cursor: pointer;
    /*background: #000;*/
    padding: 8px;
}
.kgd_tkbg{width: 500px;height: auto;background: #f6f6f6;top: 50%;left: 50%;position: absolute;padding: 20px 35px 40px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;}
.kgd_btn a{width: 100%;height: 48px;margin-top: 15px;line-height: 47px;font-size: 16px;background: #920007;color: #fff;text-align: center;font-size: 16px;cursor: pointer;display: block;}

.kgd_tk h3{
    padding-top: 20px;
    line-height: 16px;
    font-size: 20px;
    margin: 0;
    color: #111;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
}
.kgd_tk .kgd_input{margin-top: 30px;}
.kgd_tk .kgd_input input{
    width: 100%;
    margin-right: 0;
    height: 42px;
    margin-top: 15px;
    padding: 0 10px;
    line-height: 42px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #a0a0a0;
    display: block;
    border: #d2d2d2 1px solid;
}
/*��������*/


/*����*/
.menuBtnbox{
    width: 120px;
    height: 156px;
    position: absolute;
    top: 40px;
    left: 11px;
    z-index: 9;
}
.bellFix_box{
    width: 120px;
    height: 156px;
    position: absolute;
    top: 40px;
    right: 11px;
    z-index: 9;
}


/*����΢�Ź��ں�*/
.wxgz {
    position: relative;
}
.wxgz a:hover::after {
    content: '';
    display: block;
    background: url('rwm.jpg') center/contain no-repeat;
    position: absolute;
    top: -160px;
    left: -30px;
    width: 160px;
    height: 160px;
    border: 1px solid #000;
    z-index: 99;
}
.wxgz_a {
    position: relative;
}
.wxgz_a:hover::after {
    content: '';
    display: block;
    background: url('rwm.jpg') center/contain no-repeat;
    position: absolute;
    top: -160px;
    left: -30px;
    width: 160px;
    height: 160px;
    border: 1px solid #000;
    z-index: 99;
}
/*�����ⲿ����*/
.wblj_img {
    width: 80%;
    margin: 50px auto 0;
    position: relative;
}
.wblj_img img {
    width: 88%;
}
.wblj_img .wblj_info {
    width: 24%;
    background-color: #f1f1f1;
    padding: 40px 20px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wblj_img .wblj_info h3 {
    margin: 0;
    font-weight: bold;
    letter-spacing: 2px;
}
.wblj_img .wblj_info h5 {
    margin: 3px 0;
    font-weight: bold;
}
.wblj_img .wblj_info p {
    font-size: 15px;
    margin: 16px 0;
    letter-spacing: 1px;
    line-height: 1.8;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 9;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wblj_img .wblj_info button {
    outline: none;
    border: none;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
    padding: 10px 40px;
    background-color: #671115;
}

/*����������*/
#form_panel {
    padding: 10px 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
}
.decoration_fixed {
    left: 0;
    bottom: 0!important;
    top: auto!important;
    background: rgba(0,0,0,0.8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff)!important;
    z-index: 60!important;
}
.form_panel_container {
    width: 100%;
    margin: auto;
}
.decoration_fixed .bellBox {
    margin-top: 0px;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-2 p:first-child {
    font-size: 36px;
    color: #671115;
    text-align: center;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-2 p:nth-child(2) {
    color: #ccc;
    text-align: center;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-6 {
    padding: 5px;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-6 h3 {
    width: 100%;
    margin: 0;
    color: #fff;
    background-color: #666666;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-6 .row {
    margin-right: -5px;
    margin-left: -5px;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-2.mfrx {
    margin-top: 5px;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-2.mfrx p:first-child {
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.decoration_fixed .bellMain .col-sm-11 .col-sm-2.mfrx p:nth-child(2) {
    font-size: 22px;
    color: #671115;
    text-align: center;
    text-decoration: underline;
}

.bm_tit .bm_tit_zt {
    font-family: SangBleuSans,Arial,sans-serif;
}
.bm_tit .yuyue_num {
    color: #fcd130;
    font-size: 18px;
}
.bellBox  {
    margin: 0;
    padding: 5px;
}
.bellBox input {
    line-height: 34px;
    width: 100%;
    font-size: 15px;
    text-indent: 10px;
    background: #fff;
    color: #999;
}
.decoration_fixed .ljbm {
    padding: 0;
}
.decoration_fixed .ljbm a {
    display: block;
    margin-top: 5px;
    padding: 23px 0;
    text-align: center;
    background-color: #671115;
}
/*������*/
.agreement {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto!important;
}
.agreement_warpATop {
    position: relative;
    width:80%;
    margin:0 auto;
}
.agreement_warpAcon { /*margin-top:50px;*/
    padding-left: 20px;
    margin-bottom: 50px;
}
.agreement_warpAcon h3{ font-size:24px; text-align:center; margin:20px 0; color:#333;}
.agreement_warpAcon h2{ font-size:16px; margin:0 0 20px; line-height:24px;}
.agreement_warpAcon p{ font-size:15px; line-height:24px;color: #666}
.agreement_warpAcon p span{ color:#333; font-weight:bold;}
.agreement_warpAcon h4{ margin:25px 0 20px; color:#333; font-weight:bold;}

.agreement_warpAcon .title {
    margin: 30px auto;
    width: 60%;
}
.agreement_btn {
    width: 100%;
}
.agreement_btn button {
    display: block;
    margin: 40px auto;
    padding: 10px 40px;
    background-color: #920007;
    color: #fff;
    outline: none;
    border: none;
}

.index_sec14 {
    padding: 80px;
}

.index_sec14_con {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.index_sec14_con_box {
    position: relative;
    width: 25%;
    display: inline-block;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 40px;
    margin-top: 90px;
}
.index_sec14_con_box:after {
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
    display: inline-block;
    height: 31px;
    width: 31px;
    line-height: 31px;
    border-radius: 50%;
    background-color: #c8a063;
    color: #fff;
}
.index_sec14_con_box1:after {
    content: '01';
}
.index_sec14_con_box2:after {
    content: '02';
}
.index_sec14_con_box3:after {
    content: '03';
}
.index_sec14_con_box4:after {
    content: '04';
}
.index_sec14_con_box5:after {
    content: '05';
}
.index_sec14_con_box6:after {
    content: '06';
}
.index_sec14_con_box7:after {
    content: '07';
}
.index_sec14_con_box > div {
    border-right: 1px solid #e6e6e6;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #333333;
}
.ind_sec14_img {
    text-align: center;
    margin-bottom: 25px;
}
.ind_sec14_img img {
    width: 86px;
}


.index_sec15 {
    background-color: #fbfbfb;
    padding: 100px 0 80px;
    text-align: center;
}
.index_sec15_con {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.index_sec15_con_box {
    display: inline-block;
    width: 20%;
    border-right: 1px solid #e6e6e6;
    margin-top: 60px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #333333;
}
.ind_sec15_img {
    margin-bottom: 20px;
    position: relative;
}
.ind_sec15_img img {
    width: 57px;
}
.hover_visible {
    position: absolute;
    top: 0;
    margin-left: -29px;
    left: 50%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.hover_hidden {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.index_sec15_con_box:hover .hover_visible {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.index_sec15_con_box:hover .hover_hidden {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.index_sec15_con_box:hover {
    color: #c8a063;
}


.index_sec16 {
    padding: 100px 0 150px;
    text-align: center;
    position: relative;
}
.index_sec16_con {
    width: 80%;
    margin: 0 auto;
}
.ind_link_box {

}
.index_sec16_box {
    width: 19%;
    height: 138px;
    margin-right: 1.25%;
    display: inline-block;
    float: left;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
    margin-bottom: 15px;
}
.swiper18-button-next,.swiper18-button-prev {
    width: 49px;
    height: 49px;
    border: 1px solid #e0e0e0;
    text-align: center;
    background-color: #fff;
    position: absolute;
    bottom: 80px;
    cursor: pointer;
}
.swiper18-button-next {
    right: calc(50% - 70px);
}
.swiper18-button-prev {
    left: calc(50% - 70px);
}
.swiper18-button-next i,.swiper18-button-prev i {
    color: #671115;
    line-height: 49px;
    font-size: 24px;
}
.swiper18-button-next:hover ,.swiper18-button-prev:hover {
    background-color: #671115;
    border: 1px solid #671115;
}
.swiper18-button-next:hover i,.swiper18-button-prev:hover i {
    color: #fff;
}
.ind_link_box .index_sec16_box:nth-of-type(5) {
    margin-right: 0;
}
.ind_sec16_img {
    height: 100%;
    width: 100%;
    display: table;
}
.ind_sec16_img > div {
    display: table-cell;
    vertical-align: middle;
}
.ind_sec16_img img {
    width: 172px;
}

.index_sec17_con{
    width: 80%;
    margin: 80px auto 0;
    position: relative;
    /*overflow: hidden;*/
}

.index_sec17_con .swiper-container {
    /*width: 88%;*/
    /*height: 750px;*/
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    /*overflow: visible;*/
}


.swiper17_left {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    display: inline-block;
    float: left;
}

.swiper17_left_bg1 {
    background-image: url(../html/ind_sec17_left_img1.html);
}
.swiper17_left_bg2 {
    background-image: url(../html/ind_sec17_left_img2.html);
}
.swiper17_left_bg3 {
    background-image: url(../html/ind_sec17_left_img3.html);
}
.swiper17_left_bg4 {
    background-image: url(../html/ind_sec17_left_img4.html);
}
.swiper17_left_bg5 {
    background-image: url(../html/ind_sec17_left_img5.html);
}
.swiper17_left_bg6 {
    background-image: url(../html/ind_sec17_left_img6.html);
}
.swiper17_left_bg7 {
    background-image: url(../html/ind_sec17_left_img7.html);
}

.swiper17_right_txt {
    padding-left: 50px;
    display: inline-block;
    float: left;
    width: 50%;
}

.swiper17_right_txt h3 {
    font-size: 44px;
    letter-spacing: 4px;
    color: rgba(0, 0, 0, 0.15);
    margin: 0 0 20px;
}

.swiper17_right_txt h4 {
    font-size: 44px;
    letter-spacing: 4px;
    color: #671115;
    margin: 0 0 40px;
}

.swiper17_right_txt h5 {
    font-size: 20px;
    letter-spacing: 2px;
    color: #333333;
    margin: 0 0 25px;
}

.swiper17_right_txt p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #999999;
    margin: 0;
}

.swiper17_right_txt h6 {
    font-size: 16px;
    display: inline-block;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 25px 0 0;
    padding: 10px 20px;
    background-color: #671115;
}

.swiper17_pagination .swiper-pagination-switch {
    height: 0px;
}
.swiper17_clickList {
    margin-top: 30px;
}
.swiper17_clickList ul li {
    display: inline-block;
    float: left;
    width: 13.5%;
    margin-right: 0.91%;
}
.swiper17_clickList ul li img {
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.swiper17_clickList .active img {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}
.swiper17_clickList ul li:nth-last-of-type(1) {
    margin-right: 0;
}

.index_sec18{
    margin: 80px 0;
}
.index_sec18_box{
    width: 80%;
    margin: 80px auto 0;
}
.index_sec18_box ul li{
    float:left;
    width:24%;
    margin-right:1%;
    background-color:#f4f4f4;
    border-radius:10px;
    padding:6% 1%;
    position:relative;
}
.index_sec18_left-top{
    position:absolute;
    top:0;
    left: 4%;
}
.index_sec18_left-top h4{
    position:absolute;
    top:0%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size:26px;
    color:#fff;
}
.index_sec18_txt{
    position:absolute;
    right:4%;
    top: 25%;
}
.index_sec18_txt h3{
    text-align:right;
    font-size: 26px;
    color:#333;
    margin: 0;
}
.index_sec18_img{
    position:absolute;
    left: 18%;
    bottom: -10%;
}
.index_sec18_img img{
    width: 100%;
}
.index_sec18_right-bottom a{
    display:inline-block;
    background-color:#671115;
    padding:10px 0;
    width: 40%;
    font-size: 16px;
    color:#fff;
    text-align:center;
    border-top-left-radius: 30px 30px;
    border-bottom-left-radius: 30px 30px;
    position:absolute;
    right:0;
    bottom: 10%;
}
.index_sec18_tk {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    /*20180310*/
    z-index: 9999;
    display: none;
}
.index_sec18_bg{
    position: absolute;
    left: 50%;
    top: 50%;

    width:570px;
    background: #FFF;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.index_sec18_des_box{
    padding: 50px 50px 20px;
    position: relative;
}
.index_sec18_close{
    position: absolute;
    right: 15px;
    top: 15px;
    width: 28px;
    cursor: pointer;
}
.index_sec18_title{
    text-align:center;
}
.index_sec18_title h2{
    font-size:36px;
    color:#671115;
    margin:0;
    font-weight:bold;
}
.index_sec18_title h3{
    font-size:24px;
    color:#333;
    line-height: 32px;
}
.index_sec18_form{
    width: 100%;
    margin: 5% auto 40px;
}
.index_sec18_form>div{
    position: relative;
}
.index_sec18_form>div>img{
    position: absolute;
    top: 10px;
    left: 0;
}
.index_sec18_form input{
    width:100%;
    border:none;
    border-bottom:1px solid #e6e6e6;
    padding:10px 0 10px 30px;
    font-size:18px;
}
.index_sec18_form_btn{
    display:block;
    background-color:#671115;
    width:100%;
    margin: 50px 0 30px;
    text-align:center;
    padding:2% 0;
    font-size:24px;
    color:#fff;
}
.index_sec18_form_rule{
    font-size: 14px;
    color:#671115;
    text-decoration:underline;
    line-height: 24px;
}

/* rule */
.rule{
    width: 50%;
    margin:150px auto;
}
.rule_box{
    margin-top: 80px;
}
.rule_box h4{
    font-size: 24px;
    color: #333;
    line-height: 36px;
}
.rule_box p{
    font-size: 16px;
    color: #333;
    line-height: 42px;
}
.rule_box h5{
    font-size: 14px;
    color: #671115;
    margin-top: 20px;
}
/* rule */
@media(max-width:1700px) {
    .index5_lisTxt {
        width: 78%;
        margin: 0px auto 0;
    }
    .index_sec16_box {
        height: 118px;
    }
}

@media(max-width:1680px) {
    .bellBoxL {
        padding: 0 0 0 48px;
    }
    .index8_lis {
        padding: 0px 10px;
    }
    .bellBoxL h5 {
        font-size: 15px;
        line-height: 22px;
        width: 95%;
        margin-bottom: 30px;
    }
    .inds8_txt h5{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:6;
        overflow: hidden;
    }
    .index_sec5_trtxt ,.index_sec5_brtxt {
        padding-top: 20px;
    }
}
@media(max-width:1600px) {
    /* .bellBoxL {
        padding: 0 18px 0 50px;
    } */

    .headerCon .headerCon_box {
        width: 95%;
        margin: 0 auto;
    }
    .index_box{
        width: 90%;
    }
    .index1_txt h3 {
        margin: 20px auto 0;
        font-size: 28px;
        line-height: 48px;
        font-weight: 300;
        color: #671115;
        font-family: SangBleuSans,Arial,sans-serif;
        max-width: 1000px;
    }
    .swiper-pagination.pagination_ind5 {
        width: 26%;
        left: 70.33%;
        z-index: 2;
        text-align: left;
        bottom: auto;
        top: 5px;
    }
    .table_cell h3 {
        font-size: 34px;
        font-weight: bold;
        color: #fff;
    }
    .bannerTxt h2{
        font-size: 44px;
    }

    .ab_sec4_txt {
        width: 20%;
        position: absolute;
        left: 5%;
        bottom: -40px;
        z-index: 9999;
    }
    .ind_sec16_img img {
        width: 72.5%;
    }
}
@media(max-width:1500px) {

    .index2_lBg h2{
        font-size: 52px;
    }
    .bellBoxAvatar {
        position: relative;
        padding-left: 88px;
    }
    .index5_lisR{
        margin-top: 6%;
    }
    .index5_outLis{
        bottom: -85px;
    }
    .ab_sec4_txt {
        width: 20%;
        position: absolute;
        left: 5%;
        bottom: -40px;
        z-index: 9999;
    }
    .headerCon ul li:last-of-type{
        padding-right:0;
    }
    .serve_right_nav {
        right: 0;
    }
    #main_menu_container .menu-logo {
        margin:20% auto 0;
        width: 160px;
        color: #001f35;
        -webkit-transition: color .2s;
        transition: color .2s;
        display: block;
    }

    .index_sec16_box {
        height: 98px;
    }
    .index_sec5_trtxt ,.index_sec5_brtxt {
        padding-top: 0px !important;
    }

}


@media(max-width:1440px) {
    .index_sec17_con .txt_bg {
        font-size: 130px;
        bottom: 18%;
    }
    .headnavF li {
        padding: 0 10px;
    }
    .index_sec1{
        width: 70%;
    }
    .index_sec5_box {
        width: 90%;
    }
    .index_sec6_box {
        width: 90%;
    }
    .index5_lisTxt {
        width: 78%;
        margin: 39px auto 0;
    }
    .index7_box {
        width: 90%;
    }
    .index_sec8_box {
        width: 90%;
    }
    .index_sec9{
        width: 90%;
    }
    .index_sec11{
        width: 90%;
    }
    .index_sec19{
        width: 80%;

    }
    .foot_li_one {
        float: left;
        width: 15%;
    }

    .foot_left {
        width: 60%;
    }

    /* #proclass_sec_wblj */
    .wblj_img img {
        width: 85%;
    }
    .wblj_img .wblj_info {
        width: 30%;
    }
    .index_sec18_des_box {
        padding: 20px 40px;
        position: relative;
    }
}


/* 20180608 */
.index_sec11 {
    /*padding: 80px 0 0;*/
    margin: 140px auto;
    width: 80%;
}
.index_sec11_box li{
    width: 25%;
    float: left;
    padding: 30 4px;
}
.index_sec11_box li:hover .index_sec11_img img:nth-child(2){
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.index_sec11_box li:hover .index_sec11_img .mask{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.index_sec11_box li a  .index_sec11_img{
    position: relative;
    overflow: hidden;
}
.index_sec11_box li a .index_sec11_img img{
    width: 100%;
}
.index_sec11_box li a .index_sec11_img img:nth-child(2){
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index_sec11_box li a .index_sec11_img .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index_sec11_img .mask .mask_box{
    width: 80%;
    margin: 0 auto;
}
.index_sec11_img .mask .mask_box .mask_img{
    width: 40px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #fff;
    float: left;
    margin-right: 14px;
}
.index_sec11_img .mask .mask_box .mask_txt{
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    letter-spacing: 1px;
    float: left;
}
.index_sec11_box li a .index_sec11_txt p{
    font-size: 16px;
    color: #333;
    margin: 10px 0 40px;
    padding-left: 10%;
    letter-spacing: 2px;
}
.index_sec11_box li:nth-child(even) a .index_sec11_txt p{
    margin: 40px 0 10px;
}



.index_sec12 {
    text-align: center;
    padding: 0 80px 40px;
}
.index_sec12 .row{
    margin-top: 70px;
}
.index_sec12 .bellTitIco h3{
    margin-top: 0;
}
.index_sec12_right_txt{
    padding: 0 0 0 4%;
    /*margin-top: 20%;*/
    display: table-cell;
    vertical-align: middle;
}
.index_sec12_right_txt h3 {
    font-size: 36px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #333333;
    text-align: left;
    margin: 0;
}
.index_sec12_right_txt h4 {
    font-size: 46px;
    line-height: 42px;
    letter-spacing: 0px;
    color: rgba(218, 218, 218, 0.36);
    text-align: left;
    margin: 10px 0 50px;
}
.index_sec12_right_txt h6{
    text-align: left;
    font-size: 18px;
    color: #333;
    line-height: 34px;
    margin: 0;
}
.index_sec12_box {
    width: 80%;
    margin: 0 auto;
}
.index_sec12_box ul li {
    float: left;
    width: 20%;
    padding: 20px 0;
    border-right: 1px solid #e8e8e8;
}
.index_sec12_box ul li:nth-child(-n + 5) {
    border-bottom: 1px solid #e8e8e8;
}
.index_sec12_box ul li:nth-child(5n) {
    border-right:none;
}
.index_sec12_box ul li img {
    width: 70px;
    display: block;
    margin: auto;
}
.index_sec12_box ul li p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 20px 0 0;
    letter-spacing: 2px;
}

.index_sec13 {
    /*padding: 0 80px 80px;*/
}
.index_sec13_box {
    width: 80%;
    margin:auto;
}
.index_sec13_top {
    text-align:center;
    margin-top: 40px;
}
.index_sec13_top li {
    display:inline-block;
    margin: 0 10px;
    color: #666;
    line-height: 36px;
    width: 140px;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    font-size: 14px;
}
.index_sec13_top li.active {
    background: #b87f32;
    color: #fff;
}
.index_sec13_top li a {
    display:block;
    color:inherit;
}
.index_sec13_bot {
    margin-top: 40px;
    display: none;
}
.index_sec13_footer .bot_active{
    display: block;
}
.index_sec13_bot li {
    width: 45%;
    width: calc(50% - 50px);
    margin: 0 20px 20px 30px;
    float: left;
}
.index_sec13_bot li h5 {
    margin-left: 60px;
    font-size: 14px;
    color: #999;
    margin-bottom: 8px;
}
.index_sec13_bot li > div {
    border: 1px solid #e8e8e8;
    position: relative;
    padding: 20px 20px 20px 60px;
}
.index_sec13_bot li > div h2 {
    margin: auto;
    position: absolute;
    left: -30px;
    bottom: 0;
    top: 0;
    height: 60px;
    width:60px;
    background: #b87f32;
    color:#fff;
    text-align:center;
    line-height: 60px;
    font-size: 36px;
}
.index_sec13_bot li > div h4 {
    font-size: 18px;
    color:#666;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    height:19px;
}
.index_sec13_bot li > div h6 {
    font-size: 14px;
    color:#999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:26px;
    height:52px;
    margin-top: 15px;
}
.index_sec13_bot li > div a {
    text-transform: uppercase;
    font-size: 13px;
    color:#666;
}

/* 20180625��ʱ */
.index_sec18{
    position: fixed;
    bottom: 15%;
    z-index: 9;
    margin: 0;
}
.index_sec18 .bellTit {
    display: none;
}
.index_sec18_box{
    width: 220px;
    margin: 0;
}
.index_sec18_box ul li{
    padding: 75px 110px;
    position:relative;
    width: 100%;
}
.index_sec18_txt {
    position: absolute;
    right:16%;
    top: 25%;
}
.index_sec18_txt h3{
    font-size: 20px;
}
.index_sec18_img{
    width: 200px;
    bottom: 0%;
    left: -10px;
}
.index_sec18_left-top {
    position: absolute;
    top: 0;
    left: 0;
}
.index_sec18_left-top img {
    width: 40px;
}
.index_sec18_left-top h4 {
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    color: #fff;
    margin: 7px 0px;
}
.index_sec8_box .designer_btn .iconfont{
    font-size: 24px;
    line-height: 1.8;
}
.index_sec18_right-bottom a {
    padding: 8px 0;
    width: 50%;
    font-size: 14px;
}
.index_sec13_bot div a{
    margin: 5px 0;
}
/* 20180625��ʱ */

/* 20180801 */
.index_sec1911{
    width: 100%;
    /* padding: 50px 0; */
    margin-top: 50px;
    position: relative;
}
.index_sec1911>img{
    width: 100%;
}
.index_sec1911_abs{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.index_sec1911_abs h3{
    color: #fff;
    font-size: 40px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.index_sec1911_abs div{
    text-align: center;
    font-size: 32px;
    letter-spacing: 2px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.index_sec1911_abs span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
}
.index_sec1911_abs a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index_sec19{
    width: 80%;
    margin: 80px auto;

}
.index_sec19_top{
    margin: 80px 0;
}
.index_sec19_top_img{
    width: 60%;
    float: left;
}
.index_sec19_top_txt{
    width: 40%;
    float: left;
    position: relative;
}
.index_sec19_top_txt_box{
    position: absolute;
    left: 8%;
    bottom: 0;
}
.index_sec19_top_txt h2{
    font-size: 60px;
    color: #b87f32;
    margin-bottom: 40px;
    font-weight: bold;
    font-family: Arial;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
}
.index_sec19_top_txt h6{
    font-size: 22px;
    color: #333;
}
.index_sec19_top_txt .line{
    width: 50px;
    height: 1px;
    background-color: #333;
    margin: 30px 0;
}
.index_sec19_top_txt p{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 10px;
    padding-right: 30%;
}

.index_sec19_bottom{
    margin: 18% 0 0;
}
.index_sec19_bottom_left{
    width: 40%;
    float: left;
    position: relative;
    display:block;
    word-break:keep-all;
    white-space:nowrap;
}
.index_sec19_bottom_left > h2{
    font-size: 60px;
    color: #b87f32;
    font-weight: bold;
    font-family: Arial;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform-origin:left top;
    -ms-transform-origin:left top;
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -o-transform-origin:left top;
    position: absolute;
    left: 0;
    bottom: -12%;
}
.index_sec19_bottom_left > h2:after{
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #671115;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
}
.index_sec19_bottom_txt {
    padding: 13% 0 0 20%;
    position: relative;
    z-index: 2;
}
.index_sec19_bottom_txt h6{
    font-size: 32px;
    color: #333;
    margin-bottom: 40px;
}
.index_sec19_bottom_txt p{
    font-size: 16px;
    color: #666;
    line-height: 28px;
    letter-spacing: 2px;
}
.index_sec19_bottom_right{
    width: 60%;
    float: right;
    position: relative;
}
.index_sec19_bottom_right .video_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-100%) translateX(-100%);
    transform: translateY(-100%) translateX(-100%);
    cursor: pointer;
}
.index_sec19_bottom_right .kuang{
    width: 100%;
    height: 60%;
    border: 5px solid #b87f32;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-20%) translateX(-40%);
    transform: translateY(-20%) translateX(-40%);
}
/* 20180801 */
.index_sec1_content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.index_sec1_content a:nth-child(1){
    margin: 0;
}
.index_sec1_content {
    padding: 15px 30px 20px 0;
}
.index_sec1_l{
    margin: auto
}
.index_sec1_tit>p{
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
/* 20180608 */
@media(max-width:1900px) {
    .index_sec1_con ul.tc li{
        margin-right: 7%;
    }
    .index_sec1_con ul.fg li{
        margin-right: 2%;
    }
}
@media(max-width:1800px) {
    .index_sec12_right_txt{
        margin-top: 18%;
    }
    .index_sec1_con ul li:first-child{
        margin-right: 2%;
    }

}
@media(max-width:1760px) {
    .index_sec1_con ul.tc li{
        margin-right: 4%;
    }
    .index_sec1_con ul{
        margin-bottom: 22px;
    }
    .index_sec9_box li.index_sec9_con2{
        margin-right: 1%;
    }
    .index_sec9_box li.index_sec9_con1{
        margin-right: 3%;
    }
    .index_sec9_box li.index_sec9_con2 p{
        margin-bottom: 22px;
    }
    .inds8_lbox_tit h6{
        margin: 0;
        line-height: 24px;
    }
}
@media(max-width:1700px) {
    .index_sec18_txt h3{
        font-size: 22px;
        font-weight: bold;
    }
    .index_sec1_con ul {
        margin-bottom: 13px;
    }
    .index_sec1_con input{
        padding: 6px 0;
    }
    .index_sec6_img{
        padding: 8%;
    }
    .index_sec5_trtxt h3{
        font-size: 20px;
    }
    .list-paddingleft-2 p{
        font-size: 20px;
    }
}
@media(max-width:1660px) {
    .index_sec6_txt p{
        font-size: 13px;
    }
    .index_sec6_txt{
        width: 64%;
    }
}


@media(max-width:1640px) {
    .index_sec12_right_txt{
        margin-top: 15%;
    }
    .index_sec17_footer_txt{
        position: relative;
        top: -30px;
    }
    .index_sec17_left_txt{
        padding-top: 12%;
    }
    .index_sec18_img img{
        width: 80%;
    }
}
@media(max-width:1600px) {
    .index_sec1_l{
        margin-right: 20px;
    }
    .index_sec1_l{
        margin-right: 10px;
    }
    .index_sec1_con input{
        font-size: 18px;
    }
    .index_sec1_input ul li img{
        margin-right: 6px;
        width: 20px;
        height: 20px;
    }
    .index_sec1_con ul {
        margin-bottom: 18px;
    }
    .index_sec6_img{
        padding: 6%;
    }

    .index_sec6_swiper_box .index_sec6_txt p{
        margin: 0;
    }
    .index_sec5_trtxt h5{
        margin-bottom: 10px;
    }
}
@media(max-width:1560px) {
    .index_sec6_img{
        margin-right: 10px;
    }
    .index_sec6_txt .line{
        margin: 10px 0;
    }
    .index_sec5_trtxt .lux_sec1_txt{
        margin-top: 30px;
    }
    .lux_sec1_txt{
        margin-top: 10px !important;
    }
}
@media(max-width:1500px) {
    .index_sec1_l{
        width: 70px;
        margin-right: 10px;
    }
    .index_sec1_r h2 {
        font-size: 20px;
        color: #444;
        font-weight: 900;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .index_sec1_input ul li input{
        font-size: 12px;
    }
    .index_sec1_con ul li{
        font-size: 16px;
    }
    .index_sec6_img{
        padding: 4%;
    }
    .index_sec6_img img{
        width: 45px;
        height: 45px;
    }
    .index_sec6_txt h3{
        margin: 10px 0;
    }
}
@media(max-width:1460px) {
    .index_sec1_l {
        width: 60px;
    }
    .index_sec1_r h2{
        font-size: 18px;
        margin: 6px 0;
    }
    .index_sec1_r h4 {
        font-size: 14px;
    }
    .index_sec8_box .designer_btn:nth-child(2){
        left: 66.3%!important;
    }
    .index_sec8_box .designer_btn:nth-child(3){
        left: calc(66.3% + 75px)!important;
    }
    .inds8_imgB{
        margin-bottom: 20px;
    }
    .index_sec6_txt{
        width: 70%;
    }
}
@media(max-width:1400px) {
    .index5_outLis {
        bottom: -90px;
    }
    .index5_lisTxt {
        width: 82%;
        margin: -20px auto 0;
    }
    .index5_lisR{
        width: 41.34%;
    }
    .index5_lisTxt p {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
    }
    .index7_box {
        width: 90%;
    }
    .index_sec12_right_txt{
        margin-top: 12%;
    }
    .index_sec18_img img{
        width: 70%;
    }
    .index_sec18_right-bottom a {
        width: 40%;
        font-size: 14px;
    }
    .index_sec18_txt{
        top: 18%;
    }
    .index_sec6_txt h3{
        font-size: 18px;
    }
    .index_sec6_img img{
        width: 40px;
        height: 40px;
    }
    .index_sec9_box li.index_sec9_con2 p img {
        width: 20px;
        height: 20px;
    }
    .index_sec9_box li.index_sec9_con2 p {
        padding: 10px 10px;
    }
    .header_address_list{
        width: 50%;
    }

}

@media(max-width:1366px) {
    .headerCon .logo.active{
        display: none;
    }
    .index_sec5_trtxt {
        padding: 0 37px 37px;
    }
    .index_sec5_brtxt {
        padding: 30px 37px 37px;
    }
    .index_sec5_trtxt ul li,
    .index_sec5_brtxt ul li {
        letter-spacing: 1px;
    }
    .headnavF li {
        float: left;
        padding: 0 10px;
    }
    .index_sec6_img img {
        width: 35px;
        height: 35px;
    }
    .index_sec6_txt p{
        font-size: 12px;
        line-height: 20px;
    }
    .index_sec6_txt h3 {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .index_sec6_swiper_box{
        padding: 20px 0 20px 10px;
    }
    .index_sec6_txt h3{
        font-size: 16px;
        margin: 0 0 10px;
    }
    .index_sec6_txt p{
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }
}

@media(max-width:1300px) {
    .foot_right {
        width: 30%;
        height: auto;
        float: left;
        background: #242424;
        padding: 30px;
        padding: 70px 0 0 28px;
    }
    .ab_sec4_txt {
        width: 20%;
        position: absolute;
        left: 5%;
        bottom: -40px;
        z-index: 9999;
    }
    .swiper-pagination {
        position: absolute;
        left: -7%;
        text-align: center;
        bottom: 140px;
        width: 100%;
    }
    .index_sec12_right_txt{
        margin-top: 6%;
    }
    .ind_sec16_img img {
        width: 92%;
    }
    .index_sec18_txt h3 {
        font-size: 18px;
        font-weight: bold;
    }
}


@media(max-width:1280px) {
    .headnavF li {
        float: left;
        padding: 0 7px;
    }
    .index_sec5_trtxt {
        padding: 0px;
    }
    .index_sec5_brtxt {
        padding: 0px;
    }
    .index_sec5_trtxt ul li,
    .index_sec5_brtxt ul li {
        letter-spacing: 0px;
    }
    /* #proclass_sec_wblj */
    .wblj_img .wblj_info p {
        -webkit-line-clamp: 5;
    }
    .index_sec1_l {
        width: 55px;
    }
    .index_sec1_con input {
        font-size: 16px;
    }
}
@media(max-width:1250px) {
    .ab_sec4_txt {
        width: 20%;
        position: absolute;
        left: 5%;
        bottom: -64px;
        z-index: 9999;
    }
}
@media(max-width:1220px) {
    .logo img {
        width: 90%;

    }
    /* #proclass_sec_wblj */
    .wblj_img .wblj_info p {
        -webkit-line-clamp: 3;
    }
    .index_sec6_img img{
        width: 30px;
        height: 30px;
    }
}
@media(max-width:1100px){
    .header_top_right {
        width: 100%;
        padding: 0 2%;
    }
}
@media(max-width:900px){
    .header_top_right {
        width: 100%;
        padding: 0 2%;
    }
    .index_box {
        width: 100%;
    }
    .headerCon .headerCon_box {
        width: 100%;
    }
}



.index_sec1_content{
    -webkit-transition: all .5s;
    transition: all .5s;
}

.index_sec1_content:hover{
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 2px 0 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 10px 1px rgba(0, 0, 0, 0.1);
}
/* tab */
.tab_caidans{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
}
.tab_caidans_tab{
    width: 18%;
    border: 1px solid #e8e8e8;
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    color: #666;
    margin:0 20px;
}
.tab_caidans_tab:nth-child(1){
    background: #b87f32;
    color: #fff;
}
.tab_caidans_tab:hover{
    cursor: pointer;
    background: #b87f32;
    color: #fff;
}
.tabs_listsall{
    width: 100%;
    overflow: hidden;
}
.tabs_lists_lists{
    width: 200%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    left: 0;
}
.index_sec5_content{
    width: 50%
}

/* 响应式 */
@media(max-width:1480px){
    .index_sec1_con ul.tc li{
        margin-right: 2%;
    }
}
@media(max-width:1400px){
    .index_sec19_top_txt h2{
        font-size: 55px;
    }
}
@media(max-width:1280px){
    .index_sec1{
        width: 80%;
    }
    .index_sec19_top_txt h2 {
        font-size: 50px;
    }
    .index_sec19_top_txt p{
        padding-right: 10%;
    }
    .index_sec19_bottom_left{
        width: 45%;
    }
    .index_sec19_bottom_right{
        width: 50%;
    }
}
@media(max-width:1028px){
    .index_sec1{
        width: 90%;
    }
    .tab_caidans_tab{
        font-size: 16px;
    }
    .index_sec8_box .designer_btn:nth-child(2){
        left: 64.3%!important;
    }
    .index_sec8_box .designer_btn:nth-child(3) {
        left: calc(64.3% + 75px)!important;
    }
    .index_sec9_box li.index_sec9_con2 p{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .index_sec9_box li.index_sec9_con2 p input{
        width: 85%;
    }
    .index_sec19_top_txt .line{
        margin: 20px 0;
    }
    .index_sec19_top_txt p{
        padding-right: 0;
    }
    .index_sec19_top_txt h2 {
        font-size: 40px;
        margin-bottom: 0;
    }
    .index_sec19_bottom_left > h2{
        font-size: 40px;
    }
    .index_sec19_bottom_right .video_btn{
        -webkit-transform: translate(-70%,-90%);
        transform: translate(-70%,-90%);
    }
    .index_sec19_bottom_txt p{
        letter-spacing: 0;
    }
    .designer_btn{
        bottom: 45px;
    }
}
@media(max-width:850px){
    .scrollDown{
        display: none;
    }
    .index_sec1_input{
        width: 100%;
    }
    .index_sec1_con{
        width: 100%;
    }
    .index_sec1_con>input{
        float: right;
    }
    .tab_caidans_tab{
        width: 22%;
        font-size: 14px;
    }
    .index_sec5_btn{
        display: none;
    }
    .wrapper{
        margin-top: 72px;
    }
    .index_sec6{
        margin: 40px 0 0;

    }

    .index_sec6_swiper_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .index_sec6_swiper_box{
        padding: 20px 0;
    }
    .index_sec6_txt{
        width: 85%;
    }
    .designer_btn:nth-child(2),.designer_btn:nth-child(3){
        display: none;
    }
    /* .inds8_lbox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .inds8_lbox>div{
        width: 100%;
    } */
    .index_sec8_box .row>div:first-child{
        width: 100%;
    }
    .index_sec8_box .row>div:nth-child(2){
        width: 100%;
    }
    .index_sec9_box{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .index_sec9_box li.index_sec9_con1{
        width: 33.33333333%;
        margin-right: 1%;
        vertical-align: middle;
        text-align: center;
    }
    .index_sec9_box li.index_sec9_con2{
        width: 100%;
        margin-right: 0;
    }
    .index_sec9_box li.index_sec9_con2 p{
        padding: 15px 10px;
        margin: 20px 0;
    }
    .index_sec19_top_txt h2{
        display: none;
    }
    .index_sec11,.index_sec13_box,.index_sec19{
        width: 90%;
    }
    .index_sec19_top_txt_box{
        position: static;
        left: 0;
    }
    .index_sec19_top_txt p{
        padding-right: 0;
    }
    .index_sec19_top{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .index_sec19_top_img{
        float: none;
        width: 100%;
    }
    .index_sec19_top_txt{
        width: 100%;
        float: none;
    }
    .index_sec19_bottom_left > h2{
        display: none;
    }
}
@media(max-width:780px){
    .index_sec19_top_txt_box{
        margin-top: 80px;
    }
    .serve_right_nav{
        display: none;
    }
    .index_sec19_bottom{
        margin: 0;
    }
    .index_sec10 .contact_box .contact_sec1_list .contact_sec1_input{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .index_sec10 .contact_box .contact_sec1_list .contact_sec1_input,.contact_sec1_span1{
        height: auto;
        line-height: 50px;
    }
    .contact_sec1_span2{
        padding: 5px 0;
        line-height:1.6;
    }
    .index_sec10 {
        width: 90%;
    }
    .banner1{
        height: 700px;
    }
    .swiper-wrapper1s{
        height: 700px;
    }
}
@media(max-width:700px){
    .banner1{
        height: 400px;
    }
    .swiper-wrapper1s{
        height:400px;
    }
    .index_sec1 .index_sec1_tit h2{
        font-size: 22px;
        text-align: center;
    }
    .index_sec1 .index_sec1_tit h2>span{
        display: block;
        margin: 10px 0 0;
    }
    .index_sec1{
        padding: 30px 20px 50px;
    }
    .index_sec1_input{
        padding-right: 0;
    }
    .index_sec1_input>ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .index_sec1_input>ul>li{
        width: 100%;
    }
    .index_sec1_input>ul>li:nth-child(even){
        margin-left: 0;
    }
    .index_sec1_l{
        margin: 0;
    }
    .h1, h1{
        font-size: 25px;
        padding-bottom: 10px;
    }
    .h2, h2{
        font-size: 18px;

    }
    .index_sec5_box{
        width: 95%;
    }
    .tab_caidans{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tab_caidans_tab{
        width: 45%;
        margin: 10px 0;
    }
    .index_sec5_trtxt h2{
        font-size: 22px;
        text-align: center;
        margin-top: 15px;
    }
    .index_sec5_trtxt h3{
        font-size: 16px;text-align: center;
    }
    .index_sec5_trtxt h1{
        font-size: 22px;
        text-align: center;
        top: 7%;
    }
    .index_sec5_trtxt .line{
        margin: 30px 0 20px 50%;
    }
    .index_sec5_trtxt{
        text-align: center;
    }
    .list-paddingleft-2 p{
        font-size: 18px;
    }
    .index_sec5_trtxt h5{
        margin-top: 30px;
    }
    .bellTitIco>h2{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .index_sec6_con{
        margin-top: 20px;
    }
    .index_sec6_con>ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .index_sec6_con>ul::before,.index_sec6_con>ul::after{
        content: none;
    }
    .index_sec6_con ul li{
        width: 46%;
        margin: 10px 0;
    }
    .index_sec5_content .kuang{
        width: 100%;
    }
    .index_sec6_txt h3{
        font-size: 14px;
        text-align: center;
        margin-top: 10px;

    }
    .index_sec6_txt .line{
        display: none;
    }
    .index_sec8_txt>h2{
        text-align: center;
    }
    .index_sec8_txt>h2>span{
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-left: 0;
    }
    .inds8_lbox_tit h6{
        font-size: 14px;
    }
    .inds8_lbox_tit h6.xh{
        height: auto;
        line-height: 20px;
    }
    /* .index_sec9_tit */
    .index_sec9_tit>h2{
        text-align: center;
    }
    .index_sec9_tit>h2>span{
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-left: 0;
    }
    .index_sec9_box li.index_sec9_con2 p input{
        padding-left: 10px;
    }
    .index_sec11_box{
        width: 100%;
        content: none;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .index_sec11_box li{
        width: 100%;

    }
    .index_sec11_box li>a{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .index_sec11_box li:nth-child(2n)>a{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .index_sec11_box li a .index_sec11_txt p{
        padding-left: 0;
        text-align: center;
        margin: 10px 0 30px;
    }
    .index_sec11_box li:nth-child(even) a .index_sec11_txt p {
        margin: 10px 0 30px;
    }
    .index_sec13_top li{
        width: 25%;
    }
    .index_sec13_bot li{
        width: calc(100% - 50px);
    }
    .index_sec13_bot li h5{
        display: none;
    }
    .index_sec19_top{
        margin: 30px 0;
    }
    .index_sec19_top_txt h6{
        text-align: center;
        margin-top: 50px;
    }
    .index_sec19_top_txt .line{
        margin: 20px auto;
    }
    .index_sec19_top_txt_box{
        margin-top: 0;
    }
    .index_sec19_bottom_left{
        width: 100%;
    }
    .index_sec19_bottom_txt{
        padding: 13% 0 0;
    }
    .index_sec19_bottom_txt h6{
        font-size: 25px;
        text-align: center;
    }
    .index_sec19_bottom_right {
        width: 100%;
        margin-top: 70px;
    }
    .index_sec10 .contact_box .contact_sec1_list .contact_sec1_lianxi{
        padding-left: 0;
        text-align: center;
        margin-top: 30px;
    }


    /*新增弹框*/
    .reserve_tk {

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: rgba(0,0,0,0.6);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
        /*20180310*/
        z-index: 9999;

        display: none;
    }
    .reserve_bg{

        position: absolute;

        left: 50%;

        top: 50%;

        max-width: 900px;

        width: 100%;

        background: #FFF;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%);
    }
    .res_des_box{

        padding: 50px 50px 20px;

        position: relative;

        display: none;
    }
    .res_des_one{

        display: none;
    }
    .res_des_top {
        width: 98%;
        margin: 0 auto;
    }
    .res_des_top h3{

        font-size: 21px;

        color: #111;

        letter-spacing: 1px;

        font-weight: bold;

        margin: 0;

        padding-bottom: 10px;

        border-bottom: 1px solid #e8e8e8;
    }
    .res_des_top h5{

        font-size: 16px;

        color: #333;

        margin-top: 15px;

        letter-spacing: 1px;

        margin-bottom: 5px;
    }
    .res_des_top h6{

        font-size: 14px;

        letter-spacing: 1px;

        color: #666;

        margin-top: 8px;

        margin-bottom: 0;
    }
    .res_des_content {
        width: 100%;
        height: 465px;
        overflow-y: scroll;
    }

    .res_des_img{

        float: left;

        width: 33.33%;

        padding: 10px;

        position: relative;
    }
    .res_des_img img{

        width: 100%;
    }
    .res_des_img .res_des_choose{

        position: absolute;

        top: 0;

        left: 0;

        border: 5px solid #b87f32;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);

        width: 100%;

        height: 100%;

        display: none;
    }
    .res_des_img .res_des_choose img{

        width: 53px;

        position: absolute;

        top: 50%;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%);

        left: 50%;
    }

    .page_btn a{
        width: 180px;
        background: #920007!important;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        margin: 40px auto;
        display: block;
        color: #fff;
    }

    /* 20170321 */
    .page_next{
        float:right;
        margin-right:200px!important;
    }
    .page_btn span {
        width: 180px;
        background: #920007!important;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        margin: 40px auto;
        display: block;
        color: #fff;
        float:right;
        margin-right:20px;
        cursor:pointer;
    }

    .page_btn a:hover{
        background: #671115!important;
    }
    .res_des_question{

        padding: 30px 0;
    }
    .res_des_questionb{

        border-bottom: 1px solid #e8e8e8;

        border-top: 1px solid #e8e8e8;

        padding-top: 20px;
    }
    .res_des_question h4{

        margin: 0;

        font-size: 16px;

        letter-spacing: 1px;

        color: #111;

        margin-bottom: 20px;
    }
    .res_des_question .res_des_option{

        padding-left: 23px;
    }
    .res_des_question .res_des_option span{

        font-size: 14px;

        letter-spacing: 1px;

        color: #666;

        margin-right: 32px;
    }
    .res_des_question .res_des_option span img{

        width: 16px;

        margin-right: 8px;
    }
    .res_des_question .res_des_option span img.choosing{

    }
    .res_des_question .res_des_option span img.choosed{

        display: none;
    }
    .res_des_optionl{

        display: inline-block;

        width: 45%;
    }
    .res_des_optionl span{

        font-size: 16px;

        letter-spacing: 1px;

        color: #333;
    }
    .res_des_optionl input{

        border: 1px solid #b8b8b8;

        padding: 8px 10px;

        letter-spacing: 1px;

        color: #999;

        margin-left: 20px;

        border-radius: 4px;

        -khtml-border-radius: 4px;

        width: 155px;
    }
    .reser_close{

        position: absolute;

        right: 15px;

        top: 15px;

        width: 28px;
    }
    .res_des_four{

        display: none;
    }
    .res_des_four_box{

        width: 400px;

        margin: 0 auto;

        padding: 50px 0;

        border-bottom: 1px solid #e8e8e8;
    }
    .res_des_four_box img{

        width: 92px;

        display: block;

        margin: 0 auto;
    }

    .res_des_four_box p {
        margin: 30px 10px;
        font-size: 14px;
        text-align: center;
    }
    .res_des_four_box h4{
        text-align: center;
        margin-top: 15px;
        font-size: 20px;
        letter-spacing: 3px;
    }
    .page_four a{

        margin-top: 60px;
    }
    .res_des_three{
        display: none;
    }
    .res_des_img_box{
        position: relative;
        cursor: pointer;
    }
    .res_des_two{
        display: none;
    }
    .res_bj_box{
        padding: 50px;
        display: none;
    }
    .res_des_questionb1{

        border-bottom: 1px solid #e8e8e8;
    }
    .res_des_questionb1 span{

        margin-right: 30px!important;
    }
    .res_des_questionb1 span input{

        width: 75px;

        margin: 0 5px;

        border: 1px solid #b8b8b8;

        padding: 3px 10px;

        letter-spacing: 1px;

        color: #999;

        border-radius: 4px;

        -khtml-border-radius: 4px;
    }
    .res_des_optionf{

        margin-top: 20px;
    }
    .res_des_optionf span{

        font-size: 16px;

        letter-spacing: 1px;

        color: #333;
    }
    .res_des_optionf input{

        border: 1px solid #b8b8b8;

        padding: 8px 10px;

        letter-spacing: 1px;

        color: #999;

        margin-left: 20px;

        border-radius: 4px;

        -khtml-border-radius: 4px;

        width: 618px;
    }


    .res_des_img_box h5{

        position: absolute;

        padding: 12px;

        left: 0;

        bottom: 0;

        background: rgba(0,0,0,0.6);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);

        width: 100%;

        margin: 0;

        text-align: center;

        font-size: 18px;

        color: #fff;

        letter-spacing: 1px;
    }
    .res_gd_box{
        padding: 50px;
        display: none;
    }
    .reser_close{
        cursor: pointer
    }
    .res_des_option span{
        cursor: pointer
    }
    .res_des_img_box{
        cursor: pointer
    }
    .res_des_img_box.active .res_des_choose{
        display: block;
    }
    .res_des_option span.active .choosing{
        display: none;
    }
    .res_des_option span.active .choosed{
        display: inline-block!important;
    }
    .res_des_img_box.active h5{
        display: none
    }


    .index_sec1_l,.index_sec1_r{
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -ms-transition:all 0.5s;
        -o-transition:all 0.5s;
        -webkit-transition:all 0.5s;
    }
    .index_sec1_content:hover .index_sec1_r h2,.index_sec1_r.active h2{
        color: #671115;
    }
    .index_sec1_content:hover .index_sec1_r h4,.index_sec1_r.active h4{
        color: #b87f32;
    }
    .index_sec1_content:hover .index_sec1_l,.index_sec1_content:hover .index_sec1_r,.index_sec1_l.active,.index_sec1_r.active{
        /*margin-top: -20px*/
    }

    .serve_right_nav ul li.serve_right_n1{

    }
    .serve_right_nav ul li.serve_right_n2{

        background: #79151a;

        width: 213px;
    }
    .serve_right_nav ul li.serve_right_n3{

        background: #87161b;

        width: 225px;
    }
    .serve_right_nav ul li.dre_top img{

        width: 25px;
    }
    .serve_right_nav:hover ul li {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .serve_right_nav:hover ul li.dre_top{
        filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
    }
    .serve_right_nav ul li:hover {
        background: #b87f32;
    }




    .phone_tc_box {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.6);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        display: none;
    }
    .disinger_tkbg{background: #f6f6f6;width: 752px;position: absolute;left: 50%;top: 50%;padding: 20px 35px 40px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none}

    .disinger_tk h3{padding-top: 20px;line-height: 16px;font-size: 16px;margin: 0;color: #111;letter-spacing: 1px;font-weight: bold;}
    .disinger_input{

    }
    .disinger_input>input{
        width: 508px;
        margin-right: 0;
        height: 42px;
        margin-top: 15px;
        padding: 0 10px;
        line-height: 42px;
        font-size: 16px;
        letter-spacing: 1px;
        color: #a0a0a0;
        display: block;
    }
    .disinger_check{

    }
    .disinger_check h6{
        color: #a0a0a0;
        line-height: 14px;
        font-size: 16px;
        padding-top: 15px;
        background: transparent;
        margin: 0;
        padding-bottom: 8px;
    }
    .disinger_check a{
        margin-right: 35px;
    }
    .disinger_check a img{
        width: 15px;
        vertical-align: middle;
    }
    .disinger_check a span{
        color: #a0a0a0;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 2px;
    }
    .disinger_input textarea{width: 508px;margin-right: 0;height: 100px;margin-top: 15px;padding: 0 10px;line-height: 25px;font-size: 16px;letter-spacing: 1px;color: #a0a0a0;display: block;}
    .disinger_btn a{
        height: 42px;
        line-height: 42px;
        margin-top: 15px;
        background: #920007;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        display: block;
        text-align: center;
        width: 270px;
    }
    .disinger_btn a:hover{

        background: #671115;

    }
    .index_sec2_txt{
        position: relative
    }
    .designer_yuyue{
        position: absolute;
        font-size: 16px;
        letter-spacing: 1px;
        right: 0;
        top: 14px;

    }
    .designer_yuyue a{
        color: #671115;
    }
    .eidit_close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: -1px;
        z-index: 2;
        cursor: pointer;
        /*background: #000;*/
        padding: 8px;
    }
    .kgd_tkbg{width: 500px;height: auto;background: #f6f6f6;top: 50%;left: 50%;position: absolute;padding: 20px 35px 40px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;}
    .kgd_btn a{width: 100%;height: 48px;margin-top: 15px;line-height: 47px;font-size: 16px;background: #920007;color: #fff;text-align: center;font-size: 16px;cursor: pointer;display: block;}

    .kgd_tk h3{
        padding-top: 20px;
        line-height: 16px;
        font-size: 20px;
        margin: 0;
        color: #111;
        letter-spacing: 1px;
        font-weight: bold;
        text-align: center;
    }
    .kgd_tk .kgd_input{margin-top: 30px;}
    .kgd_tk .kgd_input input{
        width: 100%;
        margin-right: 0;
        height: 42px;
        margin-top: 15px;
        padding: 0 10px;
        line-height: 42px;
        font-size: 16px;
        letter-spacing: 1px;
        color: #a0a0a0;
        display: block;
        border: #d2d2d2 1px solid;
    }
    /*新增弹框*/

    /*报价弹框*/

}