body {max-width:100%;margin:0 auto;padding:0;font-size:14px;font-family:Arial, Helvetica, 'Microsoft Yahei';color:#333;-webkit-text-size-adjust:100% !important;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0 auto; padding:0;}
ul,li{ list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.clear {clear:both;float:none;}
img {border:0;vertical-align:bottom;}
form {margin:0;padding:0;}
input:focus {outline:none;}
em, cite, i {font-style:normal;}
a {color:#FFF;text-decoration:none;}
a:hover {color:#FADA26;text-decoration:none;}
button {all:unset;}
.left {float:left;}
.right {float:right;}
.webun {width:100%;height:auto;background:linear-gradient(135deg, #FCF7EE 0%, #FDF8D5 100%);display:flex;flex-direction:column;align-items:center;text-align:center;}
.w100 {overflow:hidden;width:98%;margin:0 auto;text-align:center;}
.header {overflow:hidden;width:100%;height:100px;background-color:rgba(255, 255, 255, 0.5);box-shadow-: 0px 0px 3px rgba(221,221,221,0.1);}
.header .logo {overflow:hidden;}
.header .logo .left {cursor:pointer;padding-top:30px;}
.header .logo .left img {}
.header .logo .right {width:20%;}
.header .logo .right p {overflow:hidden;padding-top:26px;}
.header .logo .right button {cursor:pointer;float:right;width:40%;height:45px;line-height:45px;margin-left:5%;background:linear-gradient(130deg, #9E8368 0%, #450B07 100%);border-radius:30px;color:#FFF;transition:all 0.3s;}
.header .logo .right button:hover {background:linear-gradient(130deg, #450B07 0%, #9E8368 100%);}
.mian {overflow:hidden;}
.mian .banner {overflow:hidden;padding-top:6rem;;width:86%;}
.mian .banner h5 {overflow:hidden;font-size:3rem;color:#212529;}
.mian .banner h6 {overflow:hidden;font-size:1rem;padding-top:0.6rem;padding-bottom:1.2rem;text-transform:uppercase;color:#9E8368;}
.mian .banner p {overflow:hidden;line-height:1.6rem;color:#9FA6AD;}
.mian .banner .dianji {overflow:hidden;width:40%;padding-top:2rem;}
.mian .banner .dianji button {cursor:pointer;width:250px;height:4rem;line-height:4rem;background:linear-gradient(130deg, #9E8368 0%, #450B07 100%);border-radius:30px;color:#FFF;font-size:1rem;transition:all 0.3s;}
.mian .banner .dianji button:hover {background:linear-gradient(130deg, #450B07 0%, #9E8368 100%);}
.mian .mim {overflow:hidden;width:86%;padding-top:5rem;}
.mian .mim ul {overflow:hidden;margin-left:-2%;}
.mian .mim ul li {cursor:pointer;float:left;width:25.333%;padding:3%;margin-left:2%;text-align:center;background-color:rgba(255, 255, 255, 0.4);border-radius:10px;transition:all 0.3s;}
.mian .mim ul li:hover {background-color:rgba(255, 255, 255, 0.8);border-radius:20px;}
.mian .mim .pic {float:left;width:100%;text-align:center;}
.mian .mim .pic img {width:30%;margin-left:35%;margin-right:35%;text-align:center;}
.mian .mim .pic .tabler-icon {width:4rem;height:4rem;padding:1rem;text-align:center;background-color:rgba(255, 255, 255, 0.2);color:#968264;border-radius:50%;transition:all 0.3s;}
.mian .mim ul li:hover .tabler-icon {background-color:rgba(150, 130, 100, 0.2);color:#FFF;}
.mian .mim ul li b {float:left;width:100%;font-size:1.6rem;padding-top:2rem;color:#212529;}
.mian .mim ul li p {float:left;width:100%;font-size:0.86rem;line-height:1.6rem;;padding-top:1rem;color:#9FA6AD;padding-bottom:1rem;}
.footer {overflow:hidden;padding-top:3rem;text-transform:uppercase;font-size:0.76rem;color:#929AA3;}
.modal-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.modal-overlay.active {opacity:1;visibility:visible;}
.modal-content {background:linear-gradient(135deg, #FCF7EE 0%, #FDF8D5 100%);width:90%;max-width:500px;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);overflow:hidden;transform:translateY(-10px);transition:transform 0.1s ease;}
.modal-overlay.active .modal-content {transform:translateY(0);}
.modal-header {background:linear-gradient(130deg, #9E8368 0%, #450B07 100%);color:white;padding:20px;display:flex;justify-content:space-between;align-items:center;}
.modal-title {font-size:22px;font-weight:600;}
.close-btn {background:none;border:none;color:white;font-size:28px;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s;}
.close-btn:hover {background-color:rgba(255, 255, 255, 0.2);}
.modal-body {padding:30px;text-align:left;line-height:1.6;}
.modal-body p {margin-bottom:15px;}
.modal-footer {padding:15px 30px 30px;text-align:right;}
.modal-footer .btn {cursor:pointer;padding:10px 24px;font-size:16px;}

@media (max-width:640px)
{

body {font-size:0.76rem;}
.w100 {width:94%;}
.header {height:3.9rem;}
.header .logo .left {width:30%;padding-top:1.2rem;}
.header .logo .left img {width:100%;}
.header .logo .right {width:65%;}
.header .logo .right p {padding-top:0.8rem;}
.header .logo .right button {width:40%;height:2.2rem;line-height:2.2rem;margin-left:4%;}

.mian .banner {padding-top:4rem;width:90%;}
.mian .banner h5 {font-size:1.8rem;}
.mian .banner h6 {font-size:0.67rem;}
.mian .banner p {line-height:1.4rem;}
.mian .banner .dianji {width:60%;}
.mian .banner .dianji button {width:100%;height:3.6rem;line-height:3.6rem;}

.mian .mim {width:94%;padding-top:1.5rem;}
.mian .mim ul {margin-left:0%;}
.mian .mim ul li {margin-top:0.8rem;width:94%;padding:3%;margin-left:0%;}
.mian .mim ul li b {font-size:1.5rem;padding-top:0rem;}
.mian .mim ul li p {font-size:0.76rem;line-height:1.4rem;padding-top:0.5rem;padding-bottom:0.8rem;}
.footer {padding-top:1rem;padding-bottom:1rem;}

}