@charset "utf-8"; 
@import url(csscw.css);
/* 以下是本站自定义 */

/* 本站主色调fix[按钮背景/字色/背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#aaaaaa;}
#cmspage a,#cmspage b,#cmspage input{height:30px;line-height:30px;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#c00;}
.benbg{background:#c00;}

/* CWCMS_文章列表 */
.list_news li{height:50px;line-height:50px;border-bottom:1px dashed #ccc;background:url(dot/1.gif) no-repeat 0px 20px;padding-left:14px;}
.list_news li,.list_news li a,.list_news li a:hover{font-size:16px;}
.list_pic li{width:25%;float:left;text-align:center;padding-bottom:20px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:30px;width:95%;margin:auto;margin-bottom:20px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* CWCMS_分类列表 */
.fldh{border-bottom:1px solid #ddd;height:28px;margin-bottom:10px;}
.fldh h1{float:left;}
.fldhli li{ line-height:36px; font-size:16px; padding-left:12px; background:url(yq.png) no-repeat 0 14px;}

/* fix-pc */
@media screen and (min-device-width:800px) {
.cpli li{ width:19%;}
.cpli{ width:74%; margin:0 13%;}
.titn{ width:72%; margin:0 14%;}
.content{width:65%;margin:auto;}
/* CMS列表分页 */
.cms_listpage {padding:6px;text-align:center;}
.cms_listpage a {border:#eee 1px solid;padding:2px 5px;margin:2px;color:#036cb4;text-decoration:none;}
.cms_listpage a:hover,.cms_listpage a:active {border:#999 1px solid;color:#666;}
.topbg{ background:url(topbg.jpg) no-repeat top left; }
.topbg .aa{width:60%; margin:0 20%;}

	}
/* fix-wap */
@media screen and (max-width:1000px) {
.cpli li{ width:49%;}

.cpli{ width:96%; margin:0 2%;}
.titn{ width:94%; margin:0 3%;}
.content{bwidth:96%;margin:auto;}
/* CMS列表分页 */
.cms_listpage {padding:6px;text-align:center;}
.cms_listpage a {border:#eee 1px solid;padding:5px 20px;margin:2px;color:#036cb4;text-decoration:none;font-size:20px;}
.cms_listpage a:hover,.cms_listpage a:active {border:#999 1px solid;color:#666;}
.topbg{ background:#f2eee5;}

	}
.topbg img{ width:100%;}
.topbg{width:100%; height:auto;}
.all{width:1300px;margin:auto;}.copy{padding:20px 0;}
.textbox{min-height:calc(100vh - 300px);}
.nrbg{ background:#fefcf0;}

.cpli ul{ width:100%;}
.cpli li{ float:left; display:inline; margin:0.5%; background:#fdfce9; border:1px solid #a14848;border-radius:5px; }
.cpli li .aa{ background:#ffc768; background111:url(cplit1.jpg) no-repeat center center; background-size:100% 100%;border-radius:10px;text-align:center;margin:0 10px;  padding:10px 0; color11:#fff;}
.cpli li .bb{ text-align:center; background:#fff;border-radius:5px; overflow:hidden; margin:0 10px; overflow:hidden;}
.cpli li .bb img{ width: 100%; height: 100%;object-fit11: contain; /* 保持比例自动缩小 */margin111: auto;vertical-align11: middle;  transform: scale(1);  transition: all ease-in-out 0.5s;}
.cpli li:hover .bb img{transform: scale(1.1);}
.cpli li .cc{ background:#5f5e5b; color:#fff;border-radius:20px;width:40%; margin:auto; text-align:center; line-height:30px;}
.cpli li a:hover{ text-decoration:none;}
.cpli li:hover .cc{ background:#a44d4c;}

.cpli li .dd{ background:#5f5e5b; color:#fff;border-radius:20px;width:78%; padding:0 1%; margin:auto; text-align:center; line-height:20px;}
.cpli li:hover .dd{ background:#a44d4c;}

.cpli li .ee{ background:#5f5e5b; color:#fff;border-radius:10px;width:68%; padding:5px 1%; margin:auto; text-align:center; line-height:20px;}
.cpli li:hover .ee{ background:#a44d4c;}

.dabiao{border:1px solid #a14848; background:#fff; margin:auto;border-radius:10px;overflow:hidden;}
.dabiao img{width:100%;}

/* CMS文章正文页 */
.cw_view {text-align:center;}
.cw_view .title{font-size:20px;font-weight:bold;padding:10px 0;}
.cw_view .click{border:1px solid #E8E8E8;background:#F7F7F7;padding:5px 0;}
.cw_view .click,.cw_view .click a,.cw_view .click a:hover {color:#505050;}
.cw_view .content{line-height:160%;padding:20px 0;text-align:left;}

/* CMS图片列表 */
.cms_piclist ul{list-style-type:none; margin:5px;} 
.cms_piclist li{width:220px;float:left;display:block;text-align:center;}
.cms_piclist li a{line-height:30px;}
.cms_picclass {border: 1px solid #C9C9C9;padding:4px;}
/* CMS留言 */
.cms_gbinps{border:1px solid #BBB;padding:4px 4px;}
.cms_gbbuts{border:0;height:24px;line-height:24px;background:#AAA;color:#FFF;}
a.cms_viewpage{color:#003C9E;}
/* CMS搜索结果 */
.cms_sea {}
.cms_sea .seakeyword{color:red;}
.cms_sea .info,.cms_sea .info a,.cms_sea .info a:hover{color:#777;}


.fan{background:#5f5e5b;border-radius:20px;width:100px; margin:auto; text-align:center; height:30px; line-height:30px;}
.fan a{ float:left; width:100%; height:100%; display:inline;}
.fan:hover{ background:#a44d4c;}.fan a:hover{ text-decoration:none;}



.img-container {
            width: 90%;
            height: 90vh;
            display: flex;
            justify-content: center;
            align-items: center;
            touch-action: manipulation; /* 优化触摸行为，兼容微信 */
        }
        /* 核心：图片样式，保证不变形 */
        #target-img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* 关键属性：保持比例，居中显示，不变形 */
            transition: transform 0.2s ease; /* 缩放过渡，更流畅 */
            transform-origin: center center; /* 以图片中心缩放 */
        }