body{background:#fafafa;}
.psheader{position:fixed; top:0; left:0; z-index:999; width:100%; box-sizing:border-box; background:rgba(0,0,0,0.4);}
.psheader{height:54px; padding:0 12px;}
.psheader .logo img{height:36px;}
.psheader .menubtn{width:54px; height:100%; position:relative;}
.psheader .menubtn img{width:36px; height:36px; display:block;}
.psheader .menubtn .wapnav{display:none; position:absolute; padding-bottom:20px; background:rgba(0,0,0,0.6); width:100vw; right:-12px; top:0;}
.psheader .menubtn.open .wapnav{display:block;}
.psheader .menubtn .wapnav .closebox{height:50px; padding:0 10px;}
.psheader .menubtn .wapnav .closebox .close{padding:0 10px; font-size:36px;}
.psheader .menubtn .wapnav ul{list-style:none;}
.psheader .menubtn .wapnav ul li{margin-bottom:4px;}
.psheader .menubtn .wapnav ul li:last-child{margin-bottom:0;}
.psheader .menubtn .wapnav ul li a{display:block; box-sizing:border-box; height:40px; line-height:40px; background:#ca262f; color:#fff; padding:0 20px;}
/* .psheader .menubtn .wapnav ul li.active a{text-decoration:underline; color:red;} */

.banner{position:relative; overflow:hidden; height:78vw;}
.banner .img{display:block; width:100%; height:100%; object-fit:cover;}
.banner .banner-cont{position:absolute; top:70%; left:10%;}
.banner .banner-cont .btn{display:block; line-height:36px; text-align:center; width:120px; height:36px; border:1px solid #fff; color:#fff;}
.banner .banner-cont .btn::after{content:' '; vertical-align:middle; margin-left:4px; display:inline-block;width:0; height:0; border:6px solid transparent; border-left-color:#fff;}

.ps-info{padding:20px 0; background:#fff;}
.ps-info .cont{padding:0 10px;}
.ps-info .left .img{width:100%; height:auto; display:block;}
.ps-info .right{margin-left:10px;}
.ps-info .label{height:20px; line-height:20px; padding:0 10px; margin:0 4px 4px 0; border-radius:14px; color:#666; border:1px solid #666;}
.ps-info .qrcode{display:none;}


.cases{padding:20px 0; background:#fff;}
.cases .list{list-style:none; padding:0 10px;}
.cases .list li{padding:10px 0;}
.cases .list li .imgbox{width:26.66%; height:100px; margin-right:10px;}
.cases .list li .title{line-height:20px; font-size:14px; color:#333;}
.cases .list li .txt{line-height:18px; font-size:12px; color:#666;}
.cases .more{height:30px; line-height:30px; padding:0 24px; border-radius:16px; background:#d22a2a; color:#fff;}
.cases .artical{padding:0 15px;}

.common-title .line{margin:10px 0; width:40px; border-top:1px solid #cf2828;}

.imgbox{overflow:hidden; position:relative;}
.imgbox img{width:100%; height:100%; object-fit:cover;}


.black_bg{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); z-index:9998;}
.modal_cont{display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:9999;}
.modal_cont .close{width:32px; height:32px; position:absolute; right:20px; top:8px; z-index:99;}

.business-dialog{background:#ffffff; width:calc(100vw - 40px); max-height:60vh; box-sizing:border-box; position:relative; overflow-y:auto;}
.business-dialog .title{height:50px; padding:0 30px; color:#ba9a51;}
.business-dialog .content{padding:0 30px 30px;}

.footer{background:#303030;}
.footer .links{padding:20px 0 10px; margin:0 30px; border-bottom:1px solid #666;}
.footer .links a{padding:0 10px; border-right:1px solid #656565; color:#fff;}
.footer .links a:last-child{border-right:none;}
.footer .icon{width:16px;}
.footer .qrcode{width:100px; height:100px; background:#fff;}
.footer .qrcode img{width:100%; height:100%;}
.footer .contactbox{margin:40px 30px;}
.footer .number{background:#1c1c1c; padding:10px 0;}