.computer-banner{background:url(banner.jpg) no-repeat center;width:100%;height:600px}
.computer-title{text-align:center;padding:80px 0 40px;font-size:36px;color:#333;font-weight:700}
.computer-info{background:url(bg.jpg) no-repeat;height:190px;border-radius:10px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}
.computer-info h3{font-size:26px;font-weight:400;padding-top:15px}
.computer-info h4{font-size:22px;font-weight:400}
.computer-td{display:flex;justify-content:space-between}
.computer-td .item{box-shadow:0 5px 20px rgba(0,0,0,.05);border-radius:5px;overflow:hidden;width:380px;transition:.5s}
.computer-td .item .img{width:380px;height:220px;overflow:hidden}
.computer-td .item:hover img{transform:scale(1.05);transition:.5s}
.computer-td .item .txt{padding:20px 30px}
.computer-td .item .txt h3{font-size:20px;text-align:center;padding-bottom:15px}
.computer-td .item .txt p{font-size:16px;line-height:28px}
.computer-kc{background:#f8f8f8;padding:0 0 50px;overflow:hidden;margin-top:100px}
.computer-kc .hd{background:#fff;border-radius:5px;height:80px;line-height:80px}
.computer-kc .hd ul li{width:20%;text-align:center;font-size:18px;float:left;cursor:pointer}
.computer-kc .hd ul li.on{background:linear-gradient(to bottom,#ff7d27 ,#ffb42d);border-radius:5px;color:#fff;border:#fff solid 1px;box-sizing:border-box;position:relative}
.computer-kc .bd{display:block;overflow:hidden;clear:both;margin-top:40px}
.computer-kc .table{background:#fff;border:#ff7d27 solid 1px;border-radius:5px;width:100%;font-size:18px;border-collapse:collapse}
.computer-kc .table th{padding:20px;border:#ff7d27 solid 1px}
.computer-kc .table td{padding:20px;border:#ff7d27 solid 1px;line-height:30px}
.computer-kc .table .t1{width:280px;text-align:center;font-weight:700}
.computer-kc .table .w33{width:33.33333%;float:left}
.computer-kc .table h4{clear:both;display:block;padding:15px 0 5px}
@media screen and (max-width:1200px){.wap-main{width:1200px;display:table;overflow:hidden}
}