@charset "UTF-8";

/* 重设样式 */

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

body{ font-style: normal;font-variant:normal;color:#000000;font-family: "SourceHanSansCN-Regular", "SourceHanSansCN";}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

    font-size: 0.25rem;

}

input, select, textarea {font-size: 100%;}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {border-collapse: collapse;border-spacing: 0;}

/* 去除默认边框 */

fieldset, img {border: 0;}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {border: 0;font-variant: normal;}

/* 一致的 del 样式 */

del {text-decoration: line-through;}

address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}

/* 去掉列表前的标识, li 会继承 */

ol, ul {list-style: none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {text-align: left;}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: '';}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {text-decoration:none;}

/* 默认不显示下划线，保持页面简洁 */

ins, a {text-decoration: none;color:#000000;

    /*-moz-transition:all .3s ease-in;

    -webkit-transition:all .3s ease-in;

    -o-transition:all .3s ease-in;

    -ms-transition:all .3s ease-in;

    transition:all .3s ease-in;*/}

html,body{width: 100%;}

.w1184{width: 1184px; margin: 0 auto;}

.w1200{width: 1200px; margin: 0 auto;}

.w1227{width: 1227px; margin: 0 auto;}

.m16{margin: 0 16px;}

.color_6b{color: #6B4314 !important;}

.color_94{color: #946034 !important;}

.color_39{color: #394E6B !important;}

.color_6a{color: #6A7B93 !important;}

.color_35{color: #35615D !important;}

.color_5a{color: #5A807C !important;}

/*banner轮播图*/
.home_banner{
    max-width: 1920px;
    height: 543px;
    position: relative;
    border-radius: 0 0 0 94px;
    overflow: hidden;
    margin: 0 auto;
  }
  .content_lunbo9{
    width: 1920px;
    height: 536px;
    margin: 0 auto;
  }
  .content_lunbo9>ul{
    width: auto;
    height: 100%;
  }
  .content_lunbo9>ul li{
    width: 1920px !important;
    height: 100%;
  }
  .content_lunbo9>ul li a{
    width: 1920px !important;
    height: 100%;
    display: block;
  }
  .content_lunbo9>ul li a img{
    width: 1920px;
    height: 100%;
  }
  .home_banner_center{
    width: 1278px;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    top: 232px;left: 50%;
    margin-left: -639px;
    z-index: 10;
  }
  .prevs{
    width: 77px;
    height: 77px;
    position: absolute;
    top: 0;left: 0;
    transform: rotate(180deg);
  }
  .nexts{
    width: 77px;
    height: 77px;
    position: absolute;
    top: 0;right: 0;
  }
  .prevs img,.nexts img{
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
  }
  .home_banner_bottom{
    width: 1046px;
    height: 77px;
    position: absolute;
    bottom: 50px;left: 50%;
    margin-left: -523px;
    z-index: 10;
  }
  .home_banner_baoming{
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 0 63px;
    box-sizing: border-box;
    border-radius: 16px;
    position: relative;
  }
  .home_banner_bottom .zz_bc{background: #cdcdcd; width: 1046px; height:88px; border: 1px solid #fff; border-radius: 26px; opacity: 0.8; position: absolute;}

  .home_banner_baoming h3{
    font-size: 25px;
    margin-right: 44px;
    font-family: Source Han Sans CN;
  }
  .home_banner_baoming select{
    width: 150px;
    height: 52px;
    border-radius: 12px;
    padding-left: 15px;
    margin-right: 8px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    -webkit-appearance: none;   /*去除chrome浏览器的默认下拉图片*/
  　-moz-appearance: none;  /*去除Firefox浏览器的默认下拉图片*/
  }
  .home_banner_baoming .xltb{
    width: 11px;
    height: 9px;
    position: absolute;
    top: 40px;left: 416px;
  }
  .home_banner_baoming input{
    width: 230px;
    height: 52px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #999;
    border-radius: 12px;
    display: block;
    margin-right: 8px;
    background-color: #fff;
  }
  .home_banner_baoming input::-webkit-input-placeholder{
    color: #999;
    font-size: 16px !important;
  }
  .home_banner_baoming_bt{
    width: 280px;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    font-size: 18px;
    color: white;
    cursor: pointer;
    position: relative;
    padding-left: 101px;
    box-sizing: border-box;
    background: linear-gradient(45deg, #E8AF65, #DC9A49);
  }
  .home_banner_baoming_bt:hover{
    background: linear-gradient(45deg, #eda74b, #df9234);
  }
  .home_banner_baoming_bt img{
    width: 24px;
    height: 24px;
    position: absolute;
    top: 13px;left: 71px;
  }
  .home_banner_bottom ol{
    width: auto;
    height: 14px;
    margin: 14px auto 0 auto;
    display: flex;
    justify-content: center;
  }
  .home_banner_bottom ol li{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-right: 8px;
    cursor: pointer;
  }
  .home_banner_bottom ol li:last-of-type{
    margin-right: 0;
  }
  .home_banner_bottom ol li.active{
    background-color: #fff;
  }

.home_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px !important; position: relative; z-index: 10;left: 47% !important}
.home_banner .swiper-pagination-bullet{opacity: 1 !important; width: 10px !important;height: 10px !important; background: transparent !important; border: 1px solid #fff !important;}
.home_banner .swiper-pagination-bullet-active{background: #fff !important;}
  .fl_content_swiper{
    width: 100%;
    height: 875px;
    background: url('../images/index_bc_04.jpg') no-repeat;
    background-size: auto 100%;
    background-position-x: center;
    margin-top: -1px;
    padding-top: 70px;
    box-sizing: border-box;
  }
  .fl_content_swiper h3{
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 34px;
    color: #333;
    font-weight: 500;
    margin-bottom: 23px;
    letter-spacing: 1px;
  }
  .fl_content_swiper em{
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    color: #999;
    margin-bottom: 45px;
  }
  .fl_content_swiper_list_center{
    width: 1200px;
    height: 1px;
    margin: 0 auto;
    position: relative;
  }
  .fl_content_swiper_list_center_a{
    width: 520px;
    height: 19px;
    line-height: 19px;
    position: absolute;
    top: -85px;left: 686px;
    z-index: 1;
  }
  .fl_content_swiper_list_center_a a{
    color: #333;
    font-size: 19px;
  }
  .fl_content_swiper_list_center_a a:first-of-type{
    /*color: #CE954C;*/
  }
  .fl_content_swiper_list_center_a a:last-of-type{
    color: #666;
  }
  .fl_content_swiper_center{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  .fl_content_swiper_center_a{
    width: 1200px;
    height: auto;
    position: absolute;
    top: 101px;left: 0;
    display: none;
  }
  .fl_content_swiper_center_a.active{
    display: block;
  }
  .fl_content_swiper_center ol{
    width: auto;
    height: 54px;
    display: flex;
    margin-bottom: 49px;
  }
  .fl_content_swiper_center ol li{
    width: 138px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 16px;
    font-size: 22px;
    color: #333;
    margin-right: 16px;
    cursor: pointer;
    background-color: #fff;
  }
  .fl_content_swiper_center ol li:hover{color: #dc9a49 !important;border: 1px solid #dc9a49; background: #fff !important;}
  .fl_content_swiper_center ol li.active{
    color: white;
    background: linear-gradient(45deg, #E8AF65, #DC9A49);
  }
  /*轮播图开始*/
  .content_lunbo{
    width: 1200px;
    height: 520px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .content_lunbo>ul{
    width: auto;
    height: 100%;
  }
  .content_lunbo>ul li{
    width: 1200px !important;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }
  /*轮播图结束*/
  .content_lunbo_left{
    width: 370px;
    height: 100%;
  }
  .content_lunbo_left .imgTop{
    width: 371px;
    height: 30px;
  }
  .content_lunbo_left .aaa{
    width: 172px;
    height: 106px;
    margin-bottom: 63px;
    display: block;
  }
  .content_lunbo_left .aaa img{
    width: 172px;
    height: 106px;
  }
  .content_lunbo_left h5{
    width: 100%;
    height: 57px;
    line-height: 57px;
    font-size: 57px;
    font-weight: 500;
    margin: -16px 0 30px 0;
    overflow: hidden;
    color: #333;
  }
  .content_lunbo_left p{
    width: 100%;
    height: 43px;
    line-height: 24px;
    font-size: 20px;
    color: #666;
    margin-bottom: 131px;
  }
  .content_lunbo_left_bt{
    width: 335px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 27px;
    color: white;
    background: url('../images/cc-button.png') no-repeat;
    background-size: auto 100%;
    background-position-x: center;
    cursor: pointer;
  }
  .content_lunbo_left_bt:hover{background: linear-gradient(45deg, #eda74b, #df9234);border-radius: 16px;}
  .content_lunbo_right,.content_lunbo_right a,.content_lunbo_right a img{
    width: 829px;
    height: 510px;
    display: block;
  }
  .prevsO,.prevsT,.prevsTh,.prevsF{
    width: 77px;
    height: 77px;
    position: absolute;
    top: 204px;left: 334px;
    transform: rotate(180deg);
    z-index: 1;
    cursor: pointer;
  }
  .nextsO,.nextsT,.nextsTh,.nextsF{
    width: 77px;
    height: 77px;
    position: absolute;
    top: 204px;
    right: -38px;
    z-index: 1;
    cursor: pointer;
  }

.home_banner .prevs{width: 77px; height: 77px; position: absolute;cursor: pointer;}

.home_banner .prevs .index_zz{width: 77px; height: 77px; background: #000;transform: rotate(45deg); border-radius: 16px; opacity: 0.3;}

.home_banner .prevs .index_zz:hover{background: #dc9a49; opacity: 0.5;}

.home_banner .prevs img{width: 28px; height: 28px; position: absolute; top: 24px; left: 24px;transform: rotate(180deg);}

.home_banner .nexts{width: 77px; height: 77px; position: absolute; cursor: pointer;}

.home_banner .nexts .index_zz{width: 77px; height: 77px; background: #000;transform: rotate(45deg); border-radius: 16px; opacity: 0.3;}

.home_banner .nexts .index_zz:hover{background: #dc9a49; opacity: 0.5;}

.home_banner .nexts img{width: 28px; height: 28px; position: absolute; top: 24px; left: 24px;transform: rotate(180deg);}






.index_bc_01{width: 100%; height: 965px; background: url('../images/index_bc_01.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_01 .thnum_index{margin:0 auto ;width: 1920px;height: 560px ; overflow: hidden; border-radius: 0 0 0 94px;}

.index_bc_01 .thnum_index .tab_index{width: 136px; position: absolute; bottom: 14px;left: 47%;display: flex; justify-content: space-between; flex-wrap:wrap; text-align: center; }

.index_bc_01 .thnum_index .tab_index li{width: 15px; height: 15px; border-radius: 50%; border: 1px solid #fff;cursor: pointer;}

.index_bc_01 .thnum_index .tab_index .on{background: #fff;}



.index_bc_01 .thnum_index .index_banner_bm{width: 1046px; height: 90px; position: absolute; bottom: 44px;left: 23%;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_zz{background: #cdcdcd; width: 1044px; height: 88px; border: 1px solid #fff; border-radius: 16px; opacity: 0.8;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_title{position: absolute; top: 0px; left: 48px;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_title h1{font-size: 26px; line-height: 90px; color: #333;font-family: Source Han Sans CN;font-weight: 500; float: left;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_title select{width: 150px; height: 52px;line-height: 52px; border-radius: 12px; margin:20px 0 0 44px ;font-size: 16px;float: left;padding-left: 10px;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_title input{width: 230px;height: 52px;background: #fff;color: #999; float: left; border-radius:12px; padding-left:15px;margin: 20px 0 0 12px;font-size: 16px;}

.index_bc_01 .thnum_index .index_banner_bm .index_bm_title button{width: 280px; height: 52px; border-radius: 12px; line-height: 52px; color: #fff; font-size: 18px;background: linear-gradient(45deg, #E8AF65, #DC9A49);margin: 20px 0 0 12px;overflow: hidden;position: relative;cursor: pointer;}

.index_bc_01 .w1184 ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1200px; margin:0 auto;}

.index_bc_01 .w1184 li{width: 280px; font-size: 20px;margin-top: 72px; color: #1E2C49;cursor: pointer; position: relative;}

.index_bc_01 .w1184 .underline{width: 92px; height: 8px; position: absolute;top: 202px; left: 10px;display: none;}

.index_bc_01 .w1184 img{width: 280px;height: 160px;border-radius: 45px 24px;}

.index_bc_01 .w1184 h1{color: #333;font-weight: Medium;font-family: Source Han Sans CN; font-size: 20px;margin: 24px 0 0 -3px; position: relative; z-index: 1;}

.index_bc_01 .w1184 p{float: left; color: #666;font-size: 16px;margin: 10px 0 0 10px;}

.index_bc_01 .w1184 .down{width: 42px; height: 42px;cursor: pointer; float: right; position: relative;}

.index_bc_01 .w1184 .down .w1184_zz{width: 42px; height: 42px; background: #CDCDCD;transform: rotate(45deg); border-radius: 10px; opacity: 0.5;}

.index_bc_01 .w1184 .down img{width: 28px; height: 28px; position: absolute; top: 6px; left: 7px;transform: rotate(180deg);}

/*品牌馆*/

.index_bc_02{width: 100%; height: 1185px; background: url('../images/index_bc_02.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_02 .m16{margin: 0 16px;}

.index_bc_02 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 72px;}

.index_bc_02 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_02 .thnum_brand .tab_brand{width: 466px; float: left; margin-top: 50px;height: 54px;margin-bottom: 43px;}

.index_bc_02 .thnum_brand .tab_brand li{width: 138px;height: 54px;line-height: 54px;text-align: center;font-size: 22px;color: #333;font-family: Source Han Sans CN;background: #fff;border-radius: 16px; float: left;cursor: pointer;box-shadow: 4px 2px 8px 0px #ececec;margin-right: 16px;}

.index_bc_02 .thnum_brand .tab_brand li:hover{color: #dc9a49;border: 1px solid #dc9a49;background: #fff;}

.index_bc_02 .thnum_brand .tab_brand .on{ background: url('../images/ppbutton.png') no-repeat; background-position-x: center;color: #fff;box-shadow: 4px 2px 8px 0px #fff;}

.index_bc_02 .thnum_brand .brand_com{line-height: 54px; color: #333;font-size: 18px;font-family: Source Han Sans CN; height: 54px; overflow: hidden;position: absolute; top: -100px; right: 0px;}

.index_bc_02 .thnum_brand .brand_com span{cursor: pointer;}

.index_bc_02 .thnum_brand .banner_brand{clear: both; position: relative;}

.index_bc_02 .thnum_brand .banner_brand .brand_zsg{position: absolute; top: 184px; left: 0;}

.index_bc_02 .thnum_brand .banner_brand .brand_zsg .index_logo{display: flex; justify-content: space-between; flex-wrap:wrap;width: 947px !important; margin:0 auto; height: 620px !important;}

.index_bc_02 .thnum_brand .banner_brand .brand_zsg .index_logo li{width: 302px !important; height: 300px;margin-top: 20px;cursor: pointer; display: block !important;position: relative !important;}

/*1对1服务*/

.index_bc_03{width: 100%; height: 692px; background: url('../images/index_bc_03.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_03 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 72px;}

.index_bc_03 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_03 .service_fl{float: left; width: 815px;margin-top: 7px;}

.index_bc_03 .service_fl .five_01{float: left; width: 262px;height: 428px; overflow: hidden;margin-top: 20px;position: relative;cursor: pointer;}

.index_bc_03 .service_fl .five_01:hover{box-shadow: 4px 2px 8px 0px #eee;}

.index_bc_03 .service_fl ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 530px; margin:0 auto; float: right;}

.index_bc_03 .service_fl li{width: 254px; height: 204px;margin-top: 20px;cursor: pointer;position: relative;}

.index_bc_03 .service_fl li:hover{box-shadow: 4px 2px 8px 0px #eee;}

.index_bc_03 .service_fl .down{width: 42px; height: 42px;cursor: pointer; position: absolute; bottom: 38px;left: 28px;}

.index_bc_03 .service_fl .down .w1184_zz{width: 42px; height: 42px; background: #CDCDCD;transform: rotate(45deg); border-radius: 10px; opacity: 0.5;}

.index_bc_03 .service_fl .down img{width: 28px; height: 28px; position: absolute; top: 6px; left: 7px;transform: rotate(180deg);}

.index_bc_03 .service_fl .service_title{position: absolute; top: 30px; left: 23px;}

.index_bc_03 .service_fl .service_title h2{font-size:22px;font-family: Source Han Sans CN;}

.index_bc_03 .service_fl .service_title h3{font-size:18px;font-family: Source Han Sans CN;margin-top: 5px;}

.index_bc_03 .service_fr{float: right; width: 367px;margin-top: 7px; text-align: center;margin-top: 60px;}

.index_bc_03 .service_fr h4{color: #333; font-size: 32px;}

.index_bc_03 .service_fr h5{font-size:22px; color: #666;margin-top: 5px;}

.index_bc_03 .service_fr i{font-size: 32px; color: #FEC831;}

.index_bc_03 .service_fr input{width: 308px;height: 60px;background: #fff;color: #999; float: left; border-radius:12px; padding-left:15px;margin: 15px 0 0 27px;font-size: 16px;}

.index_bc_03 .service_fr button{width: 323px; height: 60px; border-radius: 12px; line-height: 60px; color: #fff; font-size: 22px;background: linear-gradient(45deg, #E8AF65, #DC9A49);margin: 15px 0 10px 12px;overflow: hidden;position: relative;cursor: pointer;}

.index_bc_03 .service_fr button:hover{background: linear-gradient(45deg, #eda74b, #df9234);}

.index_bc_03 .service_fr .dash_index{line-height:30px;font-size:16px;margin: 0px;}

.index_bc_03 .service_fr .dash_index span{display:inline-block;text-align: left;padding:0 5px; color: #ce954c;font-size: 10px;}



/*案例*/

.index_bc_04{width: 100%; height: 875px; background: url('../images/index_bc_04.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_04 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: bold; margin-top: 52px;}

.index_bc_04 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_04 .thnum_case .tab_case{width: 617px; float: left; margin-top: 50px;height: 54px;margin-bottom: 43px; position: relative; z-index: 1;}

.index_bc_04 .thnum_case .tab_case li{width: 138px;height: 54px;line-height: 54px;text-align: center;font-size: 22px;color: #333;font-family: Source Han Sans CN;background: #fff;border-radius: 16px; float: left;cursor: pointer;}

.index_bc_04 .thnum_case .tab_case .active{ background: url('../images/ppbutton.png') no-repeat; background-position-x: center;color: #fff;}

.index_bc_04 .thnum_case .case_com{float: right; line-height: 54px; color: #333;font-size: 18px;margin-top: 50px;font-family: Source Han Sans CN; height: 54px; overflow: hidden;}

.index_bc_04 .banner_case .w335{width: 335px;float: left; margin-top: 10px; position: relative;}

.index_bc_04 .banner_case .w335 h2{font-size: 60px;font-family: Source Han Sans CN; color: #333; position: absolute; top: 0px; left: 0px;}

.index_bc_04 .banner_case .w335 h3{font-size: 20px;font-family: Source Han Sans CN; color: #666; margin-top: 65px;}

/* .index_bc_04 .banner_case .w335 .mt130{margin-top:124px;} */

.index_bc_04 .banner_case .w335 a:last-of-type{display: block;  background: url('../images/cc-button.png') no-repeat; background-position-x: center; width: 335px;height: 64px; line-height: 64px;text-align: center; color: #fff; font-size: 28px;margin-top: 63px;}
.index_bc_04 .banner_case .w335 a:first-of-type{display: inline-block;width: 172px;height: 106px;margin-top: 124px;}
.index_bc_04 .banner_case .fr_case{float: left; width: 830px; border-radius: 24px 0px 0px 24px; position: relative;margin-left: 36px;}

.index_bc_04 .banner_case .case_img{ width: 830px !important;  margin-top: 10px; }

.index_bc_04 .banner_case .tab_img{position: absolute; bottom: 100px; left: 508px;z-index: 10; width: 300px !important; height: 60px !important;}

.index_bc_04 .banner_case .tab_img li{font-size: 24px; color: #fff; line-height: 52px; text-align: center; border-radius: 50px;display: block !important; position: relative !important; cursor: pointer;}

.index_bc_04 .banner_case .tab_img .case_js{ background: url('../images/metal.png') no-repeat; background-position-x: center; border: 2px solid #fff; width: 136px !important; height: 52px; float: left;}

.index_bc_04 .banner_case .tab_img .case_pz{ background: url('../images/pi.png') no-repeat; background-position-x: center; border: 2px solid #fff; width: 136px !important; height: 52px; float: left;margin-left: 10px;}

.index_bc_04 .ban_case{width: 1200px;}

.index_bc_04 .swiper-container{width: 1300px;}

.index_bc_04 .banner_case .prev{position: absolute;top:230px; left: -37px; cursor: pointer; z-index: 100;}

.index_bc_04 .banner_case .prev .case_zz{background: #000; width: 77px;height: 77px;border-radius: 16px;transform: rotate(45deg); opacity: 0.3;}

.index_bc_04 .banner_case .prev .case_jt{position: absolute; top: 25px;left: 25px;}

.index_bc_04 .banner_case .next{position: absolute;top:270px; right: -37px; cursor: pointer; z-index: 100;transform: rotate(180deg);}

.index_bc_04 .banner_case .next .case_zz{background: #000; width: 77px;height: 77px;border-radius: 16px;transform: rotate(45deg); opacity: 0.3;}

.index_bc_04 .banner_case .next .case_jt{position: absolute; top: 25px;right: -24px;}

.index_bc_04 .m16{margin-left:16px; margin-right: 0 !important;}



/*设计师*/

.index_bc_05{width: 100%; height: 1054px; background: url('../images/index_bc_05.jpg') no-repeat; background-position-x: center;overflow: hidden;}

.index_bc_05 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 52px;}

.index_bc_05 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_05 .thnum_des {overflow: hidden; width: 1200px;margin: 0 auto;}

.index_bc_05 .thnum_des .tab_des{width: 448px; float: left; margin-top: 50px;height: 54px;margin-bottom: 43px;}

.index_bc_05 .thnum_des .tab_des li{width: 138px;height: 54px;line-height: 54px;text-align: center;font-size: 22px;color: #333;font-family: Source Han Sans CN;background: #fff;border-radius: 16px; float: left;cursor: pointer;box-shadow: 4px 2px 8px 0px #ececec;}

.index_bc_05 .thnum_des .tab_des li:hover{color: #dc9a49;border: 1px solid #dc9a49;background: #fff;}

.index_bc_05 .thnum_des .tab_des .on{ background: url('../images/ppbutton.png') no-repeat; background-position-x: center;color: #fff;box-shadow: 10px 2px 8px 0px #fff;}

.index_bc_05 .thnum_des .des_com{line-height: 54px; color: #333;font-size: 18px;margin-top: 50px;font-family: Source Han Sans CN; height: 54px; overflow: hidden;position: absolute;top: -170px; right: 0px;}

.index_bc_05 .banner_des{width: 1200px; margin-top: 170px;}

.index_bc_05 .banner_des .index_star{background: url('../images/star-bg.png') no-repeat; background-position-x: center; width: 1200px; height: 403px; position: relative;}

.index_bc_05 .banner_des .index_star .tuijian{position: absolute; top: -7px;left: 0px; width: 175px;height: 173px;}

.index_bc_05 .banner_des .index_star .des_jj{margin: 40px 0 0 140px; float: left; width: 531px;}

.index_bc_05 .banner_des .index_star .des_jj h2{ font-size: 44px; color: #333; font-family: Source Han Sans CN; font-weight: 500; float: left;margin-bottom: 13px;}

.index_bc_05 .banner_des .index_star .des_jj .com_des{color: #B77B2F; font-size: 22px; line-height: 38px; background: #FFF0C2; border-radius: 19px; padding: 0 15px; float: left;margin: 11px 0 0 23px;}

.index_bc_05 .banner_des .index_star .des_jj .des_line{width: 60px; height: 3px; border-radius: 1px; clear: both; background: #DFB990;}

.index_bc_05 .banner_des .index_star .des_jj .des_year{font-size: 20px; color: #333; font-family: Source Han Sans CN; margin-top: 17px;}

.index_bc_05 .banner_des .index_star .des_jj .des_year i{color: #CD944B;}

.index_bc_05 .banner_des .index_star .des_jj .des_styles{color: #EFAA22; font-size: 20px;font-family: Source Han Sans CN; margin-top: 18px;} 

.index_bc_05 .banner_des .index_star .des_jj .des_ln{color: #666; font-size: 20px;font-family: Source Han Sans CN; background: linear-gradient(180deg, #fefbf3, #fcebbe); float: left; padding: 0 5px;border-radius: 0px 15px 0px 15px; margin-top: 25px;margin-bottom: 29px;height: 30px; overflow: hidden;max-width: 486px;text-overflow: ellipsis;white-space: nowrap;}

.index_bc_05 .banner_des .index_star .des_jj .ytsj_bt{display: block;background: url('../images/yuyue.png') no-repeat; background-position-x: center; width:340px;height:60px; line-height: 60px; text-align: center; color: #fff; font-size: 28px;font-family: Source Han Sans CN; clear: both;}
.index_bc_05 .banner_des .index_star .des_jj .ytsj_bt:hover{background: linear-gradient(45deg, #eda74b, #df9234);border-radius: 12px;}

.index_bc_05 .banner_des .index_star .des_img{float: right;margin: -64px 85px 0 0; width: 427px; height: 466px; overflow: hidden;}

/* .index_bc_05 .banner_des .mySwiper1{margin-left: -1px;margin-top: 50px;}

.index_bc_05 .banner_des .mySwiper1 .swiper-slide{width: 196px !important;}

.index_bc_05 .banner_des .mySwiper1 .swiper-slide img{width: 196px; height: 195px;} */

/* .index_bc_05 .banner_des .swiper-button-next, .swiper-button-prev{top: 30% !important;}

.index_bc_05 .banner_des .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;} */
.index_bc_05 .swiper-button-next, .swiper-button-prev{z-index: 2 !important;}
.swiper-button-next{
    width: 77px !important;
    height: 77px !important;
    position: absolute !important;
    top: 48% !important;
    /*right: -8px!important;*/
    background-image: none !important;
}
.swiper-button-prev{
    width: 77px !important;
    height: 77px !important;
    position: absolute !important;
    top: 48% !important;left: 8px !important;
    background-image: none !important;
}
.swiper-button-next div,.swiper-button-prev div{
    width: 100%;
    height: 100%;
    border-radius: 16px;
}
.swiper-button-next div{
    background: url('../images/bjjt.png') no-repeat;
    background-size: auto 100%;
    background-position-x: center;
}
.swiper-button-prev div{
    background: url('../images/rbjjt.png') no-repeat;
    background-size: auto 100%;
    background-position-x: center;
}
.swiper-button-next div:hover{
    background: url('../images/hbjjt.png') no-repeat;
}
.swiper-button-prev div:hover{
    background: url('../images/rhbjjt.png') no-repeat;
}
.prev{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 23px;left: 26px;
}
.next{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 23px;right: 26px;
}


/*徽派工艺*/

.index_bc_06{width: 100%; height: 1011px; background: url('../images/index_bc_06.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_06 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 72px;}

.index_bc_06 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

#gy_tab{height: 636px;margin-bottom: 50px;margin-top: 40px;}

#gy_tab ol li{font-size: 24px; color: #666; width: 298px; height: 68px;line-height: 68px; cursor: pointer;}

#gy_tab ol li.active1{ background: url('../images/rota.png') no-repeat; background-position-x: center; width: 298px; height: 68px; font-size: 24px; color: #fff !important;line-height: 68px;}

#gy_tab ol li.active1:hover{background: linear-gradient(45deg, #eda74b, #df9234); border-radius: 16px; height: 64px;}

#gy_tab .gy_list img{ float: left;margin-top: 16px;}

#gy_tab ol li.active1 .img1{display: none;}

#gy_tab ol li.active1 .img2{display: block;}

#gy_tab ol li .img1{display: block;}

#gy_tab ol li .img2{ display: none;}

.index_bc_06 .gr_bg{float: left;width: 863px;}

#gy_tab ol{width: 300px; float: right;}

#gy_tab .ml55{margin-left: 55px;margin-right: 5px;width: 45px; height: 32px;}

#gy_tab .ml40{margin-left: 40px;margin-right: 5px;width: 45px; height: 32px;}

#gy_tab .ml30{margin-left: 30px;margin-right: 5px;width: 45px; height: 32px;}

#gy_tab .ml20{margin-left: 20px;margin-right: 5px;width: 45px; height: 32px;}

#gy_tab .ml65{margin-left: 65px;margin-right: 5px;width: 45px; height: 32px;}

#gy_tab .gy_list .gy_tx{margin-left: -67px; margin-top: 110px; color: #333;}

#gy_tab .gy_list .gy_jz{margin-left: -34px; margin-top: 25px; color: #333;}

#gy_tab .gy_list .gy_lc{margin-left: 0px; margin-top: 25px; color: #333;}

#gy_tab .gy_list .gy_bz{margin-left: -15px; margin-top: 25px; color: #333;}

#gy_tab .gy_list .gy_ys{margin-left: -90px; margin-top: 25px; color: #333;}

.index_bc_06 .swiper-pagination-bullet-active{background: #EAAB50 !important;}

.index_bc_06 .swiper-pagination-bullet{border: 1px solid #EAAB50 !important; opacity: 1 !important;}

.index_bc_06 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 96px !important; left: 110px !important;}

.index_bc_06 .w776{width: 766px; margin: 0 auto;}

.index_bc_06 .w776 .w776_div{width: 363px;height: 64px; line-height: 62px; text-align: center;cursor: pointer; font-size: 28px;background: linear-gradient(45deg, #E8AF65, #DC9A49); color: #fff;font-family: Source Han Sans CN; border-radius: 16px; float: left;}

.w776_div:hover{background: linear-gradient(45deg, #eda74b, #df9234) !important;}

.index_bc_06 .w776 .gy_more{display: block; width: 363px;height: 62px; line-height: 64px; text-align: center; font-size: 28px;color: #333;font-family: Source Han Sans CN; border-radius: 16px; border: 1px solid #333333;float: right;}
.index_bc_06 .w776 .gy_more:hover{color: #dc9a49;border: 1px solid #dc9a49;}

.index_bc_06 .gr_bg h4{font-family: Source Han Sans CN;font-size: 20px; color: #fff; position: absolute; text-align: center;}

/*方林口碑*/

.index_bc_07{width: 100%; height: 1064px; background: url('../images/index_bc_07.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_07 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 72px;}

.index_bc_07 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_07 .banner_video{float: left; width: 635px; height: 358px; margin-top: 70px;}

.index_bc_07 .thnum_video .prev {position: absolute;top:339px; left: 590px; cursor: pointer;}

.index_bc_07 .thnum_video .prev .top{width: 44px;height: 44px; background: #000; opacity: 0.5;}

.index_bc_07 .thnum_video .prev h2{color: #fff; font-weight: bold; font-size: 24px; position: absolute;z-index: 1; top: -5px; left: 11px;line-height: 44px;}

.index_bc_07 .thnum_video .next {position: absolute;top:383px; left: 590px; cursor: pointer;}

.index_bc_07 .thnum_video .next .top{width: 44px;height: 44px; background: #000; opacity: 0.5;}

.index_bc_07 .thnum_video .next h2{color: #fff; font-weight: bold; font-size: 24px; position: absolute;z-index: 1; top: 5px; left: 11px;line-height: 44px;}

.index_bc_07 .tab_video{float: left;margin-top: 70px;width: 505px;margin-left: 35px;}

.index_bc_07 .tab_video li{cursor: pointer;width: 505px;height: 103px;margin-top: 17px;}

.index_bc_07 .tab_video img{width: 80px;height: 80px; border-radius: 50%;border: 5px solid #fff; float: left;}

.index_bc_07 .tab_video .video_dis{float: left; margin:8px 0 0 11px; width: 365px; overflow: hidden;}

.index_bc_07 .tab_video .video_dis h3{color: #222;font-family: Source Han Sans CN;font-size: 20px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 0 !important;}

.index_bc_07 .tab_video .video_dis h4{color: #999;font-family: Source Han Sans CN;font-size: 16px; height: 40px; line-height: 20px; overflow: hidden;margin-top: 5px;}

.index_bc_07 .tab_video .on .video_dis h3{color: #DC9A49;}

.index_bc_07 .tab_video .on img{border: 5px solid #e5b684;}

.index_bc_07 .video_ry{display: flex; justify-content: space-between; flex-wrap:wrap;width: 867px; margin:0 auto; float: left; text-align: center; color: #fff;margin-top: 244px;}

.index_bc_07 .video_ry li{width: 160px; font-size: 16px;font-family: Source Han Sans CN; line-height: 25px;}

.index_bc_07 .w1250{width: 1300px; margin: 0 auto;}

.w1250 a{float: right;width: 207px; height: 117px;margin: 111px 50px 0 0;display: inline-block;}
/* .index_bc_07 .video_more{float: right;width: 207px; height: 117px;margin: 111px 50px 0 0;} */



/*攻略*/

.index_bc_08{width: 100%; height: 906px; background: url('../images/index_bc_08.jpg') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_08 h1{font-size: 36px;font-family: Source Han Sans CN;color: #333; text-align: center; font-weight: 500; margin-top: 72px;}

.index_bc_08 p{font-size: 18px;font-family: Source Han Sans CN;color: #999; text-align: center; margin-top: 20px;}

.index_bc_08 .thnum_strategy .tab_strategy{width: 448px; float: left; margin-top: 50px;height: 54px;margin-bottom: 43px;}

.index_bc_08 .thnum_strategy .tab_strategy li{width: 138px;height: 54px;line-height: 54px;text-align: center;font-size: 22px;color: #333;font-family: Source Han Sans CN;background: #fff;border-radius: 16px; float: left;cursor: pointer;box-shadow: 4px 2px 8px 0px #ececec;}

.index_bc_08 .thnum_strategy .tab_strategy li:hover{color: #dc9a49;border: 1px solid #dc9a49;background: #fff;}

.index_bc_08 .thnum_strategy .tab_strategy .on{ background: url('../images/ppbutton.png') no-repeat; background-position-x: center;color: #fff;box-shadow: 4px 2px 8px 0px #fff;}

.index_bc_08 .thnum_strategy .strateg_com{line-height: 54px; color: #333;font-size: 18px;margin-top: 50px;font-family: Source Han Sans CN; height: 54px; overflow: hidden;position: absolute;top: -150px; right: 0px;}

.index_bc_08 .banner_strategy{clear: both;}

.index_bc_08 .banner_strategy .str_list{display: flex; justify-content: space-between; flex-wrap:wrap;width: 1200px;height: 535px !important;}

.index_bc_08 .banner_strategy .str_list .index_trs{width: 384px; height: 228px; overflow: hidden;}

.index_bc_08 .banner_strategy .str_list .index_trs img{width: 384px; height: 228px; overflow: hidden;border-radius: 44px 0px 0 0px}

.index_bc_08 .banner_strategy .str_list .index_trs img:hover{transform:scale(1.05);transition-duration: 0.5s}

.index_bc_08 .banner_strategy .str_list li{width: 384px !important; border-radius: 44px 0px 44px 0px; position: relative !important; display: block !important;background: #fff; height: 527px; overflow: hidden;}

.index_bc_08 .banner_strategy .str_list li:hover{box-shadow: 4px 7px 16px 8px #eee;}

.index_bc_08 .bc_f5{background: #f5f5f5; height: 84px;margin-top: -3px;overflow: hidden;}

.index_bc_08 .banner_strategy .str_list h2{font-family: Source Han Sans CN; font-size: 18px;/* color: #DDA45A;*/ color: #666;margin-top: 10px; width: 345px; height: 30px; line-height: 30px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.index_bc_08 .banner_strategy .str_list h3{font-family: Source Han Sans CN; font-size: 14px; color: #999; margin-bottom: 12px;width: 345px; height: 20px; line-height: 20px; overflow: hidden;text-align: left;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;}

.index_bc_08 .banner_strategy .w343{width: 343px; margin: 0 auto; border-bottom:1px solid #f3f6fa ;cursor: pointer;}



/*流程*/

.index_bc_09{width: 100%; height: 277px; background: url('../images/index_bc_09.png') no-repeat; background-position-x: center;margin-top: -2px;overflow: hidden;}

.index_bc_09 .index_process{float: left;width: 160px;}

.index_bc_09 .index_process img{width: 160px; height: 55px; margin-top: 72px;}

.index_bc_09 .index_process h1{font-size: 35px; color: #222;font-family: Source Han Sans CN; font-weight: 400;margin-top: 45px;}

.index_bc_09 ul{width: 976px; float: right;display: flex; justify-content: space-between; flex-wrap:wrap;margin-top: 70px;}

.index_bc_09 li{width: 122px;text-align: center;}

.index_bc_09 .dec_img{width: 70px;height: 68px;}

.index_bc_09 h2{color: #666;font-size: 24px;font-family: Source Han Sans CN;font-weight: 500;margin-top: 10px;}




/*品牌馆新增加*/
.index_bc_02 .thnum_brand .w945{width:945px; ;}
.index_bc_02 .thnum_brand .logo_01{width: 945px !important; height: 620px !important;margin-top: 20px; border-radius: 141px 0 0 0;}
.index_bc_02 .thnum_brand .logo_01:hover{box-shadow: 6px 2px 8px 0px #b0b0b0;}
.index_bc_02 .thnum_brand .logo_01 img{width:945px; height: 620px;}
.index_bc_02 .thnum_brand .w945 .fl_logo{margin-top: 20px; position: relative; cursor: pointer;height: 300px; overflow: hidden;}

.index_bc_02 .thnum_brand .turn_left{width: 42px; height: 42px;cursor: pointer;display: none;}

.index_bc_02 .thnum_brand .turn_left .w1184_zz{width: 42px; height: 42px; background: linear-gradient(45deg, #E8AF65, #DC9A49);transform: rotate(45deg); border-radius: 10px; position: absolute; top: 240px; left: 635px;}

.index_bc_02 .thnum_brand .turn_left img{width: 28px; height: 28px; position: absolute; top: 246px; left: 642px;transform: rotate(180deg);}

.index_bc_02 .thnum_brand .turn_left .w1184_al{width: 42px; height: 42px; background: linear-gradient(45deg, #E8AF65, #DC9A49);transform: rotate(45deg); border-radius: 10px; position: absolute; top: 240px; left: 272px;}

.index_bc_02 .thnum_brand .turn_left .al_img{width: 28px; height: 28px; position: absolute; top: 246px; left: 279px;transform: rotate(180deg);}

.index_bc_02 .thnum_brand .w945 .index_mark{ position: relative; cursor: pointer;height: 300px; overflow: hidden;}

.index_bc_02 .thnum_brand .mark_left{width: 42px; height: 42px;cursor: pointer;display: none;}

.index_bc_02 .thnum_brand .index_mark .w1184_zz{width: 42px; height: 42px; background: linear-gradient(45deg, #E8AF65, #DC9A49);transform: rotate(45deg); border-radius: 10px; position: absolute; top: 220px; left: 232px;}

.index_bc_02 .thnum_brand .mark_left img{width: 28px; height: 28px; position: absolute; top: 228px; left: 238px;transform: rotate(180deg);}
.index_bc_02 .thnum_brand .mark_01{display: block;}
.index_bc_02 .thnum_brand .mark_02{display: none;}
.mySwiper1,.mySwiper4,.mySwiper5{
    width: 1215px !important;
    height: 227px;
    margin: 43px auto 0 auto;
    overflow: hidden;
}
.mySwiper1 .swiper-wrapper,.mySwiper4 .swiper-wrapper,.mySwiper5 .swiper-wrapper{
  width: auto;
  height: 100%;
}
.mySwiper1 .swiper-wrapper .swiper-slide,.mySwiper4 .swiper-wrapper .swiper-slide,.mySwiper5 .swiper-wrapper .swiper-slide{
  width: 195px !important;
  height: 195px;
  margin-top: 16px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background: #8B8B8B;
}
.mySwiper1 .swiper-wrapper .swiper-slide img,.mySwiper4 .swiper-wrapper .swiper-slide img,.mySwiper5 .swiper-wrapper .swiper-slide img{
  width: 196px !important;
  height: 195px;
}
.mySwiper1 .swiper-wrapper .swiper-slide img{
  background: #8B8B8B;
}
.swiper-slide-thumb-active{
    width: 196px;
    height: 227px !important;
    margin-top: 0 !important;
}
.swiper-slide-thumb-active img{
    width: 196px;
    height: 227px !important;
}
.swiper-slide .img{
    width: 196px;
    height: 227px;
    display: none;
    position: absolute;
    top: 0;left: 0;
}
.swiper-slide-thumb-active .img{
    display: block;
}

.bilibili-player-video-pause-panel-container-mini-screen-blur-image{width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important;filter: none !important;}
.bilibili-player.mode-miniscreen div.bilibili-player-video-pause-panel-container-mini-screen{display: none !important}