@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px;padding: 0px;}
body,input,button,form{font-size: 14px;font-family: "microsoft yahei", "Arial";color: #333333;}
body{overflow-x: hidden;overflow-y: auto;max-width:680px;margin:auto;background:#dbe5f1}
h1,h2,h3,h4,h5,h6{font-size: 14px;font-weight: normal;}
ul,ol,
li{list-style: none;}
input{background: none;border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
*{margin:0;padding:0}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
html{background:#dbe5f1}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 80%;margin: 0 auto;}
.w900{width: 85%;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.itit-ico{background: url(../images/itit-ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.ilink{background: url(../images/ilink.png) no-repeat;display: inline-block;vertical-align: middle;}
.bicon{background: url(../images/bicon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
a{color: #333;text-decoration: none;cursor:pointer;}
a:hover{color: #00479d;text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{transition: all ease 300ms;}
.noease,
.noease *{transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}
/***************top and bottom css*********************/

.index-top img{width:100%}
.neirong2-news-top img{width:100%}
 .hero-bg {
      background: linear-gradient(135deg, #2c1a12, #4a2e1e);
    }
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    }
    .slide-fade {
      animation: slideIn 0.8s ease-out;
    }
    @keyframes slideIn {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .gallery-item {
      transition: all 0.3s ease;
    }
    .gallery-item:hover {
      filter: brightness(1.1) saturate(1.1);
    }
.slideBox{ width:100%;  overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:5px; z-index:1;width:100% }
.slideBox .hd ul{ overflow:hidden; zoom:1;display:table;margin:auto }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 15px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }

.neirong2-titi{overflow:hidden;width:98%;margin:20px auto 0;}
.neirong2-titi .fl p{font-size: 1.1rem;
    display: table;
    padding: 8px 20px;
    background: #5f8ee5;
    border-radius: 15px;
    color: #fff;}
.neirong2-titi .fr a{font-size:0.9rem;display:table;line-height:52px} 
.cp-ul{width:98%;margin:auto}
.cp-ul ul{display:flex}
.cp-ul ul li{margin:0 1%}
.cp-ul ul li .cp-img{}
.cp-ul ul li img {width:100%}
.cp-ul ul li p{text-align:center;font-size:1rem; margin-bottom: 1rem;  }
.neirong2-news{overflow:hidden;background:#fff;}
.neirong2-news .news-top img{width:100%}
.neirong2-news .news-ul{overflow:hidden;width:95%;margin:auto}
.neirong2-news .news-ul li{overflow:hidden;margin:1rem 0}
.neirong2-news .news-ul li .fl{overflow:hidden}
.neirong2-news .news-ul li .fl{width:70%}
.neirong2-news .news-ul li .fl h1{font-weight:600;font-size:1.2rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.neirong2-news .news-ul li .fl p{font-size:0.8rem;color:#666;margin:0.5rem 0;line-height:1.5rem}
.neirong2-news .news-ul li .fr{width:28%;    height: 3rem}
.neirong2-news .news-ul li .fr img{width:100%}

.index-dibu{background:#fff;padding-top:30px;width: 90%; margin:0 auto 60px; padding: 5%;}
.titi-top{    overflow: hidden;  margin-bottom: 30px}
.titi-top h3{font-size:1.8rem;  text-align: center}
.titi-top p{font-size:1rem;color: #999;
    margin: 10px 0;
    text-align: center;
    font-family: fangsong}
.footer-lx{overflow:hidden;margin-bottom:20px}
.footer-lx h3{
    text-indent: 2rem;color: #666;
    font-size: 1.35rem;
}
.footer-lx p{   text-indent: 2rem;font-size:1.2rem;margin:10px 0;color: #666;}
.foot-lx1 h3{background:url(../images/add.png) no-repeat;background-size: auto 100%;}
.foot-lx2 h3{background:url(../images/lx.png) no-repeat;background-size: auto 80%;background-position: 0 center;}
.dibu-fu{position:fixed;bottom:0;width:100%;    background: #fff;display:none}
.dibu-fu ul{display:flex} 
.dibu-fu ul li{flex:1;} 
.dibu-fu ul li a{display:block;text-align:center;padding:10px 0} 
.dibu-fu ul li  a img{width:25px;margin: 2px auto 5px;} 
.dibu-fu ul li  a p{ line-height:15px;font-size:0.8rem} 

.dibu-fu-2{display:none}
.dibu-fu-1{display:block}
.dibu-fu ul li.on .dibu-fu-2{display:block}
.dibu-fu ul li.on .dibu-fu-1{display:none}
/*分页样式*/
.pglist{padding: 50px 0 30px 0;width:100%;text-align: center;clear: both;border-top: 5px solid #f4f5f6;}
.pglist a{color: #333;padding: 0 17px;margin: 0 4px;display: inline-block;vertical-align: middle;line-height: 32px;background: #fff;border: 1px solid #fff;box-shadow: 0px 1px 10px #e4e3e3;border-radius: 3px;}
.pglist a:hover,.pglist .hover{display:inline-block;color: #fff;background: #0195df;}

.pglist a.page-num-current {
display:inline-block;color: #fff;background: #0195df;
}
.page-num{display:inline-block;border: 1px solid #ccc;padding: 5px 14px;margin: 0 3px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #3b6fcb;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #3b6fcb;
  border-color: #3b6fcb;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* 内页 */
.ny-news{overflow:hidden;padding-top:50px;  background: #fff;}
.ny-news-ul li{overflow:hidden;margin-bottom:10px;    padding: 0 15px;  }
.ny-news-ul li h1{font-size:1rem;line-height: 30px;padding: 10px 0;}
.ny-news-ul li p{font-size:0.8rem;color:#999;line-height:20px}
/* 产品 */
.cp-top{position:relative;width:100%;height:50px;background:#fff;padding:20px 0}
.fcp{position:absolute;width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
   
    font-size: 2rem;}
.fcp-top{text-align:center;font-size:1.6rem;line-height:50px}
.ny-cp-ul{width:95%;margin:auto;overflow:hidden}
.ny-cp-ul li{background: #fff;margin-top:10px;    padding: 10px 0;}
.ny-cp-ul li .cp-img{overflow: hidden; padding: 10px 10px 0;}
.ny-cp-ul li .cp-img img{width:100%;border-radius:10px;}
.ny-cp-ul li h1{font-size:1rem;color:#222;width: 90%;
    font-weight: 600;
    margin: auto;}
.ny-cp-ul li div{overflow:hidden;    padding: 0 10px;}
.ny-cp-ul li div p{    font-size: 0.8rem; color: #5f8ee5;float: left;    line-height: 36px;
    width: 70%; white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出的文本 */
  text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */}
.ny-cp-ul li div a{display:block;float:right;border-radius: 10px;
    background: #206eff;
    color: #fff;
    padding: 4px 15px;
}
/* 产品详情 */
.ny-cp-xq{padding:0 20px 20px;background:#fff}
.ny-cp-xq h3{font-size:1rem;color:#222;line-height: 50px;
    height: 50px;    font-weight: 600;}
.ny-cp-xq p{  font-size: 0.8rem; color: #5f8ee5;}

.ny-cp-xq2{width:95%;margin: 10px auto;overflow:hidden;background:#fff}
.ny-cp-xq2-div{padding:15px;margin-bottom:60px}
.ny-cp-xq2 h3{font-size:1rem;color:#222;border-left:5px solid #5f8ee5;text-indent:1rem;margin-bottom:20px;    font-weight: 600;}
.ny-cp-xq2-div ul li{overflow:hidden;margin-bottom:20px}
.ny-cp-xq2-div ul li img{border-radius: 100%;
    border: 1px solid #999;
    width: 30px;display:block;float:left;margin-right:10px}
.ny-cp-xq2-div ul li h4{line-height:35px;overflow: hidden;font-size: 1rem;margin-bottom:5px}
.ny-cp-xq2-div ul li h4 p{float:right;color:#999;font-size:0.8rem;}
.ljyy{position:fixed;height:50px;background:#206eff;color:#fff;bottom:0;width:100%}
.ljyy p{text-align:center;    line-height: 50px;
    font-size: 1.2rem;
    font-weight: 600;color:#fff}
.ny-xw-xq{overflow:hidden;margin: auto;width:95%}
.xw-nr-top{overflow:hidden;padding:15px 0;width:95%;border-bottom:1px solid #999;margin:15px auto;}
.xw-nr-top h3{font-size:1rem;color:#222;margin-bottom:10px;    font-weight: 600;text-align:center;}
.xw-nr-top p{text-align:center;font-size:0.7rem}

.ny-cp .ny-sdd{width:23%}
.ny-cp .ny-sdd ul li{text-align:center;line-height:35px;height:35px;font-size:1rem;    font-size: 1rem;
    padding: 10px 0;
    margin: 5px 0;
    overflow: hidden;color:#999}
.ny-cp .ny-sdd ul li.on{background:#fff;color:#333}
.ny-cp .ny-sdd2{width:73%;overflow:hidden;background:#fff;margin-top: 10px;padding: 2%;
}
.ny-cp .ny-sdd2 ul li{width:48%;margin:1%;float:left}
.ny-cp .ny-sdd2 ul li img{width:100%}
.ny-cp .ny-sdd2 ul li p{text-align:center}
.qinyue{overflow:hidden;    margin-bottom: 10px;}
.qinyue ul li{    float: left;
    width: 30%;
    margin: 0 10%;}
.qinyue ul li a{    display: block;
    font-size: 0.9rem;
    text-align: center;
    background: #769de5;
    padding: 5px 0;
    color: #fff;
    border-radius: 20px;}
 /* 顶部导航栏 */
        .nav-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10;
        }

        .nav-bar h1 {
            font-size: 18px;
            color: #5f8ee5;
        }

        .nav-bar .icons {
            display: flex;
            gap: 15px;
        }

        .nav-bar .icons img {
            width: 24px;
            height: 24px;
            cursor: pointer;
        }

        /* 博物馆信息卡片 */
        .museum-card {
            margin: 60px 20px 20px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .museum-card h2 {
            color: #5f8ee5;
            margin-bottom: 15px;
            font-size: 20px;
        }

        .museum-card .info-item {
            display: flex;
            margin-bottom: 10px;
            align-items: center;
            gap: 8px;
        }

        .museum-card .info-item i {
            color: #5f8ee5;
            width: 20px;
            height: 20px;
        }

        /* 预约表单区域 */
        .booking-form {
            margin: 20px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .booking-form .form-group {
            margin-bottom: 15px;
            display: flex;
            flex-direction: column;
        }

        .booking-form .form-group label {
            margin-bottom: 5px;
            font-weight: 500;
            color: #555;
        }

        .booking-form .form-group input,
        .booking-form .form-group select {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
        }

        /* 优惠提示 */
        .booking-form .tip {
            color: #999;
            font-size: 12px;
            margin-top: 5px;
        }

        /* 按钮组 */
        .booking-form .btn-group {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }

        .booking-form .btn {
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .booking-form .btn-primary {
            background-color: #5f8ee5;
            color: #fff;
        }

        .booking-form .btn-secondary {
            background-color: #f0e6d2;
            color: #5f8ee5;
        }

        /* 优惠人群提示 */
        .footer-tip {
            margin: 20px;
            padding: 15px;
            background-color: #f8f5f0;
            border-radius: 8px;
            font-size: 12px;
            color: #666;
            line-height: 1.8;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .nav-bar {
                padding: 5px 10px;
            }
            
            .museum-card {
                margin: 40px 10px 10px;
            }
            
            .booking-form {
                margin: 10px;
                padding: 15px;
            }
            
            .booking-form .btn-group {
                flex-direction: column;
            }
        }