.boxBody{min-width:1500px; background-color:#fff;}
.anmt3,.listCase img,.bnGoQuote,.bnMore,.listW li,.listW li>*,.listEQ li img,.boxTableMore .img i,.listSS li i,.tableNav,.tableNav li,.listCase li div,.listCase li:after{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.banner{background:#18222E url("bk_banner.png") no-repeat center center; height:500px; color:#fff; overflow:hidden}
.banner b{background:url("banner_b.png") no-repeat center center / cover; width: 480px; height: 108px; display: block; margin-top:96px; text-indent:-10em; overflow: hidden; font-size:1em;}
.banner div.txt{font-size:1.8em; margin-top:10px;}
.banner ul{margin-top:3em; display: flex; gap:2em}
.banner ul li p{margin-left:1.8em; line-height:1.6em;}
.banner ul li:before{content:''; background: url("banner_icon.png") no-repeat center center / cover; margin-top:5px; width:20px; height: 20px; float: left;}
.bkb2{background:#F9F9F9;}
.bkb3{background-color:#fff; padding:3em 0;}

.boxTopic{font-size:20px; font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti}
.boxTopic .box{max-width:1200px; margin:0 auto}
.boxTopic .pamous{position:relative; top:-3em; height:0; overflow: hidden;}
.boxTopic .listCase{display: flex; justify-content:space-between; flex-wrap:wrap; user-select:none; padding-bottom:3em}
.boxTopic .listCase li{position: relative; background-color:#6C6C6A; max-width:32.5%; margin-bottom:1.5%; overflow:hidden}
.boxTopic .listCase li:after{content:''; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(24,34,46,.6); z-index:1;
    background: -moz-linear-gradient(top,  rgba(24,34,46,0) 0%, rgba(24,34,46,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(24,34,46,0) 0%,rgba(24,34,46,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(24,34,46,0) 0%,rgba(24,34,46,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018222e', endColorstr='#a618222e',GradientType=0 );
}
.boxTopic .listCase li img{display: block; width:100%; position: relative; z-index:0;}
/*.boxTopic .listCase li:hover img{transform: scale(1.05)}*/
.boxTopic .listCase li div{position: absolute; top:50%; left:50%; z-index:2; color:#fff; transform: translate(-50%,-50%); font-size:1em;}
.boxTopic .listCase li div:before{content:''; background:no-repeat center bottom; width:2em; height:2em; display: block; margin:0 auto .8em}
.boxTopic .listCase li:hover:after,.boxTopic .listCase li:hover div{opacity:1; visibility: visible;}
.boxTopic .listCase li:nth-child(1) div:before{background-image: url("img_ci01.png")}
.boxTopic .listCase li:nth-child(2) div:before{background-image: url("img_ci02.png")}
.boxTopic .listCase li:nth-child(3) div:before{background-image: url("img_ci03.png")}
.boxTopic .listCase li:nth-child(4) div:before{background-image: url("img_ci04.png")}
.boxTopic .listCase li:nth-child(5) div:before{background-image: url("img_ci05.png")}
.boxTopic .listCase li:nth-child(6) div:before{background-image: url("img_ci06.png")}
.boxTopic .tit{padding:3em 0 1.5em}
.boxTopic .tit b{color:#000; font-size:1.8em; display: block; text-align: center; margin-bottom:.3em}
.boxTopic .tit p{font-size:.8em; color:#333; text-indent:2em}
.boxTopic .tit.c p{text-align: center; text-indent:0}
/*.boxTopic .listW{display:flex; justify-content:space-between; padding-bottom:3em}*/
/*.boxTopic .listW li{width:24.8%}*/
/*.boxTopic .listW li:nth-child(2){width:47.5%}*/
/*.boxTopic .listW li b{display: block; font-size:1.2em; color:#ad8756; font-weight:normal;}*/
/*.boxTopic .listW li span{color:#000; display: block; margin:.3em 0 1em;}*/
/*.boxTopic .listW li p{font-size:.8em; color:#999}*/
/*.boxTopic .listW li>div{padding:1.2em .5em}*/
/*.boxTopic .listW img{display:block; width:100%}*/
.boxTopic .listW .dfx{display:flex; justify-content: space-between;}
/*.boxTopic .listW .dfx>div:nth-child(2){max-width:47%}*/
.boxTopic .listW{display: flex;}
.boxTopic .listW li{background: no-repeat center center / cover; height:23em; width:33.333%; position: relative; color:#fff; overflow: hidden}
.boxTopic .listW:hover li{width:25%}
.boxTopic .listW li:hover{width:50%}
.boxTopic .listW li:nth-child(1){background-image: url("img_w01.png")}
.boxTopic .listW li:nth-child(2){background-image: url("img_w02.png")}
.boxTopic .listW li:nth-child(3){background-image: url("img_w03.png")}
.boxTopic .listW li .t{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-weight: bold; font-size:1.8em;}
.boxTopic .listW li .t:after{content:''; width:3.5em; height:6px; background-color:#fff; display: block; margin-top:1em;}
.boxTopic .listW li:hover .t{opacity:0; visibility:hidden;  transform: translate(-50%,-25%);}
.boxTopic .listW li .n{opacity:0; visibility:hidden; position: absolute; top:0; left:0; right:0; bottom:0; padding:3em; transform: translateY(10%)}
.boxTopic .listW li:hover .n{opacity:1; visibility:visible; transform: translateY(0)}
.boxTopic .listW .n .t1{font-weight: bold;}
.boxTopic .listW .n .t1 span{display: inline-block; font-size:1.2em; vertical-align:bottom; line-height:1em;}
.boxTopic .listW .n .t1.nb span{padding-bottom:.4em}
.boxTopic .listW .n .t1 em{display: inline-block; font-size:4em; vertical-align:bottom; line-height:1em; margin:0 .1em}
.boxTopic .listW .n .t2{font-size:1.2em; margin:.4em 0 1em;}
.boxTopic .listW .n div.dfx{gap: 1em}
.boxTopic .listW .n div.dfx>dl{min-width:140px;}
.boxTopic .listW .n dl.dfx{flex-wrap: wrap}
.boxTopic .listW .n dl dt{width:100%; font-weight: bold;}
.boxTopic .listW .n dt:before{content:'·'; display: inline-block; margin-right:.3em}
.boxTopic .listW .n dd{font-size:.7em; line-height:1.6em; padding-left:1em; padding-top:.3em;}

.boxTopic .fxMenu{background-color:#F9F9F9; position: sticky; top:0; z-index:9}
.boxTopic .fxMenu ul{display: flex; justify-content: space-between;}
.boxTopic .fxMenu li{flex:auto; text-align: center;}
.boxTopic .fxMenu li a{background-color:#F9F9F9; color:#707070; font-size:.8em; line-height:60px; display: block}
.boxTopic .fxMenu li a:hover{color:#C9A063}
.boxTopic .fxMenu li a.on{background-color:#C9A063; color:#fff;}

.listSS{display: flex; gap:3%; justify-content: space-between; background-color:#fff; padding:2% 2% 0; flex-wrap: wrap}
.listSS li{max-width:192px; text-align: center; padding-bottom:1em}
.listSS li i{display: block; width:9.6em; height:12.3em; margin:0 auto .5em; object-fit: cover;}
.listSS li:hover i{box-shadow:rgba(0,0,0,.1) 0 0 1em;}
.listSS li img{display: block; width:100%; height:100%}
.listSS li span{font-size:.7em; display: block;}

.listEQ{display: flex; gap:3%; justify-content: space-between; flex-wrap: wrap; padding-bottom:2em}
.listEQ li{text-align: center; padding-bottom:1em}
.listEQ li i{display: block; overflow: hidden; margin-bottom:.5em;}
.listEQ li img{display: block; width:100%}
.listEQ li:hover img{transform: scale(1.05)}
.listEQ li span{display: block; font-size:.8em}

.boxTopic .abt{text-indent:2em; font-size:.8em; line-height:1.8em}
/* 视频 */
.btn_video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:112px; height:112px; background:url('/Content/img/Topic/lvjiban/shipin_btn.png') no-repeat center; cursor:pointer}
.vedio{position:relative; width:100%; margin:1em 0; height:346px; background:#333 url('/Content/img/newAbout/videoImg.png') no-repeat center center / cover}
video{width:100%}
.layer{width:800px}
.layer video{width:100%}
.showVedio{cursor:pointer}
.circle{width:112px; height:112px; display:block; background:url('/Content/img/Topic/lvjiban/circle.png') no-repeat center; animation:dx 2s linear 0s infinite}
@-webkit-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/*视屏弹层*/
.video_model{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; z-index:1000}
.video-tc{width:800px; height:450px; left:50%; margin-left:-400px; margin-top:-225px; position:absolute; top:50%}
.close{width:38px; height:38px; background:url('/Content/img/newAbout/close.jpg') no-repeat center; display:block; position:absolute; right:-50px; top:-30px; opacity:0.5; cursor:pointer}
.close:hover{opacity:1}

div[boxPage="p2"]{background: url("bk_w.png") no-repeat center bottom / cover;}
div[boxPage="p5"]{background: url("bk_ss.png") no-repeat center bottom / cover;}
div[boxPage="p7"]{padding-bottom:3em}

.pn3em{padding-bottom:3em}
.tableT{width:100%; border:1px solid #EFEFEF; border-right:none; border-bottom:none; background-color:#fff; margin:0}
/*.tableT.fs{position:sticky; top:0;}*/
.tableT td{padding:1em; border:1px solid #EFEFEF; border-left:none; border-top:none;}
.tableT .n td{font-size:14px;}
.tableT .h td{color:#333; text-align: center}
/*.tableT .h td:nth-child(1){border-right:1px solid #D5A76C}*/
/*.tableT .h td:nth-child(2){color:#cf811d; background-color:#f1d5a6}*/
/*.tableT .h td:nth-child(3){color:#7e3e00;background: #e0b276; border-left:1px solid #ecd0a0;*/
/*    background: -moz-linear-gradient(-45deg,  #ecd0a0 0%, #fce0b1 27%, #eabb81 78%, #e0b276 100%);*/
/*    background: -webkit-linear-gradient(-45deg,  #ecd0a0 0%,#fce0b1 27%,#eabb81 78%,#e0b276 100%);*/
/*    background: linear-gradient(135deg,  #ecd0a0 0%,#fce0b1 27%,#eabb81 78%,#e0b276 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecd0a0', endColorstr='#e0b276',GradientType=1 );*/
/*}*/
.tableT .n{font-size:.8em}
.tableT td.c{text-align:center}
.tableT td.t{text-align:center}
.tableT .pmt,.tableT .pm{position: relative; z-index:1;}
.tableT .pmt:before{content:''; background: url("icon_pm.png") no-repeat center center / contain; width:2.3em; height:2.4em; display:inline-block; vertical-align: middle; margin-right:1em}
.tableT .pmt span{font-size:1.2em; font-weight: bold; color:#8D4953; display:inline-block; vertical-align: middle}
.tableT .pm{padding:1em 2em; font-weight: bold; color:#8D4953; font-size:18px; line-height:1.4em; position: relative;}
.tableT .pm.nb{padding-bottom:2em;}
.tableT .pm.nb:after{display: none;}
.tableT .pm:after{content:''; position: absolute; left:2em; right:2em; bottom:0; border-bottom:1px dashed #ccc;}
.boxTableMore .bkPm{position: absolute; top:0; right:200px; bottom:54px; z-index:0; width:420px; background-color:#FCDCBF; box-shadow: rgba(0,0,0,0.1) 0 10px 18px; border-radius:.5em;}
.boxTableMore .bkPm:after{content:''; position: absolute; top:86px; right:.8em; left:.8em; bottom:.8em; border-radius:.5em; background-color: #FFF8F0}
.boxTableMore.more .bkPm{bottom:0;}

.tableNav{position:fixed; top:50%; z-index:2; transform: translate(calc(-100% - .7em),-50%); opacity:0; visibility: hidden; border:1px solid #eee; border-radius:.5em; background-color:#fff; box-shadow: rgba(0,0,0,.05) 0 0 .5em; padding:.5em 0}
.tableNav:after{content:''; position: absolute; top:50%; transform: translate(50%,-50%) rotate(45deg); z-index:0; right:0; width:.5em; height:.5em; background-color:#fff; border-top:1px solid #eee; border-right:1px solid #eee;}
.tableNav.show{opacity:1; visibility:visible;}
.tableNav li{text-align: center; font-size:.7em; line-height:1.8em; padding:0 1em; cursor:pointer; position: relative; z-index:1;}
.tableNav li:hover{color:#C9A063}
.tableNav li.on{background-color:#C9A063; color:#fff}

.boxTableMore{position:relative; height:800px; overflow: hidden;}
.boxTableMore.more:after{content:''; position: absolute; left:0; right:0; bottom:0; height:20em; z-index:2;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.boxTableMore .img{text-align:center; color:#999}
.boxTableMore .img span{font-size:12px; color:#333;}
.boxTableMore .img i{display:block; width:150px; height:80px; object-fit:cover; margin:0 auto;}
.boxTableMore .img:hover i{transform: scale(1.15)}
.boxTableMore .img i+i{margin-top:10px}
.boxTableMore .img i img{display:block; width:100%; height:100%;}
.boxTableMore .bnMore{opacity:0; visibility: hidden;}
.boxTableMore.more .bnMore{position: absolute; opacity:1; visibility: visible; left:50%; background-color:#fff; z-index:3; bottom:1.5em; transform: translateX(-50%); cursor: pointer; font-size:1em; color:#C9A063; border:1px solid #C9A063; border-radius:3em; padding:.3em 2em;}
.boxTableMore .bnMore:hover{border-color:#a42e00; color:#a42e00; }

.boxTopic .bnGoQuote{border:3px solid #ffd590; color:#a42e00; text-align:center; font-size:1.5em; width:10em; line-height:2em; display: block; margin:.5em auto 0; border-radius:3em;
    background: #eab977;
    background: -moz-linear-gradient(top,  #f6e3bc 0%, #eab977 100%);
    background: -webkit-linear-gradient(top,  #f6e3bc 0%,#eab977 100%);
    background: linear-gradient(to bottom,  #f6e3bc 0%,#eab977 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e3bc', endColorstr='#eab977',GradientType=0 );
}
.boxTopic .bnGoQuote:hover{opacity:.8}

.swiperCompanys{text-align: center; overflow: hidden; user-select: none; position: relative; padding-bottom:3em}
.swiperCompanys:after,.swiperCompanys:before{position: absolute; top:0; bottom:0; z-index:2; content:''; width:30%;}
.swiperCompanys:before{left:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.swiperCompanys:after{right:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.swiperCompanys .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swiperCompanys img{display: block; max-width:100%; margin:0 auto;}
.swiperCompanys .swiper-slide{width:1275px; height:341px; background: url("img_c.png") no-repeat center center;}


.boxTopicFooter{background: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") no-repeat center center / cover; min-height:80px; padding:.7em 0; color:#fff; font-size:20px;}
.boxTopicFooter .box{max-width:1280px; margin:0 auto}
.boxTopicFooter .text{float: left}
.boxTopicFooter .text b{display: block; line-height:1em; font-size:1.5em; font-weight:normal; margin-top:.3em}
.boxTopicFooter .text span{font-size:.7em}
.boxTopicFooter .quote{float: right; padding-top:.3em}
.boxTopicFooter .quote>*{vertical-align: middle}
.boxTopicFooter .quote .ipt{width:6em; font-size:14px; height:40px; line-height:40px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxTopicFooter .quote .ipt#num{width:10em;}
.boxTopicFooter .topicQuoteNum{display: inline-block; position: relative;}
.boxTopicFooter .bnTopicGoQuote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:34px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxTopicFooter .bnTopicGoQuote:hover{opacity:.7; background-color:#008C95;}
.boxTopicFooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxTopicFooter .boardnumber #txtSelNum{width:100px}
.boxTopicFooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}