@charset "utf-8";
/* CSS Document */

/* 基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-family:微软雅黑;
}

body {
	line-height:35px;
	color: #333333;
	background-color: #f9f9f9;
	font-size:15px;
}
ul, li {list-style: none; text-decoration: none;} 

a { text-decoration: none;  }


/*导航*/

/*头部结束 */


/*中间内容*/
.line1 { width: 100%; display: flex; justify-content: center; background:url(../images/nbg.png) center bottom; background-size: cover; padding-bottom: 50px;} 
.news { width: 1400px;  flex:0 1 auto; }
.news_title { width: 100%;  display: flex; flex-flow: row nowrap; justify-content: center;  align-items: center;  position: relative; margin: 26px 0px;  }
.news_bt { max-width: 510px;  display:flex; flex:0 1 auto; }
.news_bt img { width:100%; display:flex; flex: 0 1 auto;}
.more { align-items:center;  position: absolute; right: 0;  flex:0 1 auto;}
.more img {flex:0 1 auto;}
.newsbox { width: 100%; align-content: stretch; flex-flow: row nowrap; display: flex; justify-content: space-between;}
.newsjdt { width: 100%; max-width: 675px; flex: 0 1 auto; margin-right: 50px;}

/*NEWSs_box_list 开始*/
.news_box_list {width: 100%; max-width: 675px;  flex-flow: column wrap;  flex: 0 1 auto; align-content:space-between;}
.news_box_list ul {width: 100%; display: flex; flex-flow: column wrap; align-content:space-between;}
.news_box_list ul li {width: 100%; max-height: 80px; overflow: hidden;  font-weight: bold; display: flex;  flex-direction: column;  margin-bottom: 18px;  background:url(../images/listnewBJ.png) no-repeat left center; background-size:cover; }
.news_box_list ul li a { padding: 10px 3%;}
.news_box_list ul li:hover a {background: #1991b2; border-top-left-radius: 35px; border-bottom-right-radius: 35px; }
.newstext  {width: 100%; color: #333333; line-height: 30px; height: 30px; overflow: hidden; font-size: 1.2em;}
.time  {width: 100%; color: #1991b2; line-height: 30px; font-size: 1.067em; font-family:"Georgia"; }
.news_box_list ul li:hover  .newstext { color:#ffffff;}
.news_box_list ul li:hover  .time { color:#ffffff;}

/*NEWSs_box_list 结束*/

/*line2 通知公告，教育教学 START*/
.line2 { width: 100%; display: flex; justify-content:center;  background: url(../images/m2bg.png) center top; background-size:cover;}
.mainbox2 { width: 1400px; display: flex; flex-flow:row nowrap; justify-content:space-between; flex:0 1 auto; margin:20px 0px 35px;}
.tzgg_box { width: 100%; max-width: 675px; flex: 0 1 auto;}
.margin_right { margin-right: 50px;}
.tzgg_title { width: 100%; max-width: 675px; display: flex; flex: 0 1 auto; justify-content:space-between;}
.tzgg_bt { max-width:251px;  display:flex; flex:0 1 auto;}
.tzgg_bt img { width:100%; display:flex; flex: 0 1 auto;}
.tzgg_more { display: flex; align-items: center;}
.tzgg_box ul { width: 100%; display: flex; flex-flow: column wrap; margin-top: 35px; }
.tzgg_box ul li { margin-bottom: 35px; max-height: 74px; overflow: hidden; }
.tzgg_box ul li a { width: 100%; display: flex; flex-flow: row nowrap; font-weight: bold; max-height: 74px; overflow: hidden; }
.tzgg_time { width: 84px;font-weight: bold; text-align: center; margin-right: 25px;}
.day { width: 84px; display: block; line-height: 42px; font-size: 2em; font-family:"Georgia"; color:#ffffff ; background-color: #1991b2; border-radius: 3px;  }
.year { width: 84px; display: block; line-height: 32px; font-size: 1.07em; font-family:"Georgia"; color:#1991b2 ; background-color: #ffffff; border-radius: 3px;  }
.tzggtext { font-size: 1.2em; line-height: 35px; max-height: 74px; padding: 2px 0px; overflow: hidden;  display: flex; align-items:flex-start; color: #333333; }
.tzgg_box ul li:hover .tzggtext { color:#1991b2 ;}





/*line4 科研进展 START*/

/* 重置样式 */
.line4 { width: 100%; display: flex; justify-content:center;  background: url(../images/m4bg.png) center top; background-size:cover;}
/* 轮播容器 */
.kyjz_list {  width: 100%; max-width: 1400px; padding-bottom: 55px; margin:0 aut;}
.kyjz_box4 { width: 100%; max-width: 1400px; margin-bottom: 45px; }
 /* 轮播项 */
.kyjz_swiper_slide { width: 100%; max-width:453.33px;  max-height: 460px; overflow: hidden; transition: transform 0.3s ease;  }  
.kyimg { width: 100%;  height:325px;  overflow: hidden; }
.kyimg img { width: 100%; height: 100%; object-fit: cover;  transition: transform 0.5s ease;}
.kyjz_swiper_slide:hover .kyimg img { transform: scale(1.05); }
.kyjz_swiper_slide a { text-decoration: none; display: block; color: inherit; }
 /* 标题区域 */
.kyimgtitle { font-weight: bold;}
.kytime2 {  line-height: 30px;  overflow: hidden;  font-size: 1.067em; font-family:"Georgia"; color: #ffffff; padding: 10px 3px; }
.kytitle {font-size: 1.2em; line-height: 30px; max-height: 60px;  overflow: hidden;   color: #ffffff; display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}


        
 /* 导航按钮 */
.kyjz_box4 .swiper-button-next,
.kyjz_box4 .swiper-button-prev {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top:35%;
}
    
.kyjz_box4  .swiper-button-next:after,
.kyjz_box4  .swiper-button-prev:after {
        font-size: 20px;
 }

/* 分页器 */
.kyjz_box4  .swiper-pagination-bullet {
    background: white;
    opacity: 0.6;
    width: 12px;
    height: 12px;
}

.kyjz_box4 .swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1;
}

/* line5 师生风采*/


.line5_6{ width: 100%; display: flex;  flex:0 1 auto;   position: relative; z-index: 1; background:#ecfdff  url(../images/m5bg.png) center; background-size:cover; }
.line5_6_bj { width: 100%; display: flex; flex:0 1 auto; flex-flow: row nowrap;    background: url(../images/m5bg1.png) no-repeat center top;  background-size: cover; }
.line5_box { width: 100%;  margin: 0  auto;  justify-content: center; margin:0 auto 2.5%; } 
.ssfc_box5  { max-width: 1400px;  margin: 0  auto; flex:0 1 auto; overflow: hidden;}



 /* 核心样式 */
    .marquee-container {
        width: 100%;
        max-width: 1400px;
        position: relative;
        padding: 1.5rem 0;
        overflow: hidden;
        -ms-transform: translateZ(0); /* 兼容IE硬件加速 */
        transform: translateZ(0);
    }

    .marquee-track {
        display: flex;
        *display: inline-block; /* 兼容IE7-8 flex布局 */
        *zoom: 1;
        flex-flow: row nowrap;
        position: relative;
        -ms-transform: translateX(0); /* 补全IE前缀 */
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .marquee-item {
        width: 255px;
        margin: 0 1.2rem;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        -ms-transition: transform 0.3s ease; /* 补全过渡前缀 */
        -webkit-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        flex-shrink: 0;
        *float: left; /* IE7-8 浮动替代flex */
        background: #fff; /* 替换backdrop-filter，兼容不支持模糊的内核 */
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .marquee-item:hover {
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .marquee-item img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        display: block;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .marquee-title {
        padding: 0.8rem;
        text-align: center;
        font-weight: 600;
        font-size: 1.1rem;
        color: #1991b2; /* 使用十六进制颜色确保兼容 */
        *font-weight: bold; /* IE7-8 加粗兼容 */
        font-family: "Microsoft YaHei", "SimHei", "Arial", sans-serif; /* 强制使用系统中文字体 */
    }

    /* 遮罩样式（补全渐变前缀） */
    .marquee-mask {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100px;
        pointer-events: none;
        z-index: 5;
        background: transparent; /* 重置背景 */
    }

    .mask-left {
        left: 0;
        background: -ms-linear-gradient(to right, #1a2a6c, transparent);
        background: -webkit-linear-gradient(to right, #1a2a6c, transparent);
        background: linear-gradient(to right, #1a2a6c, transparent);
    }

    .mask-right {
        right: 0;
        background: -ms-linear-gradient(to left, #1a2a6c, transparent);
        background: -webkit-linear-gradient(to left, #1a2a6c, transparent);
        background: linear-gradient(to left, #1a2a6c, transparent);
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .marquee-item {
            width: 250px;
        }
        
        .marquee-item img {
            height: 280px;
        }
        
        .marquee-mask {
            width: 50px;
        }
    }

    @media (max-width: 480px) {
        .marquee-item {
            width: 220px;
        }
        
        .marquee-item img {
            height: 260px;
        }
    }
/*友情链接*/
.line6_box { width: 100%; display: flex;  flex:0 1 auto;  justify-content: center; margin-top: 5px;   position: relative; } 
.yqlj_box { width: 1400px; padding-bottom: 2%;  height: 100%; max-height: 575px; flex-flow: column wrap;  flex:0 1 auto; background-size:100%;}
.yqlj_title { width: 100%;  display: flex; flex-flow: row nowrap; justify-content: center;  align-items:flex-start; margin: 0px 0px 5px;   }
.yqlj_bt { max-width: 510px;  flex:0 1 auto; }
.yqlj_bt img { width:100%; display:flex;flex: 0 1 auto;}
.yqlj_list { width: 100%;  max-width: 1400px;  display: flex; flex:0 1 auto;justify-content:center; }

.yqlj_item {
            width: 100%; 
            display: flex;
            flex-wrap: wrap;
            justify-content:space-between;
            list-style: none;
        }
        
        .yqlj_item li {
            width:8%;
  
            margin: 15px;
            text-align: center;
        }
        
        
        .yqlj_item a {
            display: block;
            text-decoration: none;
            color: #333;
            transition: all 0.3s ease; 
      
        }
        
        .yqlj_item a:hover {
            transform: translateY(-5px);
          
           
        }
        
        .yqlj_item span {
            display: block;
            width: 100%;
            padding-bottom: 100%; /* 创建正方形区域 */
            position: relative;
            overflow: hidden;
            border-radius: 50%; /* 圆形效果 */
            margin: 0 auto 15px;
            transition: all 0.3s ease;
        }
        
        .yqlj_item a:hover span {
           
        }
        
        .yqlj_item img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 图片自适应填充 */
            transition: all 0.5s ease;
        }
        
        .yqlj_item a:hover img {
            transform: scale(1.1);
        }
        
        .yqlj_item p {
            font-size: 1rem;
            font-weight: 500;
            margin-top: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .note {
            text-align: center;
            margin-top: 30px;
            color: #666;
            font-size: 0.9rem;
        }


/* footer */
footer { width: 100%; display: flex; flex: 0 1 auto; flex-flow: row nowrap; justify-content: center; background:url(../images/fbg.png) no-repeat left top; background-size: cover;}
.foot { width: 1400px; flex-flow: column wrap; flex: 0 1 auto; margin:0px 0px 50px;}
.foot_top {margin-top: 60px; display: flex; justify-content: center;}
.cyxt_item { width: 90%; display: flex;  justify-content: space-between;}
.cyxt_item li { line-height: 40px; margin: 0 20px; flex: 0 1 auto; font-size: 1.2em; color: #ffffff; font-weight: bold;}
.cyxt_item li a { color: #ffffff;}
.foot_bottom { width: 100%; display: flex; flex:0 1 auto; justify-content:space-between; margin-top: 40px;}
.foot_logo  {width: 100%; max-width: 457px; height: 100%; display: flex; flex:0 1 auto; justify-content: flex-start;}
.foot_logo img{ width: 100%; max-width: 510px; object-fit: contain;}
.foot_bq { max-width:500px; line-height: 35px; font-size: 16px; color: #ffffff; font-weight:bold;  margin-left: 50px; margin-right: 50px;} 
.foot_ewm  {width: 100%; max-width: 134px; height: 100%; display: flex; flex:0 1 auto; justify-content: flex-start;}
.foot_ewm img{ width: 100%; }



/*  *** list子页面开始 ***  */
.zy_banner {  width: 100%;  height: 50vh;  overflow: hidden;  _height: 50vh; /* IE6 hack */}
.zy_banner img  { width: 100%; height: 100%;}


.main_zy {width: 100%; display: flex; flex-flow: row wrap; justify-content: center; /*background:url(../images/m5bg.png) no-repeat center top; background-size: cover; padding-bottom: 3%;*/}


.main_zydqwz { display: flex; width: 1380px; flex: 0 1 auto; font-size: 1em; color: #333333; line-height: 65px; overflow: hidden; }
.main_zydqwz a { color: #000;}
.main_zybox { display: flex; width:100%; max-width: 1400px; flex: 0 1 auto; justify-content: space-between;}
.main_zyleft {width: 22%; display: flex; flex:1 1 auto; margin-right:3%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); flex-flow: column wrap; background-color: #fff; background:url(../images/zyzst.png) no-repeat center bottom;  background-size: 100%; }
.main_zyleft h3 {  width: 100%; display: flex; border-top-left-radius:15px; border-bottom-right-radius:15px; height: 70px;  font-size: 1.6em; color: #ffffff; background: #1991b2; justify-content: center; align-items: center;}
.main_zyleft ul  {width: 100%; display: flex; flex-flow: column wrap;  align-content: center; padding: 5% 0px 35%; }
.main_zyleft ul li  {  width: 90%; margin:0 auto; display: flex; border-bottom: 1px solid #aad6e3; font-weight:bold; font-size: 1.2em; height: 70px; align-items: center; justify-content: center;  color: #333333;}
.main_zyleft ul li a {  display: flex; color: #636363;  }
.zylmmc { min-width: 130px; display: flex; position: relative; color:#333333; font-size:1.6em; margin-bottom: 15px; height: 30px; font-weight: bold; align-items: center; overflow: hidden;}
.zylmmc a { display: flex; color:#333333; flex: 0 1 auto;}
.zylmmc a::before { width: calc(100% - 130px);  border: 1px solid #e5e5e5;  display: flex; flex: 0 1 auto; position: absolute; content: "";   top: 50%; right: 0; transform: translate( -50%  0) ;  }
.main_zyright  {width:75%; display: flex; padding:2% 35px; flex:1 1 auto;  flex-flow: column wrap; background:rgba(255, 255, 255, 0.3);   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.main_zyright_list { display: flex; width: 100%; flex: 0 1 auto;  flex-flow: column wrap;}
.main_zyright_list ul { display: flex; flex-flow: column nowrap; width: 100%; flex: 1 1 auto;}
.main_zyright_list ul li { background: url(../images/gzdt_ico.png ) no-repeat left center; display: flex; justify-content: space-between; width: 100%; font-size: 1.1em; line-height: 65px; height: 65PX; overflow: hidden;  color: #333333; border-bottom: 1px dashed #CCC ;}
.main_zyright_list ul li a { width: 80%; overflow: hidden; color: #333333; padding-left: 3%; }
.on  { 
  color: #ffffff !important;
  border-radius: 8px;
  background: #f1ac40;
}
.main_zyleft ul li:hover 
{  color: #000;
  border-radius: 8px;
  background: #f1ac40;
 }

.main_zyleft ul li:hover a  {  color: #ffffff;}

/*  *** piclist子页面开始 ***  */
.main_zyright_piclist { display: flex; flex-flow: column  nowrap; flex:0 1 auto; justify-content: center;}
.main_zyright_piclist ul { display: flex; flex-flow: row wrap; flex:0 1 auto; justify-content: space-between; align-items: flex-start;}
.main_zyright_piclist ul li { width: 48%; display: flex; flex-flow : row wrap; flex:0 1 auto; position: relative; margin:30px 0 0;  border-bottom: 5px solid #1991b2;}
.picitem { width: 100%; display: flex; flex:0 1 auto;}
.picitem img{ width: 100%; display: flex; flex:0 1 auto; }
.pictitle { width: 100%; height: 60px; display: flex; align-items: center; overflow: hidden; position: absolute; bottom: 0px; background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4)); color:#fff; font-weight: bold; justify-content: center; font-size: 1.6em; text-align: center; }
 
/*  *****内容页***** */
.main_zyright_contect { width: 100%; display: flex;  flex-flow: column wrap;  flex: 0 1 auto; align-content: center; justify-content: center; }
.main_zyright_contect h3 { width: 100%; display:flex; flex:0 1 auto; text-align: center; justify-content: center;  font-size: 1.6em;}
.fbxx { width: 95%; display:flex; flex:0 1 auto; line-height: 40px; font-size: 1em; justify-content: center;  margin: 30px auto;}
.fbtime {display: flex; flex-flow: 0 1 auto; margin-right: 50px;}
.content_text { width:100%;}

.content_text p { line-height: 43px ; font-size: 16px !important; color: #333333; width: 100%;/* display: flex; flex: 0 1 auto;*/ text-indent: 2em; }
.content_text p img {text-indent: 0em; max-width:100%; margin-top:15px}

#vsb_content_4 span { line-height: 43px !important; font-size: 16px !important; }


/*  *****师资队伍***** */
.main_zyright_szdwlist { display: flex; flex-flow:column wrap; flex:0 1 auto; justify-content: center;}
.main_zyright_szdwlist ul {  display: flex; flex-flow: row wrap; flex:0 1 auto; justify-content:space-between;}
.main_zyright_szdwlist ul li {width: 48%; display: flex; margin:30px 0px;    padding: 20px; background: #f1f1f1;}
.main_zyright_szdwlist ul li a { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; color: #333333; }
.teacherimg { width: 120px; height: 150px; display: flex;   flex: 0 1 auto;}
.teacherimg img { width: 100%; border-radius: 6px;}
.teacherjj { width: 65%; min-width:202px; display: flex; flex-flow: column wrap; align-content: flex-start;  }
.teacherjj_item h3 { width: 100%; display: flex; flex-flow: row nowrap; /*font-weight:400;*/ font-size:1em; line-height: 37px; }
.teacherjj_item { width: 100%; display: flex; height: 37px; line-height:37px; overflow:hidden;  align-content: center; flex-flow: row nowrap;}


/* 响应式设计 */
@media (max-width:1380px) {
 .head, .news, .mainbox2, .kyjz_list, .line5_box, .yqlj_box, .foot ,nav { max-width: 90%; }
 .main_zy { max-width: 100%; padding: 0px 5%; }
}
 
/* 响应式调整 */
@media (max-width: 1200px) {
    .main-swiper {
        height: 450px;
    }
   .main_zyright_szdwlist ul { flex-flow:column nowrap;}
   .main_zyright_szdwlist ul li { width:100%; flex:0 1 100%;}
}


@media (max-width:1028px) {

   .yqlj_bt { max-width: 365px;  flex:0 1 auto; }
   .news_bt { max-width: 365px;  flex:0 1 auto; }
   .tzgg_bt { max-width: 200px;  flex:0 1 auto; }
   
}


@media (max-width: 992px) {
    .main-swiper {
        height: 400px;
    }

   .main_zyright {
    padding: 2% 15px;
   }
#vsb_content_4 TABLE TD IMG {
    border-bottom-style: none;
    border-right-style: none;
    margin: 5px;
    border-top-style: none;
    border-left-style: none;
    width: 100% !important;
    height: auto !important;
}

 }

/* 桌面：2列布局 */
@media (min-width:769px) and  (max-width: 992px) {
   
    .foot { margin: 20px;}
    .foot_bottom { flex-flow: row wrap; flex: 1 1 100%; margin-top: 20px;  }
    .foot_logo { width: 100%; flex:0 1 100%; display: flex; justify-content: center;}
    .foot_logo img{ width: 100%; }
    .foot_bq { flex:0 1 60%; margin: 30px 0px 0; font-size: 16px; font-weight: bold; display: flex; justify-content: center;} 
    .foot_ewm  {width: 18%; max-width: 120px; margin: 30px 0px;  align-self:center; display: flex; flex:0 1 auto; justify-content: flex-start;}
    .foot_ewm img{ width: 100%;  }
    .main_zybox { flex-flow: column; flex: 1 1 100%;}
    .main_zyleft { display: none; }
    .main_zyright { width: 100%;  flex: 1 1 100%; }
    .main_zyright_szdwlist ul li { width: 100%; flex: 1 1 100%;}
    .yqlj_title {  margin: 3px 0px 25px;  }
    .yqlj_item li p  { padding-top: 0px;}
    .kyjz_swiper_slide { width: 50%; max-width: 100%; }
    .kyimg { width: 100%; flex:1 1 auto; }
}


/* 移动端：垂直堆叠 */
@media (max-width: 768px) {
    .main-swiper {
        height: 350px;
    }
    
    .thumbs-container {
        padding: 0;
    }
  .yqlj_title {  margin-bottom:25px;  }



/*页面样式*/
    .zy_banner {  width: 100%;  height: 35vh;  overflow: hidden;  _height: 50vh; /* IE6 hack */}
    .newsbox { flex-flow: column wrap;}
    .mainbox2 { flex-flow: column wrap;}

    .yqlj_item { flex-flow: row wrap; display: flex; width: 100%;   justify-content: space-between; align-content: space-between; } 
    .yqlj_item li {  display: flex; flex:0 1 30%; margin:0% 0% 3%; justify-content:center;}
    .yqlj_item li span { width:100%; margin:0 auto; }
    .yqlj_item li span img { width: 100%;  margin:0 auto;}
    .yqlj_box {  background: none; flex:1 1 auto; margin-bottom: 3%; }

    .yqlj_item li p { padding-top:15px; }
    .cyxt_item { width: 100%; display: flex; flex-flow: row wrap;  justify-content: space-evenly;}
    .cyxt_item li {  margin: 8px 20px; flex: 0 1 auto;}

    .foot { margin: 20px;}
    .foot_top {margin-top: 30px;}
    .foot_bottom { flex-flow: row wrap; flex: 1 1 100%; margin-top: 20px;  }
    .foot_logo { width: 100%; flex:1 1 100%;}
    .foot_logo img{ width: 100%; object-fit: contain;}
    .foot_bq { flex:0 1 60%; margin: 30px 0px; font-size: 16px; font-weight: bold;} 
    .foot_ewm  {width: 80%; max-width: 120px; margin: 30px 0px;  align-self:center; display: flex; flex:0 1 auto; justify-content: flex-start;}
    .foot_ewm img{ width: 100%;  }

    /*子页*/
    .main_zybox { flex-flow: column; flex: 1 1 100%;}
    .main_zyleft { display: none; }
    .main_zyright { width: 100%;  flex: 1 1 100%; }
    .main_zyright_piclist ul li { width: 100%; }
    .main_zyright_szdwlist ul li { width: 100%; flex: 1 1 100%;  flex:1 1 auto;}

    .kyjz_swiper_slide { width: 100%; max-width: 100%; }
    .kyimg { width: 100%; flex:1 1 auto; }


    .xsdt_list { width:100%; max-width: 100%; flex:1 1 auto; }
    .xsdt_titimg { width: 100%; flex:1 1 auto;}
    .news, .mainbox2, .kyjz_list, .line5_box, .yqlj_box, .foot { max-width: 90%;}

}

@media (max-width: 576px) {
    .main-swiper { height: 300px;}
    .yqlj_box {   flex:1 1 auto; margin-bottom: 3%; }
    }
    
    
    
    .slide-caption {
        font-size: 1em;
        padding: 10px;
    }
    
    .ssfc-container  .swiper-button-next,
    .ssfc-container .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    
    .ssfc-container .swiper-button-next::after,
    .ssfc-container .swiper-button-prev::after {
        font-size: 16px;
    }


    @media (max-width:480px) { 
 
    .yqlj_box {   flex:1 1 auto; margin-bottom: 3%;  }
    .main_zydqwz {  font-size: 12px;}
}