/* 江西数文影视科技有限公司 临时展示站 */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;color:#2b2b33;background:#fff;font-size:15px;line-height:1.8;}
img{border:0;max-width:100%;display:block;}
a{color:#2b2b33;text-decoration:none;}
a:hover{color:#e8912d;}
ul{list-style:none;}
.clear{clear:both;}
.wrap{width:1200px;max-width:94%;margin:0 auto;}
.mb{margin-bottom:60px;}

/* header */
#header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(0,0,0,.04);}
#header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo a{font-size:21px;font-weight:800;color:#222;letter-spacing:.5px;white-space:nowrap;}
.logo a span{color:#e8912d;}
.mainNav{display:flex;align-items:center;}
.mainNav li.m{position:relative;}
.mainNav li a.nav{display:inline-block;padding:0 20px;line-height:74px;font-size:16px;color:#333;position:relative;}
.mainNav li a.nav.cur,.mainNav li a.nav:hover{color:#e8912d;}
.mainNav li a.nav.cur:after{content:"";position:absolute;left:20px;right:20px;bottom:14px;height:3px;border-radius:2px;background:#e8912d;}

/* slide show */
.slideShow{position:relative;width:100%;height:470px;overflow:hidden;background:#f4ede2;}
.slideShow ul.slides{position:relative;height:100%;}
.slideShow ul.slides li{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;}
.slideShow ul.slides li.on{opacity:1;}
.slideShow ul.slides li a{position:absolute;inset:0;background-size:cover;background-position:center 30%;}
.slideShow .slide-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,26,22,.55),rgba(30,26,22,.15) 60%,rgba(30,26,22,0));}
.slideShow .slide-text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;}
.slideShow .slide-text .inner{width:1200px;max-width:94%;margin:0 auto;}
.slideShow .slide-text h2{font-size:42px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.3);margin-bottom:14px;}
.slideShow .slide-text p{font-size:18px;opacity:.95;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.slideShow .dots{position:absolute;bottom:18px;left:0;right:0;text-align:center;z-index:5;}
.slideShow .dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);margin:0 5px;cursor:pointer;}
.slideShow .dots i.on{background:#fff;width:26px;border-radius:5px;}

/* index boxes */
#index .indexBox{padding:54px 0 10px;}
.recProduct h3,.recArticle h3{border-left:5px solid #e8912d;padding-left:14px;font-size:24px;font-weight:800;margin-bottom:28px;display:flex;align-items:center;}
.recProduct h3 em,.recArticle h3 em{font-style:normal;}
.recProduct h3 .more{margin-left:auto;font-size:14px;font-weight:400;color:#888;}
.recProduct .list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.recProduct dl{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.25s;}
.recProduct dl:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,0,0,.09);border-color:#f0d9b5;}
.recProduct dd.img a{display:block;aspect-ratio:4/3;overflow:hidden;}
.recProduct dd.img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.recProduct dl:hover dd.img img{transform:scale(1.05);}
.recProduct dt{padding:16px 18px 6px;}
.recProduct dt a{font-size:18px;font-weight:700;}
.recProduct dd.price{padding:0 18px 18px;color:#e8912d;font-weight:600;font-size:14px;}
.recProduct dd.price:before{content:"● ";font-size:10px;vertical-align:middle;}

.recArticle{margin-top:56px;}
.recArticle .alist{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;}
.recArticle .alist dt a{font-size:17px;font-weight:700;display:block;padding:12px 0;border-bottom:1px dashed #e5e5e5;}
.recArticle .alist dt a:before{content:"›";color:#e8912d;margin-right:8px;font-weight:800;}
.recArticle .more-link{margin-top:24px;text-align:right;}
.recArticle .more-link a{color:#e8912d;}

/* inner pages */
.urHere{font-size:14px;color:#999;padding:22px 0;border-bottom:1px solid #f0f0f0;margin-bottom:34px;}
.urHere a{color:#666;}
.urHere b{margin:0 8px;color:#ccc;font-weight:400;}
#pageIn{min-height:420px;}

/* product list */
#productList{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;}
#productList dl dt{position:relative;}
#productList dl dt > a{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid #eee;}
#productList dl dt a img{width:100%;height:100%;object-fit:cover;transition:.4s;}
#productList dl:hover dt a img{transform:scale(1.05);}
#productList .name{text-align:center;margin-top:14px;}
#productList .name a{font-size:18px;font-weight:700;}
.pager{margin-top:44px;text-align:center;color:#999;font-size:14px;}

/* product detail */
#product .productInfo h1{font-size:30px;font-weight:800;margin-bottom:10px;}
#product .productPrice .price{display:inline-block;color:#fff;background:#e8912d;border-radius:20px;padding:4px 18px;font-size:14px;font-style:normal;font-weight:600;margin-bottom:26px;}
#product .productContent{border-top:1px solid #f0f0f0;padding-top:26px;}
#product .productContent img{width:100%;max-width:960px;margin:0 auto;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.08);}

/* article list */
#articleList dl{padding:20px 0;border-bottom:1px solid #f0f0f0;}
#articleList dt a{font-size:19px;font-weight:700;}
#articleList dt a:before{content:"›";color:#e8912d;margin-right:8px;}
#articleList dd p.desc{color:#888;margin-top:8px;font-size:15px;}

/* article content */
#article h1{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px;}
#article .art-meta{text-align:center;color:#aaa;font-size:13px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:28px;}
#article .content{font-size:16px;line-height:2;color:#333;}
#article .content p{margin-bottom:14px;}
#article .content h2{font-size:19px;margin:26px 0 10px;color:#222;}

/* page (contact/forms) */
#pageLeft{width:230px;float:left;}
.treeBox{border:1px solid #eee;border-radius:10px;overflow:hidden;}
.treeBox h3{background:#faf7f2;padding:14px 18px;font-size:17px;border-bottom:1px solid #eee;}
.treeBox ul li a{display:block;padding:13px 18px;border-bottom:1px solid #f5f5f5;}
.treeBox ul li.cur a{background:#e8912d;color:#fff;}
#pageIn{width:920px;float:right;}
#pageLeft + #pageIn{width:calc(100% - 260px);}
#page h1{font-size:26px;font-weight:800;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #f0f0f0;}
#page .content p{font-size:16px;margin-bottom:12px;}
.form-box{max-width:430px;margin:30px auto;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.form-box h2{background:#e8912d;color:#fff;text-align:center;padding:18px;font-size:22px;}
.form-box form{padding:28px 34px 36px;}
.form-box label{display:block;margin:14px 0 6px;font-size:15px;color:#555;}
.form-box input{width:100%;padding:11px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;}
.form-box input:focus{border-color:#e8912d;}
.form-box .btn{width:100%;margin-top:26px;background:#e8912d;color:#fff;border:0;padding:13px;border-radius:8px;font-size:17px;cursor:pointer;}
.form-box .btn:hover{background:#d97f1c;}
.form-note{text-align:center;color:#aaa;font-size:13px;margin-top:16px;}

/* footer */
#footer{background:#26241f;color:#bbb;margin-top:70px;}
#footer .footNav{text-align:center;padding:30px 0 16px;}
#footer .footNav a{color:#ccc;margin:0 16px;}
#footer .footNav a:hover{color:#e8912d;}
#footer .copyRight{text-align:center;padding-bottom:30px;font-size:13px;color:#999;}
#footer .copyRight a{color:#999;margin-left:6px;}
#footer .copyRight a:hover{color:#e8912d;}

@media (max-width:900px){
  .recProduct .list,#productList{grid-template-columns:repeat(2,1fr);}
  .recArticle .alist{grid-template-columns:1fr;}
  #pageLeft{float:none;width:auto;margin-bottom:24px;}
  #pageLeft + #pageIn{width:100%;float:none;}
  .slideShow{height:300px;}
  .slideShow .slide-text h2{font-size:28px;}
  .mainNav li a.nav{padding:0 10px;font-size:14px;}
  .logo a{font-size:17px;}
}