/* 整站通用 */
html,body,form,iframe,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,h7{margin:0;padding:0;border:0;}
ul,ol,li{ list-style-type:none;}
a img{ border:none}
iframe{border:none;}
body{ font-size:12px; font-family:"微软雅黑"; overflow-x:hidden; background:#fff; color:#888;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{text-decoration:none;color:#666666;}
.dw{width:1300px;margin:0px auto;}
img{ vertical-align:middle;}
p{ margin:0; padding:0;}
.t-c{ text-align:center;}
/* 功能函数 */
.fl{float:left;_display:inline;}
.fl_margin{
	margin-right:30px;
}
.fr{float:right;_display:inline;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;} 
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor{line-height:24px;text-align:left;}
.editor p{text-indent:2em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}
/*头部样式*/
.heading_con{ height:200px;}
.heading{padding-top:10px;}
.head_save_site{float:right;margin:15px 5px 0 0;height:36px;}
.head_save_site .save_top {height:36px;line-height: 36px;}
.head_save_site .cerity_top {width: 55px;overflow: hidden;line-height: 36px;height:36px;margin-left:15px;background:url(../images/gold.png) no-repeat left;padding-left:42px;}
.head_save_site .cerity_top  span {font-size: 36px;font-family: arial;font-weight: bold;color: #c40000;margin: 0 4px;vertical-align: middle;}
.head_save_site a{margin-left:7px;padding-left:20px; font-family:"宋体"; background:url(../images/top_icon01.png) no-repeat left;}
.head_save_site a:hover{color:#2985cf;}
.head_save_site .a2{background:url(../images/top_icon02.png) no-repeat left;}
.head_tel{ text-align:right;margin-top:3px;}
/* nav css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{  background:url(../images/nav_bg.jpg) repeat-x; position:relative; z-index:20;   color:#fff; height:40px; line-height:40px;   }
.nav{ width:1080px; margin:0 auto;}
.nav h3{ font-size:100%; font-weight:normal; font-size:16px;  }
.nav li{  position:relative; float:left; width:140px; display:inline; text-align:center;   }
.nav li h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; }
.nav h3 a{  zoom:1; height:40px;  line-height:40px;display:block; color:#fff }
.nav .here a{ background:url(../images/navbg.png) repeat-x bottom;color:#358dd5;   }
.nav .current a{ background:url(../images/navbg.png) repeat-x bottom;color:#358dd5;   }


.nav .sub{ display:none; width:310px; padding:12px 0; font-size:13px;position:absolute; left:0; top:40px; text-align:left; float:left; z-index:1000; line-height:26px;background:#2985CF;}
:root .nav .sub{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#002985CF', endColorstr='#002985CF');}
:root .nav .sub{filter:none;}
.nav .sub .pic{padding-left:18px;}
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1;}
.nav .sub li a:hover{  background:#ddd; color:#c00;   }
.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top;width:118px;background:url(../images/dl_line.jpg) repeat-y right; text-align:center;line-height:26px; min-height:110px;}
.nav .sub dl a:hover{ text-decoration:underline;}
.nav .sub dl dd a{ color:#fff; background:url(images/icon.png) 0 -332px no-repeat;}
/*底部样式*/
.myfooter{
    width: 1080px;
    margin: 20px auto 0px;
	text-align: center;
}
.myfooter a {
    font-size:14px;padding:5px;
}
.myfooter a:hover {
    color:#c40000;
}

.myfooter p{
    font-size:14px;
    line-height:32px;
}

/* 图片容器样式 */
.img-container {

}

/* 缩略图样式 */
.zoom-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    cursor: zoom-in;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.zoom-img:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 放大遮罩层 */
.zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.zoom-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 放大后的图片 */
.zoom-img-large {
    max-width: 90%;
    max-height: 90vh;
    border-radius: 4px;
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

.zoom-overlay.active .zoom-img-large {
    transform: scale(1);
}

/* 加载动画 */
.loading {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255,255,255,0.3);
    border-top: 4px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

.close-btn:hover {
    color: #ccc;
}

/* 提示文本 */
.hint {
    position: absolute;
    bottom: 30px;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}










