BODY{FONT-FAMILY:"微软雅黑";COLOR:#2f2f2f;FONT-SIZE:12px;MARGIN:0px;padding:0px;background: #ffffff;line-height:24px; margin:0 auto}
IMG{border:0px;padding:0;margin:0;}
H1,H2,H3,H4,H5,H6,H7,P,ul,OL,li,body,FORM,CITE,STRONG,EM{padding:0px;margin:0px;}
OL,LI{LIST-STYLE-TYPE:none;}A{COLOR:#2f2f2f;FONT-SIZE:12px;TEXT-DECORATION:none}
.hid{ display:none}
.cls{clear:both;}
i{ color:#3399FF}
A:hover{COLOR:#b10000;FONT-SIZE:12px;TEXT-DECORATION:none}




.main{MARGIN:0px auto;overflow:hidden;clear:both;position:relative; z-index:995; background:#ffffff}

.home{z-index:996; position:relative; background:#ffffff; margin:0px auto;  padding:0px;}
.homemain{margin:0px auto;position:relative; padding:0px}

.topbox{ height:100px; background:#982324;  margin:0 auto; width:100%; text-align:center; }
.logobox{margin:0 auto;}

#logo{ width:255px; height:80px; float:left; margin-top:18px; overflow:hidden }
#navbox{text-align:center;margin:0 auto;background:#db2827; z-index:999;}
#navigation{ margin:0 auto; width:800px;z-index:999; float:right; padding-top:20px;height:80px;}
#navigation *{margin:0;padding:0;border:0;}
#navigation ul{margin:0px;padding:0px;line-height:80px;}
#nav{line-height:80px;height:80px;width:850px; position:relative; z-index:999;}

#nav a{display:block;font-size:14px;color:#ffffff;}
#nav  a:hover{display:block;color: #FFCC00;font-weight:bold; }
#nav .yiji{padding:0px 14px;  color:#ffffff}
#nav .yijih{padding:0px 14px; margin-left:5px;color: #FFCC00;}
#nav li.sfhover .yiji{ color: #FFCC00; font-size:14px; border-bottom:2px solid red; background:none}

#nav .big-item-on{  padding-right:10px; color:#ffffff}

#nav li{float:left;width:auto;list-style:none;margin:0px;padding:0px 5px;}
#nav li ul{left:-999em;position:absolute;margin:0px;padding-bottom:20px;margin-right:150px;background:#988247; }
#nav li ul .navimg{padding:5px;margin:0px;overflow:hidden;}

#nav li .w{width:400px;overflow:hidden;}
#nav li .h{width:160px;overflow:hidden;}
#nav li ul .w li{float:left;list-style:none;height:auto;line-height:20px; width:200px;}
#nav li ul .h li{list-style:none;height:auto;line-height:20px; width:100%}
#nav li ul li a{text-align:left;width:200px;color:#ffffff;height:25px;line-height:25px;display:block;float:left;font-size:14px;background:#988247; text-indent:2em;border-bottom:1px solid #c7b177;}
#nav li ul  a:hover{background:#533e06;color:#fff;clear:both;}
#nav li.sfhover ul{left:auto;height:auto;margin:0;padding:0;}

.abg{}



.loc{text-indent:1em;height:40px;line-height:40px;font-size:14px;color: #FF0000;margin:0 auto; clear:both; position:relative; z-index:995; }
.loc a{font-size:14px;color: #FF0000}
.locbox{margin:0 auto}
.loca{width:800px;float:left; text-align:left}
.classcontent{ width:960px; margin:0 auto;}
.tt{ font-size:24px; text-align:center; border-bottom:2px dotted #EBEBEB; padding-bottom:10px; margin-top:20px;  font-weight:bold; color: #013978; position:relative}

.rmainbox{}
.content{margin:0px 10px;padding:5px;line-height:25px;font-size:14px;}
.content img{ max-width:640px;}
.content h1{color:#2f2f2f;text-align:center;padding:0px 0px;font-family:"微软雅黑";font-size:14px;border-bottom:1px solid #ffffff;margin-bottom:20px;position:relative}
.content h1 .ordersub{position:absolute;right:0px;bottom:5px;background:url(al.png) no-repeat;width:113px;height:34px;line-height:34px;}
.content h1 .ordersub a{color:#ffffff}

.more{float:left;height:26px;line-height:26px;font-size:14px;right:20px;bottom:3px;color:#fc4d00;position:absolute}
.more a{color:#fc4d00;font-weight:100}

.photolist ul{margin:0;padding:0;}
.photolist  LI{WIDTH:430px;FLOAT:left;padding:2px;margin:10px 8px;display:block;}
.photolist LI p{padding:5px;text-align:center}
.pages{text-align:center;clear:both;margin-top:10px;line-height:30px;}
.pages a{text-decoration:none;margin:0px 10px;width:auto; height:32px; line-height:32px; background:#e9090a; border:1px solid #ffffff; padding:5px; text-align:center; color:#fff}
.pages A:hover{ background:#d29300; color:#fff}

.bigimg{margin:0 auto; padding:10px; text-align:center;}
.bigimg img{max-width:800px;}

.nextphoto{clear:both}
.nextphoto a{width:100px;height:30px;background:#2f2f2f;color:#707070;text-align:center;line-height:30px;font-weight:bold}
.piece{float:left}
.next{float:right}
.picnews{ width:100%;}
.picnews ul li{ float:left; width:500px; margin-right:20px;}
.picnewsbox{ float:right;width:240px; height:180px;}
.picnews img{ width:210px; padding:5px; border:1px solid #ffffff; margin:5px; height:160px; float:left}
.picnewsitle{ font-size:14px; color:#6b340d; height:40px; line-height:40px; border-bottom:1px dotted #C1C1C1; font-weight:bold;}
.picnewsitle a{ color:#6b340d}
.picnewsdes{ font-size:12px; color:#434343; height:150px;}

.contents{font-size:14px;}
.pagestyle{clear:both}
.pagestyle a{height:25px;width:25px;background:#b10000;color:#2f2f2f;display:block;line-height:25px;float:left;margin:5px;text-align:center;font-weight:bold}
.pagestyle a:hover{color:#FFFF00}
.rm{ position:fixed; height:55px; width:100%; background:#ffffff; left:0px;  bottom:0px;}
.footer{TEXT-ALIGN:center;margin:0 auto;font-size:12px; z-index:999; border-top:5px solid #ECECEC; background:#982324; padding:10px 0px; height:auto;clear:both; position:relative; height:200px; min-width:1200px;}
.copyrightl{ width:150px; height:150px; background:url(footlogo.jpg) no-repeat; float:left; margin:0px 20px;}
.copyright{color: #ffffff;width:1200px;margin:0 auto;padding:5px 0px;position:relative; font-size:12px; text-align:left}
.copyrightc{ width:500px; float:left; height:11px; padding-top:40px; }
.copyrightr{ width:480px; float:right;background:url(ft02.jpg) no-repeat; height:150px;}
.copyright a{ color:#ffffff}

.menuL{padding:5px;width:180px;float:left; background:#EBEBEB; height:100%}
.menuR{padding:5px;width:180px;float:right}
.pagecontent{min-height:400px;line-height:24px;margin-bottom:20px;font-size:14px;}
.pagecontent img{ max-width:930px;}
.pagecontent td{padding:5px;}
.pagecontentw{width:880px;float:left}

/*图片列表样式*/
.cp_list{ width:100%; clear:both}
.cp_list  li{ width:210px; height:250px; float:left; text-align:center; background: #fff;  margin:5px;  overflow:hidden}
.cp_list li p{ padding-top:0px;}
.cp_list .imgbox,.cp_list .imgbox{ position: relative;}
.imgbox{ overflow:hidden; width:210px; height:245px; text-align:center; border:1px solid #EBEBEB}
.imgbox img { max-width:210px; max-height:220px;margin-top:2px; }
.imgbox .imga a{ WIDTH: 210px; height:220px; overflow:hidden; display:block;}
.imgbox .imga a:hover{}
.imgbox .imgb a{height:25px; line-height:25px; overflow:hidden; display:block; background: #442607; position:absolute; bottom:0px; left:0px; width:100%;white-space:nowrap; color:#03133e}
.imgbox .subtitle{position:absolute;left:0;bottom:-26px;height:25px;line-height:25px;width:100%;color:#000000;font-size:12px; background:#000000}
.imgbox .subtitlea{position:absolute;left:0;bottom:0px;height:25px;line-height:25px;width:100%;color:#ffffff;font-size:12px; background:#ebebeb}
.imgbox a{ color:#000000; font-size:12px;}



#sx{ text-align:center; margin-top:10px;}
#sx a{ width:auto; padding:5px 10px; border:1px solid #fff; margin:0px 10px; color: #585858}

.tags a{ display:block; border:1px solid #EBEBEB; background:#EDEDED; padding:0px 5px; margin:5px; height:24px; line-height:24px; color:#004080; width:198px; float: left}
.tagcontent{ background:none}
.tagcontent ul li{ width:540px;padding:5px; float:left; height:250px;}
.tagcontent .ta{ font-size:12px; font-weight:bold}
.tagcontent .ta a{color:#ff6f02; }
.tagcontent .text{ font-size:12px;}
.tt2{ color:#fff; height:40px; line-height:40px; font-size:18px; text-indent:2em;  width:1200px; margin:0 auto; background:#68b539 }
.simg{ width:250px; height:120px; float:left}

.links{ width:100%;position:relative}
.homet{ text-align:left; height:40px; line-height:40px;margin:10px auto;background: url(d2.png);  color:#ffffff; text-align:center}
.messc{ text-align:left; height:auto; line-height:30px;margin:5px auto;background: #fff; text-indent:2em; color:#000}


.news-list{text-align:left; width:580px; float:right}
.news-list li{height:auto;position:relative;height:30px;line-height:30px;background:url(dian.gif) no-repeat left;border-bottom:1px solid #E7E7E7;}
.news-list a{ color:#012a5b; font-size:16px;}
.news-list A:hover{ color:#988247}
.news-list li .date{ position:absolute; right:10px; color:#f7c54f}


.preview{overflow:hidden;clear:both; border:1px solid #D6D6D6; height:560px;}
.preview ul{ margin:0 auto}

.hidden{display:none;}
.scrolldoorFrame{margin:0px auto;overflow:hidden;}
.scrollUl{ border-bottom:2px solid #C1C1C1;background: url(b1.jpg); height:45px;}
.scrollUl li{ height:45px; line-height:45px; margin-top:1px;}

.sd01,.sd02{display:block; height:45px; line-height:45px; font-size:18px;  overflow:hidden; text-align:center  }
.sd01{ background: url(sd01.jpg); color:red; width:314px;float:left; height:50px; line-height:50px; font-weight:bold }
.sd02{  color:#021d39; width:221px; float:left}

.bor03{}
.cont{padding:5px 0px;}
.cont ul{margin:0;padding:0;}
.homenews{width:100%; height:180px; }
.homenews li{border-bottom:1px dotted #D6D6D6;text-indent:2em;position:relative;list-style: none;color:#ffb100; background:url(dian.gif) no-repeat 6px;}
.homenews li a{font-size:12px; color: #434343}
.homenews li .date{position:absolute;right:10px;font-size:12px;color: #ACACAC}

.anli{margin:8px 0px;  padding-bottom:5px;}
.anli li{ border-bottom:2px dotted #ECECEC; height:25px; line-height:25px;background:url(dian.gif) no-repeat 6px; text-indent:2em; list-style:none}


.xgcp{ width:400px; float: right}
.cpzs{ width:760px; float:left; border-left:1px solid #D6D6D6}

.maincontent{ width:960px;font-size:14px;line-height:25px; float:right;  padding:10px; min-height:320px;}
.leftnav{  width:200px; min-height:320px;margin-left:0px;  float:left; }
.leftnav  .one{ height:auto;line-height:30px; text-align:righr; font-size:12px; font-weight:bold; color:#071f61; margin-top:2px; text-indent:1em; width:100%; clear:both; border-bottom:1px solid #ECECEC; background:url(leftnavbg.jpg)}
.hid{ display:none}
.disp{ display:block}
.leftnav .one a{font-size:14px; font-weight:bold; color:#071f61; padding-left:15px;}
.leftnav .one A:hover{color:red; font-size:14px;}
.leftnav .two{ height:22px; line-height:22px; text-align:left; font-size:12px;   text-indent:3em; font-weight:normal}
.leftnav .two a{font-size:12px;  color:#000000;font-weight:normal}
.leftnav .two A:hover{color:red; font-size:12px;}

.toutiaopiclst{ width:100%}
.toutiaopiclst li{ position:relative}
.toutiaopiclstbox{ float:right;width:700px; height:140px;}
.toutiaopiclst img{ width:200px; padding:5px; border:1px solid #D6D6D6; margin:5px; height:120px; float:left}
.toutiaopiclstitle{ color:#004394; height:40px; line-height:40px; border-bottom:1px dotted #C1C1C1; font-weight:bold;}
.toutiaopiclstitle a{ color:#004394; font-size:16px}
.toutiaopiclst .toutiaopiclstdes{ font-size:12px;}


.qq{ width: auto; float: right; padding-top:30px;}





/* 基础移动端优先样式 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:1200px;}
.bannerx{  height: auto; width:100%; margin:0 auto; text-align: center; background: #D0D0D0   width: 100%;  }
.bannerx img{width: 100%; }
/* 响应式断点设置 */


@media (min-width: 768px) {  /* 平板设备 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:800px;}
}

@media (min-width: 1024px) { /* 小屏笔记本 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:960px;}
.bannerx,.bannerx img{width: 100%; max-width:100%;}
}

@media (min-width: 1280px) { /* 主流桌面 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:1200px;}
.bannerx,.bannerx img{width: 100%; max-width:100%;}
}

@media (min-width: 1440px) { /* 主流桌面 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:1200px;}
.bannerx,.bannerx img{width: 100%; max-width:100%;}
}

@media (min-width: 1920px) { /* 大屏显示器 */
.loc,.locbox,.main,.homemain,.home,.logobox{ width:1200px;}
.bannerx,.bannerx img{width: 100%; max-width:1200px;}
}

/* 现代布局方案 */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* 视口单位增强适配 */
.element {
  width: 100vw;
  height: calc(100vh - 60px);
  margin-left: calc(-50vw + 50%);
}

/* 基础重置 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  line-height: 1.5;
}

/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
}