.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  no-repeat center center; height:500px; color:#fff; overflow:hidden}
.banner b{background: 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:  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: }
.boxtopic .listcase li:nth-child(2) div:before{background-image: }
.boxtopic .listcase li:nth-child(3) div:before{background-image: }
.boxtopic .listcase li:nth-child(4) div:before{background-image: }
.boxtopic .listcase li:nth-child(5) div:before{background-image: }
.boxtopic .listcase li:nth-child(6) div:before{background-image: }
.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: }
.boxtopic .listw li:nth-child(2){background-image: }
.boxtopic .listw li:nth-child(3){background-image: }
.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: no-repeat center; cursor:pointer}
.vedio{position:relative; width:100%; margin:1em 0; height:346px; background:#333  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: 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: no-repeat center; display:block; position:absolute; right:-50px; top:-30px; opacity:0.5; cursor:pointer}
.close:hover{opacity:1}

div[boxpage="p2"]{background:  no-repeat center bottom / cover;}
div[boxpage="p5"]{background:  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:  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:  no-repeat center center;}


.boxtopicfooter{background:  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:#f90;}
.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}