:root{--max-width:1570px;--padding:20px}.container{max-width:var(--max-width);padding:0 var(--padding);margin:0 auto}a{display:inline-block}*{transition:all .3s;line-height:1.5}body{background:url('../img/dd_bg.png');font-family:"Microsoft YaHei",sans-serif,'Poppins',"Arial" !important}header nav{background:rgba(255,255,255,0.9);position:fixed;left:0;top:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:9999}header nav ul{display:flex;justify-content:space-between;align-items:center}header nav ul li a{padding:25px 0;display:flex;align-items:center;font-size:18px;position:relative;letter-spacing:5px;font-weight:600}header nav ul li a.triangle::after{content:' ';border-width:8px 8px 0;border-style:solid;border-color:#000000 transparent transparent;margin-left:5px;-webkit-transition:all .2s ease;transition:all .2s ease}header nav ul li a.active{color:#ff6a00 !important}header nav ul li a:hover{color:#ff6a00 !important}header nav ul li a.logo{padding:0}header nav ul li a.logo img{height:40px}main .pc-banner .container{width:100%;height:520px;position:relative}main .pc-banner .container .banner-link{position:absolute;top:75%;left:6.5%}main .pc-banner .container .banner-link a{border-radius:5px;cursor:pointer;color:#fff;padding:5px 18px}main .pc-banner .container .banner-link a:hover{transform:scale(1.2)}main .pc-banner .container .banner-link a.margin-left{margin-right:60px}main .footerbanner{margin-top:80px;background:url(../img/index/bg5.jpg) no-repeat center / cover;padding:40px 0}main .footerbanner p{font-size:16px;color:#666;text-transform:capitalize;margin-top:15px}main .footerbanner a{display:inline-block;padding:10px 20px;font-size:14px;color:#ffffff;margin-top:20px;background-image:linear-gradient(253deg, #7366FF 0%, #1366EC 100%)}main .footerbanner i{margin-left:80px}.title h1{font-size:40px;text-align:center;color:#333333}.title p{font-size:16px;color:#666;text-align:center;text-transform:capitalize;margin-top:15px}.tab{padding-top:80px}@media (min-width:1921px){:root{--max-width:1570px;--padding:clamp(20px, 2vw, 40px)}}@media (max-width:1920px){:root{--max-width:1570px}}@media (max-width:1600px){:root{--max-width:1280px}}@media (max-width:1366px){:root{--max-width:1140px}}@media (max-width:1024px){:root{--max-width:960px}}@media (max-width:768px){:root{--max-width:100%;--padding:16px}}@media (max-width:480px){:root{--padding:12px}}