body { font-family: 微软雅黑,"Open Sans", sans-serif; background: #282828; color: #000; font-family: 微软雅黑,Helvetica,黑体,Arial,Tahoma; font-size: .7rem; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; position: relative; font-size:0.3rem;}

img, a { border: 0; -webkit-tap-highlight-color: transparent }
ul,li{ list-style:none;}
*{ margin:0; padding:0;box-sizing:border-box;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
.body { max-width: 768px; margin: 0 auto; color: #000; font-family: 微软雅黑,Helvetica,黑体,Arial,Tahoma; font-size: .7rem; background: #f8f8f8; min-height:100vh;}
select{-webkit-appearance: none;}

.flex1{ flex: 1;width:0 }
img{max-width:100%;}

/*----------header----------*/
.header {position:fixed; top:0; left:0; width:100%; z-index:10; background:#fff; border-bottom:1px solid #dfdfdf}
.mainer{ padding-top:2.2rem}
.header h1{ text-align:center;  font-size:0.36rem; font-weight:normal;line-height:1rem;}
.header a{display:block;position:absolute; height:1rem; width:1rem;top:0;}
.header a.icon_back{background:url(../img/back.png) no-repeat center center; background-size:0.43rem auto; left:0;}
.header a.icon_menu{background:url(../img/menu.png) no-repeat center center; background-size:0.4rem auto; right:0;}
.swiper-container{ overflow:hidden;position:relative;}
.header .wrap { font-size: 0.59733rem;gap:0.25rem; display:flex; align-items: center; height: 2.15rem; background: #fff; border-bottom: 1px solid #eee; padding: 0 0.45rem; color:#333}
.logo{width:1.2rem; height:1.2rem;}
.search { font-size: .8rem; color: #4d4d4d }
.swiper-pagination-bullet{ background:#fff;opacity:0.5}
.swiper-pagination-bullet-active{ opacity:1;}
/*----------mainer----------*/
.mainer { }
.notice_box{padding:.25rem 0;background:#fff; margin:0.4rem 0; display:flex;align-items:center;  line-height:1.5rem;overflow:hidden;gap:0.2rem}
.notice_box .flex1{ overflow:hidden;}
.notice_scroll { color: #333; animation: mobi_notice_right_to_left_50 10s linear 1s infinite; display: flex; white-space: nowrap; font-size: .7rem;  }
.notice_scroll .scroll{ padding:0 0.1rem}
@keyframes mobi_notice_right_to_left_50 { 0% { transform: translateX(0) }
    to { transform: translateX(-50%) }
}

.page{ padding:.6rem .4rem; background:#fff;margin-bottom:.4rem}
.page_tit:not(:last-child){margin-bottom:.4rem;}
.page_tit {text-align:center }
.page_tit h3 { font-size:.7rem; color:#ea3377 ;margin-bottom:.3rem}
.page_tit .text{ width:98%; margin:0 auto;text-align:left;}
.page_tit .text p{line-height:2}
.page_tit p { font-size: 0.5rem; color: #666; line-height: 1.7 }
.swiper2{ margin-bottom:.5rem}
.swiper2, .swiper3{ margin-left:0.2rem; margin-right:0.2rem}
.swiper2 .swiper-slide { width: 100%; height: 10rem; border-radius: 5px; overflow: hidden; }
.swiper3 .swiper-slide{height:2rem;border-radius:5px}
.img_cover img { width: 100%; height: 100%; object-fit: cover }
.img_cover{ overflow:hidden;}
.page_list ul{display:flex;}
.page_list li{ flex:1; }
.page_list a{ display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.5rem;padding:.4rem 0}
.page_list img{ width:1.2rem;margin-bottom:.5rem}
.page.on{padding:0}
.page_tit2{   padding:.55rem 0; border-bottom:1px solid #eee}
.page_tit2 h3 { display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: .64rem; color: rgba(51,51,51,1) }
.page_tit2 h3:before, .page_tit2 h3:after{ content:'—';margin:0 .3rem}

.page_list2 ul{display:flex;flex-wrap:wrap;padding:.25rem}
.page_list2 li{ flex:0 0 50%;}
.page_list2 .box{ display:block;padding:.25rem}
.page_list2 .text{ text-align:center; font-size:.5rem;line-height:1.5;color:#666}
.page_list2 .text h3{white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-size:.7rem; color:#333;padding:.2rem 0}
.about_box{ padding:.7rem}
.about_box .text { line-height: 2; font-size: .55rem; color: #666 }
.about_box .text p{ text-indent:2em}
.about_box ul{ display:flex;}
.about_box li{flex:1; text-align:center;font-size:.5rem;color:#666;padding:.5rem 0}
.about_box h3 { font-size: .6rem; color: #ea3377 ;margin-bottom:.3rem}
.page_img {height:8rem; margin: .2rem; border-radius: .2rem; overflow: hidden; box-shadow: 0 0.4rem 0.48rem -0.2rem rgba(0,0,0,.25) }
.img img{ display:block;}
.img{ overflow:hidden;}

.page_tit2 h4{display:flex;justify-content:space-between; padding:0 .5rem 0 0.9rem;  position:relative;font-size:0.74rem; font-weight:normal;align-items:center;}
.page_tit2 h4:before{ content:'';display:block;width:2px;height:1em; background:#ea3377; position:absolute;top:50%; margin-top:-0.5em; left:0.5rem}
.page_tit2 h4:after{ content:'';display:block; border:1px solid #999; border-bottom:0; border-left:0; width:.3rem; height:.3rem;  transform:rotate(45deg); }

.news_list .box{padding:.45rem 0;display:block;}
.news_list{ padding:0 .6rem}
.news_list li{ border-bottom:1px solid #eee}
.news_list h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:normal;line-height:1.3}
.news_list .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; line-height: 0.9rem; font-size: .6rem; color: #848e98; margin-top: .3rem }
.page_news { margin: .45rem; border-radius: .3rem; }
.pagesize{ padding:1rem 0;display:flex;align-items:center; justify-content:center;color:#333}
.pagesize span{ display:block; padding:0 0.2rem}
.c1{ color:#ea3377}
.pagesize .prev, .pagesize .next{ width:.4rem; height:.4rem; border:1px solid #666;transform:rotate(45deg);margin:0 0.3rem}
.pagesize .prev{ border-right:0; border-top:0}
.pagesize .next { border-left: 0; border-bottom: 0 }
/*----------footer----------*/
.copyright { height: 2rem; background: #f5f5f5; display: flex; align-items: center; justify-content: center; color: #999; font-size: .5rem }

.footer{ height:2.5rem;}
.footer ul{ position:fixed;bottom:0; left:0;width:100%;display:flex;z-index:1001;background:#fff}
.footer ul li{flex:1;color:#666}
.footer ul li.on a{ color:#ea3377}
.icon-1:before { content: '\a0840' }
.icon-2:before { content: '\a0909'; }
.icon-3:before { content: '\a1067' }
.icon-4:before { content: '\a0882' }
.icon-5:before { content: '\a0339' }
.footer a { display: flex; height: 2rem; flex-direction:column; gap:0.2rem; align-items:center; justify-content:center;color:#666}
.footer p { font-size: .43rem; }
.fs7{ font-size:.7rem !important}
.swiper1{margin-bottom:.3rem}
.search_modal { display: none; background-color: #fff; height: 100%; margin: 0 auto; max-width: 768px; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 9031; position: fixed; top: 0; left: 0; width: 100%; }
.search{ display:flex;align-items:center; padding:0.2rem .45rem;font-size:0.6rem;line-height:2rem;gap:0.52rem}
.search svg{ width:0.8rem;height:1rem}
.search  input{ flex:1;height:1.5rem; line-height:1.5rem; border:0; outline:none; background:none; border-bottom:1px solid  #eee;}

.page_banner{margin-bottom:.3rem; height:7.6748rem;background-repeat:no-repeat; background-position:center center;background-size:cover}
.contect_box { padding: .4rem }
.contect_box h3 {font-weight:normal; font-size: .7rem; color: #333; line-height: 1.28rem }
.contect_box p{ font-size:.6rem; color:#999;line-height:1.28rem}
.contect_box .ewm img{width:100%;}
.contect_box .ewm{ padding:.45rem}
.contect_box h5 { color: #FF0000; font-size: .6rem;text-align:center;padding-bottom:.5rem}
/*----------custom----------*/


.page_list_hj ul{display:flex;flex-wrap:wrap;padding:0.2rem;}
.page_list_hj li{ flex:0 0 33.33%;}
.page_list_hj .img { margin: 0.2rem; height: 3.375rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 0.025rem 0.3rem 0 rgba(0, 0, 0, 0.1) ;border-radius:0.2rem}

.page_list_hj .img img{ max-width:100%; max-height:100%;}
.page_list_hj2 .img{ height:6.22rem}
.page_list_hj2 .img img{width:100%; height:100%; object-fit:cover}
.page_about { padding:0.45rem;font-size:.6rem; color:#666 ;line-height:1.25rem}
.page_about ul{padding:0 .2rem ; display:flex;justify-content:space-between;margin-top:0.5rem}
.page_about li .icon{width:2.94rem; height:2.94rem;  border:0.2rem solid #ea3377;border-radius:100%;display:flex;align-items:center; justify-content:center;line-height:1.2;margin:0 auto;}
.page_about li p{line-height:1.5;text-align:center; font-size:0.55rem; margin-top:0.3rem}
.fs68{ font-size:.68rem !important;color:#333}
.swiper4{ padding:0.75rem}
.swiper4 .swiper-slide { height: 8rem; width: 80vw; border-radius: 0.2rem; box-shadow: 0 0.05rem 0.5rem rgba(0, 0, 0,.25) }
.swiper4 .swiper-slide img{ width:100%; height:100%; object-fit:cover}
.swiper4 .swiper-slide { transform: scaleY(0.9) }
.swiper4 .swiper-slide-active { transform: scaleY(1) }
.page1{ padding:0}
.swiper5{ padding:.8rem 0;margin:0 0.5rem}
.swiper5 .swiper-slide { width: 5.95rem; border: 1px solid #ddd; border-radius: .2rem }
.header .back{}

.icon-gClose:before { content: "\b0294"; display: table-cell; vertical-align: middle; font-size: .6rem; }
.icon-gHome:before { content: "\b0313"; font-size: .7rem;  display: table-cell; vertical-align: middle; }
.icon-comment:before { content: "\b0307"; font-size: .8rem; }
.icon-share:before { font-size: .8rem; content: '\b0310'; }

.foot{ position:fixed; bottom:0; left:0; width:100%;z-index:11;background:#fff;padding:0.45rem;display:flex;align-items:center;gap:0.7rem;border-top:1px solid #e5e5e5;height:2.5rem}
.foot input { flex: 1; height: 1.5rem; border-radius: .8rem; padding: 0 0.5rem; background: #f5f5f5;border:0; outline:none;font-size:.6rem }
.mainer{ min-height:calc(100vh  - 2.5rem);}
.main_det { padding-left: .75rem; padding-right: 0.75rem; background: #fff; }
.main_det .title{ padding:0.8rem 0 1.2rem}
.main_det .title h1 {margin-bottom:.5rem; font-size: .85rem; color: #333; line-height: 1.5 }
.main_det .title p { display: flex; flex-wrap: wrap; gap: 0.45rem; color: #b3b3b3 ;font-size:0.5rem}
.main_det .text { color: #666;font-size:.6rem; text-align: left; line-height: 2.5em; }
.main_det  .img img{width:100%;}
.main_det .btm { font-size: .5rem; color: #b3b3b3;padding:.5rem 0;}
.no_data { margin-top: .3rem; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem 0; font-size: .6rem; color: #999;gap:0.5rem }
.no_data img{ width:5.95rem}