@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;min-width:1400px;}
a{color:#333;text-decoration:none}
a:hover{color:#0e5ccf;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1400px; margin:0 auto; position:relative;}

.boxMo{ min-width:1400px;}
.marB40{ margin-bottom: 40px;}
.marT50{ margin-top: 50px;}
.marT100{ margin-top: 150px;}
.marT20{ margin-top: 20px;}
.marB20{ margin-bottom: 20px;}
.w400{ width: 400px;}
.w770{ width: 700px;}
.w680{ width: 680px;}
.w780{ width: 780px;}
.hide{ display:none; }

.topbar{ background:#0e5ccf; height:82px; position: absolute; top:0;z-index: 3; width: 100%;}
.logo{ position: absolute; top:0; left:0; z-index: 4;}
.logo img{ width: 100%; height: 100%;}
.nav { position: absolute; height:87px;text-align:center; margin: 0 auto 0; right:0;}
.nav_tem {position: relative; float:left;}
.nav_t {width: 115px; text-align: center;
    position: relative;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    cursor: pointer;
}
.nav_t a {
    color: #fff;
}
.nav_t a:hover{
    color: #fff; text-decoration: none;
}
.nav_t:hover{ font-weight: bold; background: url(nav_list_li.png) no-repeat center bottom;}
.nav_list {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    width: 115px;
    background-color: #0f62ea;
    z-index: 3;
}
.nav_list li {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background: url(nav_list_li.png) no-repeat center top;
}
.nav_list li a{color: #fff;}
.nav_list li a:hover{color: #7bfdff;font-weight: bold; text-decoration: none;}
.nav_tem.selected .nav_list{ display: block;}

/* 弹窗遮罩层 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色 */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(2px); /* 可选：背景模糊效果 */
}

/* 弹窗容器 */
.modal-box {
    width: 400px;
    height: auto; 
    background: url(tanchuan.png) no-repeat center top;
    background-size: 100% 100%;
    padding: 30px;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    animation: modalFadeIn 0.3s ease; /* 弹窗淡入动画 */
}

/* 弹窗关闭按钮 */
.modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}

.modal-close:hover {
    color: #ff4444;
}

/* 弹窗内容样式 */
.modal-title {
    font-size: 22px;
    font-weight: bold;
    color: #212529;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.modal-desc {
    font-size: 16px;
    color: #495057;
    line-height: 1.6;
    text-align: justify;
}

/* 弹窗淡入动画 */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.toutu .swiper {position: relative;
    width: 100%;
    height: 100%;
}

.toutu .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toutu .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.toutu .swiper-button-next{background: url(arr-r.png) no-repeat 0 0; width: 54px ! important; height:52px ! important; right: 5% ! important;}
.toutu .swiper-button-prev{background: url(arr-l.png) no-repeat 0 0; width: 54px ! important; height:52px ! important; left: 5% ! important;}
.toutu .swiper-button-next:after, .swiper-button-prev:after{display: none;}
.toutu .swiper-pagination{display: none;}

.toutu .daohang{ position: absolute; bottom:50px; z-index: 5; width: 100%;}
.toutu .daohang ul{ width: 1440px; margin: 0 auto;}
.toutu .daohang li{ float: left; width: 140px; margin: 0 10px;}

/* -------- 图片新闻 ------- */
.tpxw{width: 1420px; margin: 0 auto;}
.line-title {
  position: relative;
  width: 400px;
}
.line-title::before,
.line-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  border-radius: 2px;
}
.line-title::before {
  width: 100%;
  background: #f2f2f2;
}
.line-title::after {
  width: 32px;
  background: #e73700;
}

				/* 容器：横向排列 + 间距 */
        .image-group {
            display: flex;
            gap: 30px;
            overflow: hidden;
        }

        /* 图片项基础样式：固定高度 + 宽度过渡 + 相对定位（承载标题） */
        .image-item {
            height: 418px;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            transition: width 0.3s ease;
            position: relative;
            width: 295px; /* 默认宽度（除了左侧初始态） */
			-webkit-transition: all 0.4s ease-in-out;
			background: #1b3357;
        }

        /* 左侧图片初始宽度 */
        .image-item.left {
            width: 744px;
        }
		.image-item.active{border:3px solid #6aa6ff; }
		.image-item.active img{opacity:1;height:412px;}
        /* 图片样式：填充容器 */
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
			opacity:0.5;
        }

        /* 标题样式：底部绝对定位 + 默认隐藏（除了激活态） */
        .item-desc {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 16px;
            background-image: linear-gradient(rgba(14, 92, 207, 0), rgba(14, 92, 207, 1)); /* 渐变背景提升可读性 */
            color: #fff;
            margin: 0;
            display: none; /* 默认隐藏标题 */
        }
        .item-desc h3 {
            margin: 0;
              font-size: 22px;
			font-weight: normal;
			color: #fff;
        }
		.item-desc h3 a{ color:#fff;}

        /* 激活态：显示标题 */
        .image-item.active .item-desc {
            display: block;
        }

/******* Middle section CSS Start ******/
/* -------- Landing page ------- */
.game-section {
  padding: 50px 0;
}
.game-section .owl-stage {
  /* margin: 15px 0; */
  display: flex;
  display: -webkit-flex;
}
.game-section .item {
  margin: 0 15px 0;
  width: 295px;
  height: 418px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background: #343434 no-repeat center center / cover;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.game-section .item.active {
  width: 744px; border:3px solid #bed8ff;
}
.game-section .item:after {
  content: "";
  display: block;
  position: absolute;
  height: 30%;
  width: 100%;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(14, 92, 207, 0), rgba(14, 92, 207, 1));
}
.game-section .item-desc {
  /* padding: 0 24px 12px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 54px));
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; */
}
.game-section .item.active .item-desc h3{ font-size: 22px; font-weight: normal; color: #fff;}
.game-section .item .item-desc h3 a{ color: #fff;}
.game-section .item .item-desc h3{ font-size: 0;}
.game-section .item.active .item-desc {
  font-size: 22px; font-weight: normal;
  transform: none;
  -webkit-transform: none;
   padding: 0 24px 12px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 54px));
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.game-section .item-desc p {
  opacity: 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  transition: all 0.4s ease-in-out 0.2s;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
}
.game-section .item.active .item-desc p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.game-section .owl-theme.custom-carousel .owl-dots {display: none;
  margin-top: -20px;
  position: relative;
  z-index: 5;
}
/******** Middle section CSS End *******/

/***** responsive css Start ******/

@media (min-width: 992px) and (max-width: 1199px) {
  h2 {
    margin-bottom: 32px;
  }
  h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 50px 30px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 260px;
    height: 360px;
  }
  .game-section .item.active {
    width: 400px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 46px));
    -webkit-transform: translateY(calc(100% - 46px));
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  h2 {
    margin-bottom: 32px;
  }
  h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .line-title {
    width: 330px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 50px 30px 40px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 240px;
    height: 330px;
  }
  .game-section .item.active {
    width: 360px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  h2 {
    margin-bottom: 20px;
  }
  h3 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 24px;
  }
  .line-title {
    width: 250px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 30px 15px 20px;
  }
  .game-section .item {
    margin: 0 10px 40px;
    width: 200px;
    height: 280px;
  }
  .game-section .item.active {
    width: 270px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .game-section .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

.part1{background: url(bg1.jpg) no-repeat center bottom;overflow: hidden;height: 433px; position: relative;}
.headline_tem{ height: auto;}
.headline_tem h3 {
    overflow: hidden;
    position: relative;
    max-height: 70px;
    font: 18px / 70px "Microsoft Yahei";
    background: url(li.png) no-repeat 0 25px;
    padding-left: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #b8cfe3;
}
.headline_tem h3 span{float: right; color: #6a9bff; font: 16px / 70px "Microsoft Yahei";}
.headline_tem h3 a{ color: #333;}
.headline_tem h3 a:hover{ color: #0e5ccf; text-decoration: none;}

.lmT{ background-repeat: no-repeat; background-position: left top;}
.lmT_01{ background-image: url(tit01.png);height:26px; margin-bottom: 10px;}
.lmT_02{ background-image: url(tit02.png);height:26px; margin-bottom: 10px;}
.lmT_03{ background-image: url(tit03.png);height:31px;}
.lmT_04{ background-image: url(tit04.png);height:38px;}
.lmT_05{ background-image: url(tit05.png);height:32px;}
.lmT_06{ background-image: url(tit06.png);height:35px;margin-bottom: 20px;}
.lmT_07{ background-image: url(tit07.png);height:30px;margin-bottom: 20px;}
.lmT_08{ background-image: url(tit08.png);height:32px;margin-bottom: 20px;}
.lmT_09{ background-image: url(tit09.png);height:35px;margin-bottom: 20px;}

a.btn_more{ float: right; position: relative; width: 94px; height: 34px; font-size: 14px; line-height: 34px; color: #888888; text-align: right;}

.zhd{background: url(zhd_bg.jpg) no-repeat center bottom;overflow: hidden;height: 963px; position: relative;}
.zhd_con{background: url(zhd.png) no-repeat 0 0; height: 675px; width: 1416px; margin: 30px auto 0;}

.zxx{background: url(zxx_bg.jpg) no-repeat center bottom;overflow: hidden;height: 994px; position: relative;}

.zkc{background: url(zkc_bg.jpg) no-repeat center bottom;overflow: hidden;height: 896px; position: relative;}
.zkc ul{ width: 1440px; margin: 0 auto;}
.zkc_con{width:435px; float: left; position: relative; margin: 50px 22px;}
.zkc_con img{ width:435px; height: 276px;overflow: hidden; border-radius: 10px;position: absolute; }
.zkc_wz{background: url(zkc_wz.png) no-repeat 0 0; height: 274px; width: 435px; position: absolute;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15); border-radius: 10px; top: 230px; padding:20px;}
.zkc_wz h3 {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 70px;
    font:bold 20px / 28px "Microsoft Yahei";
}
.zkc_wz h3 a{ color: #333;}
.zkc_wz h3 a:hover{ color: #0e5ccf; text-decoration: none;}
.zkc_wz p {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 70px;
    font:16px / 28px "Microsoft Yahei";
    color: #666666;
}
.zkc_wz span{background: url(zkc_time.png) no-repeat 0 10px; float: left; color: #666; font: 16px / 40px "Microsoft Yahei"; padding-left: 25px;margin-top: 40px;}
.ckkc{ float: right; border: 1px solid #3fa5f8;height: 40px; width: 100px; text-align: center;margin-top: 40px;}
.ckkc a{font:16px / 40px "Microsoft Yahei"; }

.zpx{background: url(zpx_bg.jpg) no-repeat center bottom;overflow: hidden;height: 765px; position: relative;}
.zpxcon{ width: 1440px; overflow: hidden; margin: 0 auto;}
.zpx_con{background: url(zpx_con.png) no-repeat center bottom; overflow: hidden;height: 182px; width: 678px; float: left; margin: 10px 20px; padding: 18px;}
.zpx_wz{ float: left; width: 332px; }
.zpx_wz h3 {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 60px;
    font:bold 20px / 28px "Microsoft Yahei";
}
.zpx_wz h3 a{ color: #333;}
.zpx_wz h3 a:hover{ color: #0e5ccf; text-decoration: none;}
.zpx_wz span{background: url(zkc_time.png) no-repeat 0 10px; float: left; color: #666; font: 18px / 40px "Microsoft Yahei"; padding-left: 25px;margin-top: 30px;}
.zpx_con img{ width: 258px; height: 145px;}

.ad img{margin: 0 auto; width: 100%; height: 100%;}

.zgz{ padding-bottom: 50px;}
.zgz ul{ width: 1440px; overflow: hidden; margin: 0 auto;}
.zgz_con{background: url(zgz_con.png) no-repeat center bottom; overflow: hidden;height: 205px; width: 447px; float: left; margin: 10px 16px; padding: 10px 20px;}
.zgz_con h3 {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 40px;
    font:bold 20px / 40px "Microsoft Yahei";
    border-bottom: 1px solid #b8d6ec;
}
.zgz_con h3 a{ color: #0e5ccf;}
.zgz_con .dizhi {
    float: left;
    width: 60%;
    overflow: hidden;
    position: relative;
    height: 45px;
    font:16px / 24px "Microsoft Yahei";
    color: #666666;
}
.zgz_con .xinchou{float: right;font:bold 16px / 24px "Microsoft Yahei"; color: #fe8629;}
.zgz_con .didian {background: url(zgz_didian.png) no-repeat left 3px; padding-left: 20px;margin-top: 20px;
    float: left;
    overflow: hidden;
    position: relative;
    max-height: 70px;
    font:16px / 24px "Microsoft Yahei";
    color: #666666;
}
.zgz_con .time {background: url(zkc_time.png) no-repeat left 3px; padding-left: 25px; margin-left: 20px;margin-top: 20px;
    float: left;
    overflow: hidden;
    position: relative;
    max-height: 70px;
    font:16px / 24px "Microsoft Yahei";
    color: #666666;
}
.zgz_con .ck{background: url(zgz_more.png) no-repeat right 5px; float: right; width: 65px; text-align: center; margin-top: 20px;}
.zgz_con .ck a{font:16px / 16px "Microsoft Yahei"; color:#82afff ;}

.zqy{background: url(zqy_bg.jpg) no-repeat center bottom;overflow: hidden;height: 837px; position: relative;}
.zqy .tab_pane{ overflow: hidden; width: 1200px; margin: 40px auto 0;}
.zqy .tab_pane1{ overflow: hidden; width: 960px; margin: 0 auto 0;}
.tab_pane_2 li.fl {
  position: relative;
  width: 209px;
  height: 241px;
  text-align: center;
  perspective: 1000px; 
}
.tab_pane_2 li.fl .front,
.tab_pane_2 li.fl .back {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 241px;
  /*height: 100px;*/
  backface-visibility: hidden;
  transition: transform 0.3s linear;
}
.tab_pane_2 li.fl .front{background-color: #fff; /* 菱形的颜色 */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.tab_pane_2 li.fl .back {
  /*height: auto;*/
  background-color: #3c78d0; /* 菱形的颜色 */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  padding: 10px;
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.tab_pane_2 li.fl:hover .front {
  transform: rotateY(180deg);
}
.tab_pane_2 li.fl:hover .back {
  transform: rotateY(0deg);
}
.tab_pane_2:nth-child(1) li.fl {
  /* width: 212px; */
}
.tab_pane_2 li.fl + li.fl {
  margin-left: 30px;
}
.tab_pane_2 li.fl .back li {
  font-size: 20px;
  line-height: 30px;
}
.tab_pane_2 li.fl .back li a {
  color: #fff;
}
.item_icon {
  width: 209px;
  height: 241px;
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.item_icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

.zcj{background: url(zcj_bg.jpg) no-repeat center bottom;overflow: hidden;height: 765px; position: relative;}


.bottom{background: url(bottom.jpg) no-repeat center bottom;overflow: hidden;height:436px; position: relative;}
.bottom p{font:14px / 30px "Microsoft Yahei"; color: #fff; margin: 0;}
.bottom strong{font:bold 18px / 30px "Microsoft Yahei"; color: #fff; margin: 0;background: url(bottom_line.png) no-repeat center bottom; height: 40px; float: left; width: 100%; margin-bottom: 10px;}
.bottom p img{margin-right: 10px;}





























/*    新增功能start  */




/*  搜索 */
.head-swiper {
  width: 100%;
  position: relative;
}

.search-con {
position: absolute;
    bottom: 20%;
    z-index: 1;
    width: 100%;
        height: 100px;
}

.policy_wrap {
  width: 1080px;
  margin:0 auto;
  background: #fff;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 0 8px 5px rgba(207, 234, 255, 1);
  padding: 5px;
}

.policy_search {
}

#keyword_p {
    float: left;
    width: 972px;
    height: 55px;
    font: 20px / 55px "Microsoft Yahei";
    text-indent: 1em;
    color: #333;
    outline: none;
    border: none;
}

#btn_p_search {
    background: url(2025search.png) no-repeat right center;
    float: right;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: none;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 20px;
}

#search_results_container {
    position: relative;
}

.policy_list{padding:10px 40px; border-top: 1px solid #dfdfdf; margin-top: 10px;}
.policy_list_top{ position: relative; height: 42px; margin-bottom: 18px; font-size: 20px; line-height: 32px; color: #175cd9; border-bottom: 2px solid #175cd9;}
.plt_l{ position: absolute; top: 0; left: 80px;}
.plt_r{ position: absolute; top: 0; right: 45px; width: 90px; text-align: center;}

.policy_item{  padding: 20px 0;border-bottom: 1px solid #dfdfdf;}
.policy_item_l{ float: left; width: 1085px; display: flex; align-items: center;}
.policy_item_l h3{ font: 20px/32px "Microsoft Yahei";flex: 1;}
.policy_item_l h3 em{ color: #f94646}
.policy_item_l p{ font-size: 18px; color: #666;}
.policy_item_r{ float: right; width: 120px; display: flex; align-items: center;}
.policy_item_r span.p_date{ font: 16px / 32px "Microsoft Yahei"; color: #666; text-align: center;flex: 1;}




.pagination{ margin-bottom: 10px; text-align: center; margin: 30px 0;
    justify-content: center;

}
.pagination a, .pagination span{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }

.pagination span{ display: inline-block; font-size: 14px; line-height: 32px; margin: 0 5px;}
.pagination a:hover{  color: #fff; background-color: #0078db; border-color: #0078db;}

.pagination .current { color: #fff; background-color: #0078db; border-color: #0078db;}

.pagination .prev, .pagination .next{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pagination .prev.current, .pagination .next.current{ color: #666; background: none; border: 1px solid #e6e6e6; cursor: auto;}

.result_no{ font-size: 20px;}


#loading{ display: block; margin: 40px auto 0;}
#loading.hide{ display: none;}


.collapse-btn {
    float: right;
    padding: 5px 15px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
}
/*  搜索end  */


/*  找活动  2025zhd_i_address */


.zhd-top {
  width: 1300px;
  height: 75px;
  line-height: 54px;
  margin: 0 auto;
  padding-top: 17px;
  display: flex;
}
.zhd-top .zhd-year {
  font-size:28px;
  color:#fff;
  font-weight: bold;

}

.zhd-top-control {
  width: 200px;
  margin:0 auto;
  padding-right: 60px;
  display: flex;
  justify-content: space-around;
}
.zhd-top .zhd-moth {
font-weight: bold;
font-size:30px;
text-align: center;
color:#fff;
}

.zhd-top-control .zhd-pre {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.zhd-top-control .zhd-next {
  width: 30px;
  height: 30px;
    cursor: pointer;
}


.zhd-lists {
  height: 560px;
  width: 1380px;
  margin:0 auto;
  overflow-y: scroll;
}


.zhd-lists .item {
  width: 265px;
  height:210px;
  padding:20px;
  background: #2498f7;
}

.zhd-lists .item {
  width: 550px;
  height: 250px;
  padding:10px 20px;
  background: #2498f7;
  border-radius: 5px;
  float: left;
  margin-left: 85px;
  margin-top: 28px;
  /* margin-right: 50px; */
}

.zhd-lists .item:nth-child(1) {
  background-color: #2498f7;
}
.zhd-lists .item:nth-child(2) {
  background-color: #0f62ea;
}
.zhd-lists .item:nth-child(3) {
  background-color: #3c78d0; 
}
.zhd-lists .item:nth-child(4) {
  background-color: #2498f7;
}
.zhd-lists .item:nth-child(5) {
  background-color: #3c78d0; 
}
.zhd-lists .item:nth-child(6) {
  background-color: #2498f7; 
}
.zhd-lists .item:nth-child(7) {
  background-color: #43bcf4; 
}

.zhd-lists .item:nth-child(8) {
  background-color: #0f62ea; 
}


.zhd-lists .item .title {
  font-size: 22px;
  font-weight: bold;
  /* padding-bottom: 15px; */
  line-height: 33px;
  color:#fff;
  border-bottom: 1px solid #90cdff;
  height: 85px;
  display: flex;
  align-items: center;
}

.zhd-lists .item .title p{
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
      color:#fff;
      margin:0;
      flex: 1;
}
.zhd-lists .item .time {
  background: url(2025zhd_i_time.png) no-repeat left center;
  font-size: 16px;
  padding-left: 33px;
  color: #fff;
  margin: 0;
  margin-top: 15px;
} 

.zhd-lists .item .address {
  background: url(2025zhd_i_address.png) no-repeat left center;
  font-size: 16px;
  padding-left: 33px;
  color: #fff;
  margin: 0;
  margin-top: 12px;
} 

.zhd-lists .item .type {
  background: url(2025zhd_i_type.png) no-repeat left center;
  font-size: 16px;
  padding-left: 33px;
  color: #fff;
  margin: 0;
  margin-top: 12px;
} 

.zhd-lists .item a.more {
  color:#fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
}


.zhd-none {    width: 400px;
    display: block;
    margin: 50px auto 0;}

/*  找活动end  */



/*  找学校  */

.zxx-con {
  width: 1400px;
  margin:0 auto;
  overflow: hidden;
  margin-top: 28px;
}


.zxx-map {
  width:765px;
  height: 556px;
  background: url(2025zxx_map.png) no-repeat center;
  position: relative;
  float: left;
}

.zxx-map p {
  position: absolute;
  height: 35px;
  background: url(2025zxx_i_address.png) no-repeat left center;
  padding-left: 23px;
  cursor: pointer;
    transition: transform 0.3s ease; 
}

.zxx-map p span {
  background: #fff;
  margin-top: 8px;
  display: block;
  padding: 1px 8px;
  border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  color: #0055a0;
  font-weight: bold;
}
.zxx-map p.curre {
    background: url(2025zxx_i_address2.png) no-repeat left center;
}
.zxx-map p.curre span{
  background: #0055a0;
    color: #fff;
    border:1px solid #fff
}

.zxx-map p.gz {left: 354px;top: 202px;}

.zxx-map p:hover {
   transform: scale(1.1);
}


.zxx-map p.sz {left: 470px;top: 270px;}     /* 深圳 */
.zxx-map p.fs {left: 295px;top: 248px;}     /* 佛山 */
.zxx-map p.dg {left: 386px;top: 245px; font:normal}     /* 东莞 */
.zxx-map p.zh {left: 347px;top: 332px;}     /* 珠海 */
.zxx-map p.hz {left: 456px;top: 222px;}     /* 惠州 */
.zxx-map p.jm {left: 263px;top: 330px;}     /* 江门 */
.zxx-map p.zs {left: 351px;top: 281px;}     /* 中山 */
.zxx-map p.hy {left: 482px;top: 135px;}     /* 河源 */
.zxx-map p.mz {left: 604px;top: 106px;}     /* 梅州 */
.zxx-map p.qy {left: 303px;top: 133px;}     /* 清远 */
.zxx-map p.sg {left: 356px;top: 47px;}     /* 韶关 */
.zxx-map p.sw {left: 546px;top: 244px;}     /* 汕尾 */
.zxx-map p.st {left: 690px;top: 202px;}     /* 汕头 */
.zxx-map p.yj {left: 182px;top: 356px;}     /* 阳江 */
.zxx-map p.zj {left: 0px;top: 455px;}     /* 湛江 */
.zxx-map p.mm {left: 83px;top: 357px;}     /* 茂名 */
.zxx-map p.cz {left: 681px;top: 149px;}     /* 潮州 */
.zxx-map p.jy {left: 600px;top: 191px;}     /* 揭阳 */
.zxx-map p.zq {left: 218px;top: 178px;}     /* 肇庆 */
.zxx-map p.yf {left: 158px;top: 251px;}     /* 云浮 */




.allcity {
     position: absolute;
    left: 322px;
    top: 500px;
    cursor: pointer;
}











.zxx-zy {
  width: 550px;
  height:580px;
  float: right;
}
.zxx-zy-search {
    width: 550px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #2498f7;
    padding: 5px;
}

#keyword_zy {
    float: left;
    width: 430px;
    height: 35px;
    font: 20px / 35px "Microsoft Yahei";
    text-indent: 1em;
    color: #333;
    outline: none;
    border: none;
}
#btn_zy_search {
    background: url(2025search.png) no-repeat right center;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: none;
    cursor: pointer;
    margin-top: -4px;
}
.btn_zy_reset {
   float: right;
   border-left:1px solid #67bafe;
   color:#333;
   width: 53px;
   text-align: center;
   height: 35px;
   line-height: 35px;
   cursor: pointer;
}

.zxx-zy-list {
   width: 540px;
   padding-right:20px;
   height:480px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-left: 10px;
   scrollbar-width: thin;
   scrollbar-color: #2498f7 #6db3f3;
   margin-top:15px;
}

.zxx-zy-list::-webkit-scrollbar {
  width: 25px;
  -webkit-appearance: none; /* 重置Safari默认滚动条样式 */
}
.zxx-zy-list::-webkit-scrollbar-track {

  background: #6db3f3; 
  border-radius: 4px; 
}
.zxx-zy-list::-webkit-scrollbar-thumb {
  background: #2498f7; 
  border-radius: 4px; 
  transition: background 0.2s ease;
}

.zxx-zy-list .item {
  background: #67bafe;
  font-size:18px;
  color:#fff;
  border-radius: 4px;
  padding: 15px 12px;
  margin-top: 15px;
}
.zxx-zy-list .item.curre {
    background: #2498f7;
}








.zxx-swiper {
  width: 1250px;
  margin:0 auto;
  position: relative;
  margin-top: 25px;
}

.zxx-swipercon {
  width: 1100px;
  margin:0 auto;
}
.zxx-swipercon  .swiper-slide {
text-align: center;
}
.zxx-swipercon  .swiper-slide .school-logo {width: 100px;height: 116px;margin: 0 auto; overflow: hidden;}

.zxx-swipercon  .swiper-slide .school-logo img {
  height: 100px; border-radius: 5px; background: #fff;
}

.zxx-swipercon  .swiper-slide .school-name {font-size:20px;font-weight: bold;margin: 0;color:#0e5ccf;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align: center;}
.zxx-swipercon  .swiper-slide a {
    color:#0e5ccf;
}
.zxx-swipercon  .swiper-slide  .school-more {
  font-size: 14px;
  border: 1px solid #0e5ccf;
  color:#0e5ccf;
  text-align: center;
  margin: 0 auto;
  margin-top:5px;
  display: block;
  width: 100px;
}
.zxx-swipercon  .swiper-slide .school-address {font-size:15px;color:#0e5ccf;margin:0;margin-top: 7px;text-align: center;}

.zxx-swipercon  .swiper-slide .school-major {font-size:15px;margin:0;color:#0e5ccf;margin-top: 7px;text-align: center;}



.zxx-swiper .swiper-button-prev:after, .zxx-swiper .swiper-rtl .swiper-button-next:after {
  content: '';
}

.zxx-swiper .swiper-button-next:after, .zxx-swiper .swiper-rtl .swiper-button-prev:after{
  content: '';
}

.zxx-swiper  .school-next {
background: url(2025zxx_btn_next.png) no-repeat center;
width: 40px;
height: 40px;
} 

.zxx-swiper  .school-pre {
background: url(2025zxx_btn_pre.png) no-repeat center;
width: 40px;
height: 40px;
} 





.xgxx-con {
	width: 510px;
	margin:0 auto;
	margin-top:35px;
  display: none;
}

.xgxx-con .xgxx-top {
	font-size: 20px;
	padding-bottom:7px;
	border-bottom:1px solid #2498f7;
	color: #0e5ccf;
	font-weight: bold;
}

.xgxx-list {
	margin-top:8px;

}

.xgxx-list  .sitem {overflow:hidden;margin-top: 25px;}

.xgxx-list  .sitem img {
	width: 100px;
	border-radius: 5px;
	background: #fff;
	float:left;
	margin-right: 29px;
}

.xgxx-list  .sitem .infor {
	overflow:hidden;
}
.xgxx-list  .sitem .infor .name {
	font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #0e5ccf;
}
.xgxx-list  .sitem .infor .address {
 font-size: 15px;
 color: #0e5ccf;
 margin: 0;
 margin-top: 7px;
}
   .xgxx-list  .sitem .infor .major {
 font-size: 15px;
 color: #0e5ccf;
 margin: 0;
 margin-top: 7px;
}
.xgxx-list  .sitem .infor  a {
		color: #0e5ccf;
}


/*  找学校end  */

/*    新增功能end  */

