/*全局样式*/

*{font-family:'Microsoft YaHei','Arial';}
*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{ width: 1400px;}
/*头部样式*/
body{ background: url(../images/bg.jpg) no-repeat center top;}
#header{ height: 90px;}
#header .wrapper{display: flex;align-items: center; height: 90px;}
#logo{ width: 436px; height: 42px; }
#logo img{width: 436px; height: 42px;}

/*首页样式*/
.main-top .wrapper{ display: flex; justify-content: space-between; gap:0 20px;}
#banner{width:1045px; height:380px; overflow:hidden; border-radius: 5px;}
#banner .swiper-wrapper{height:380px;}
#banner .swiper-slide{width:100%; height:380px;}
#banner .swiper-slide img{width:100%; height:380px;}
#banner .swiper-pagination{right:20px; bottom:20px;  display:flex;  justify-content:end; gap:0 12px; width:auto;}
#banner .swiper-pagination-bullet{width:10px; height:10px; margin:0; background:rgba(0,0,0,0.3); border-radius:20px; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet-active{background:#0674c3;}
.notice{width: 334px; background: #fff; border-radius: 5px;height:380px; overflow: hidden;}
.notice .notice-title{ border-bottom: 1px #e5e5e5 solid; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #333; position: relative; padding-left: 30px;}
.notice .notice-title:before{ content: ''; position: absolute; top: 15px; left: 15px; width: 5px; height: 20px; background: #0674c3;}
.txtMarquee-top{ width:334px;  overflow:hidden;  padding: 15px;}
.txtMarquee-top .infoList li{ height:30px; line-height:30px;}
.txtMarquee-top .infoList li a{ background: url(../images/jt-icon.png) no-repeat 0 center; padding-left: 20px; display: flex; justify-content: space-between; }
.txtMarquee-top .infoList li a em{flex: 1;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.txtMarquee-top .infoList li .date{color:#999;  width: 50px;  margin-left: 15px;}
.txtMarquee-top .infoList li a:hover{ color: #0674c3;}
.zhaobiao-list{ margin-top: 20px;}
.zhaobiao-list ul{ display: flex; gap:20px; flex-wrap: wrap;}
.zhaobiao-list ul li{ border: 1px #dcdcdc solid; border-radius: 5px; background: #fff; overflow: hidden; width: 335px; height: 247px;}
.zhaobiao-list ul li .web-img{ width: 315px; height: 177px;  margin: 10px;overflow: hidden; position: relative; border: none; }
.zhaobiao-list ul li .web-img iframe.scale-iframe{  border: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(var(--scale)); /* 居中+比例缩放 */
transform-origin: center; /* 缩放原点：中心（更协调） */
/* 关键：设置嵌套网站的原始宽高比（这里以 16:9 为例） */
width: 1260px;  /* 原始宽度（可按比例调整，如 1600=16×100） */
height: 800px;  /* 原始高度（900=9×100），保持 16:9 比例 */
   }

.zhaobiao-list ul li span{ display: block; border-top: 1px #dcdcdc solid; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #333;}
.zhaobiao-list ul li span a{ color: #333;}
.zhaobiao-list ul li span a:hover{ color: #0674c3;}
.c-banner{ width: 100%; margin: 20px auto;}

.jingji-list .wrapper{ display: flex; justify-content: space-between;} 
.jingji-list .wrapper .left{ width: 690px;}
.jingji-list .wrapper .left ul{ display: flex; gap:20px; flex-wrap: wrap;}
.jingji-list .wrapper .left ul li{ border: 1px #dcdcdc solid; border-radius: 5px; background: #fff; overflow: hidden; width: 335px; height: 247px;}
.jingji-list .wrapper .left ul li .web-img{ width: 315px; height: 177px;  margin: 10px;overflow: hidden; position: relative; border: none; }
.jingji-list .wrapper .left ul li .web-img iframe.scale-iframe{  border: none;
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(var(--scale)); transform-origin: center; 
width: 1260px; height: 800px;  }
.jingji-list .wrapper .left ul li span{ display: block; border-top: 1px #dcdcdc solid; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #333;}
.jingji-list .wrapper .left ul li span a{ color: #333;}
.jingji-list .wrapper .left ul li span a:hover{ color: #0674c3;}
.jingji-list .wrapper .right{ width: 690px; height: 515px;border: 1px #dcdcdc solid; border-radius: 5px; background: #fff; }
.jingji-list .wrapper .right .web-img{ width: 670px; height: 447px;margin: 10px;overflow: hidden; position: relative; border: none; }
.jingji-list .wrapper .right .web-img iframe.scale-iframe{  border: none;
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(var(--scale)); transform-origin: center; 
width: 1260px; height: 800px;  }
.jingji-list .wrapper .right span{ display: block; border-top: 1px #dcdcdc solid; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #333;}
.jingji-list .wrapper .right span a{ color: #333;}
.jingji-list .wrapper .right span a:hover{ color: #0674c3;}
.shangcheng-list{ margin-bottom: 30px;}
.shangcheng-list ul{ display: flex; gap:20px; flex-wrap: wrap;}
.shangcheng-list ul  li{ border: 1px #dcdcdc solid; border-radius: 5px; background: #fff; overflow: hidden; width: 264px; height: 225px;}
.shangcheng-list ul  li .web-img{ width: 244px; height: 155px;  margin: 10px;overflow: hidden; position: relative; border: none; }
.shangcheng-list ul  li .web-img iframe.scale-iframe{  border: none;
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(var(--scale)); transform-origin: center; 
width: 1260px; height: 800px;  }
.shangcheng-list ul  li span{ display: block; border-top: 1px #dcdcdc solid; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #333;}
.shangcheng-list ul  li span a{ color: #333;}
.shangcheng-list ul  li span a:hover{ color: #0674c3;}

#footer{ background: #eee; padding: 30px 0;}
#footer .footer-top{text-align: center; font-size: 14px; color: #666;} 
#footer .footer-top a{ padding: 0 2px;font-size: 14px; color: #666;}
#footer .footer-top a:hover{  color: #0674c3;}
#copyright{ text-align: center;font-size: 14px; color: #999; line-height: 30px; padding-top: 15px; }
#copyright a{ display: block;font-size: 14px; color: #999;}





@media (max-width:1440px) {
  .wrapper {width: 1200px; transition: 0.5s all;}
  #banner{width:866px; height:315px; overflow:hidden; border-radius: 5px;}
#banner .swiper-wrapper{height:315px;}
#banner .swiper-slide{width:100%; height:315px;}
#banner .swiper-slide img{width:100%; height:315px;} 
.notice{height:315px; overflow: hidden;}  
.zhaobiao-list ul li{ width: 285px; height: 218px;}  
.zhaobiao-list ul li .web-img{ width: 265px; height: 150px;}  
.jingji-list .wrapper .left ul li{ width: 285px; height: 218px;}  
.jingji-list .wrapper .left ul li .web-img{ width: 265px; height: 150px;}
.jingji-list .wrapper .right{ width: 590px; height: 456px;}
.jingji-list .wrapper .right .web-img{ width: 570px; height: 388px;}
 
.shangcheng-list ul li{ width: 224px; height:175px;}
.shangcheng-list ul li .web-img{ width: 204px; height: 115px;}
 
 
 
    
}