@import url(huandeng.css);
*{ margin:0; padding:0}
body{margin:0 auto;min-width:1320px;color:#333;font-size:1rem;font: 400 1em / 1.8 "SimSun", "宋体", "PingFang SC", "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, Helvetica, Arial, sans-serif;font-weight:300;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article {list-style: none; }
a{text-decoration:none;outline:0px; color:#333}
img{ border:0;max-width: 100%;}
em, i {font-style: normal;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
.web{display: none}
/***顶部logo部分****/
.tophead_nv{width:auto; height:130px;margin:0 auto;width:1320px;padding-top:50px;overflow: auto;}
.tophead_nv .wy{margin:0 auto;overflow: auto;}
.tophead_nv .wy .wym{width:900px;line-height:30px;overflow:hidden;height:30px;padding-top:5px;margin-left: 20px;}
.tophead_nv .wy .wym b{float:left;margin-right:40px;}
.tophead_nv .wy .wym em{font-size:0.93rem;}
.tophead_nv .wy .wym li{float:left;margin-right:30px;}
.tophead_nv .wy .logo{ width:255px; height:80px; float:left; margin-top:30px;}
.tophead_nv .wy .logo img{width: 100%;}
.tophead_nv .wy .dh{ width:950px;height:auto;float:right;padding-top:20px;}
.tophead_nv .wy .dh .ax{width:100%;overflow:hidden;}
.tophead_nv .wy .dh .zx{width:289px;float:left;margin-right:20px;padding-right:20px;border-right:1px dashed #e3e3e3;}
.tophead_nv .wy .dh .zx:nth-child(3){border-right:none;margin-right:0;float:right;padding-right:0;}
.tophead_nv .wy .dh .zx b{padding:0 20px;line-height:60px;float:left;}
.tophead_nv .wy .dh .zx em{overflow:hidden;line-height:30px;font-size:0.93rem;}
.tophead_nv .wy .dh .zx li{float:right;margin-left:10px}
/* 头部导航栏 */
.navbarz{background: #484748;}
.navbar {margin:0 auto;width:1320px;padding:0 20px;}
.nav-list {display: flex;list-style: none;position: relative;}
.nav-item {position: relative;}
.nav-link {color:white;text-decoration:none;padding:18px 24px;display:block;transition:all 0.3s ease;font-weight:bolder;position: relative;}
.nav-link:hover {background-color: rgba(255, 255, 255, 0.1);}
/* 头部导航栏下拉菜单样式 */
.dropdown-menu {position: absolute;top: 100%;left: 0;background: white;min-width: 200px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);border-radius: 6px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;overflow: hidden;}
.dropdown-menu::before {content: '';position: absolute;top: -8px;left: 20px;width: 16px;height: 16px;background: white;transform: rotate(45deg);}
.dropdown-item {padding: 12px 20px;display: block;color: #333;text-decoration: none;border-bottom: 1px solid #f0f0f0;transition: all 0.2s ease;}
.dropdown-item:hover {background-color:#f8f9fa;color: #e5000a;padding-left: 25px;}
.dropdown-item:last-child {border-bottom: none;}
.dropdown-divider {height: 1px;background:#eee;margin: 5px 0;}
.nav-item:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
/* 幻灯片播放样式 */
.huandenpianyi {margin: 0 auto;}
.slides-container {margin-bottom: 40px;}
.slideshow {position: relative;height: 400px;overflow: hidden;margin-bottom: 30px;/* border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1); */}
.slides-wrapper {width: 100%;height: 100%;overflow: hidden;}
.slides {display: flex;height: 100%;transition: transform 0.5s ease;}
.slide {min-width: 100%;height: 100%;position: relative;}
.slide img {width: 100%;height: 100%;object-fit: cover;display: block;}
.slide-content {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,0.7));color: white;padding: 20px;}
.slide-title {margin-bottom: 5px;}
.slide-desc {opacity: 0.9;}
.nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.9);border: none;width: 45px;height: 45px;border-radius: 50%;color: #333;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 10;}
.nav-btn:hover {background: white;transform: translateY(-50%) scale(1.1);}
.prev-btn {left: 15px;}
.next-btn {right: 15px;}
.dots-container {position: absolute;bottom: 15px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;z-index: 5;}
.dot {width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.3s;}
.dot.active {background: white;transform: scale(1.2);}
.dot:hover {background: white;}
.row {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 40px;}
.col {flex: 1;min-width: 300px;}
@media (max-width: 768px) {.slideshow {height:350px;}.slide-title {font-size:1.4rem;}.slide-desc {font-size: 0.9rem;}}
@media (max-width: 480px) {.slideshow {height:300px;}.slide-title {font-size:1.2rem;}.slide-content {padding: 15px;}.nav-btn {width:40px;height:40px;font-size:1.2rem;}}

