@charset "utf-8";
.values{width: 2rem;}

.home-mainnav .margin{margin-right: .35rem; margin-left: .35rem;}
.home-mainnav ul{margin: 0 -.15rem;}
.home-mainnav ul li{float: left; width: 20%;}
.home-mainnav ul li a{display: block; margin: 0 .15rem .25rem; padding: .125rem 0; transition: all .3s;}
.home-mainnav ul li a i{display: block; position: relative; padding: .125rem; margin-bottom: .125rem;}
.home-mainnav ul li a i img{display: block; width: 100%; height: 100%;}
.home-mainnav ul li a font{display: block; font-size: .425rem; font-weight: bold; color: #666; text-align: center;}
.home-mainnav ul li a:hover{padding-top: 0; padding-bottom: .25rem;}
.home-mainnav ul li a:hover font{color: #333;}

.home-tpxw .item .place{padding-top:63.55%;}

.home-ztzl-slide .item .place{padding-top: 33.875%;}

.home-kxhd .thumbsSwiper .swiper-slide{width: auto; padding: .375rem; cursor: pointer;}
.home-kxhd .thumbsSwiper .swiper-slide span{display: block; position: relative; font-size: .5rem; padding: .5em 1em; background-color: #fff; border-radius: 1em; box-shadow: 0 0 .875em rgba(0 0 0 / 10%);}
.home-kxhd .thumbsSwiper .swiper-slide.checked span{color: #1db7d2; background-color: #d8f6fa; box-shadow: none;}
.home-kxhd .thumbsSwiper .swiper-slide.checked span a{color: #1db7d2;}
/*.home-kxhd .thumbsSwiper .swiper-slide:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
background: -o-linear-linear-gradient(to right, rgba(255, 255, 210, 0), rgba(255, 255, 255, 1));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));}
.home-kxhd .thumbsSwiper .swiper-slide.swiper-slide-prev:after{content: normal;}
.home-kxhd .thumbsSwiper .swiper-slide.swiper-slide-active:after{content: normal;}
.home-kxhd .thumbsSwiper .swiper-slide.swiper-slide-next:after{content: normal;}
.home-kxhd .thumbsSwiper .swiper-slide.checked:after{content: normal;}*/


.date{color: #989ea7; font-size: .625em; padding-left: .6rem;}
.time{position: relative;}
.time img{position: absolute; top: 50%; left: 0; width: .4rem; height: .4rem; margin-top: -.2rem;}

.news-list li{float: left; width: 100%;}
/*.news-list li:last-child a:after{content: normal;}*/
.news-list li a{display: block; position: relative; padding: .375rem .375rem;}
.news-list li a:after{position: absolute; bottom: 0; right: .375rem; left: .375rem; content: ""; border-bottom: .03125rem dashed #d6d6d6;}
.news-list li a dl{position: relative;}
.news-list li a dl dt{position: absolute; top: 0; right: 28%; bottom: 0; left: 0;}
.news-list li a dl dt > div{position: absolute; right: 0; left: 0; padding-right: .375rem;}
.news-list li a dl dt .caption{top: 0; font-size: .875em; line-height: 1.25; text-align: justify;}
.news-list li a dl dt .caption.elli-m{max-height: 2.5em;}
.news-list li a dl dt .date{bottom: 0;}
.news-list li a dl dt .deadline{line-height: 1.5;}
.news-list li a dl dd{float: right; width: 28%;}
.news-list li a dl dd .place{padding-top: 66.67%; border-radius: .15rem;}
.news-list li a:hover{background-color: #f8f8f8;}

.y-line{position: absolute; top: .12rem; bottom: .12rem; left: .1875rem; border-left: .05rem dashed #27b0e2;}
.y-line:before{position: absolute; top: 0; left: -0.1375rem; content: ""; width: .12rem; height: .12rem; background-color: #eafeff; border: .05rem solid #27b0e2; border-radius: 50%;}
.y-line:after{position: absolute; bottom: 0; left: -0.1375rem; content: ""; width: .12rem; height: .12rem; background-color: #eafeff; border: .05rem solid #27b0e2; border-radius: 50%;}

.x-line{position: absolute; right: 0; bottom: 0; left: 0;}
.x-line i{display: block; position: relative; z-index: 2; margin: 0 auto; width: .12rem; height: .12rem; background-color: #eafeff; border: .05rem solid #27b0e2; border-radius: 50%;}
.x-line:before{position: absolute; right: 50%; top: 50%; left: 0; z-index: 1; content: ""; margin-top: -.025rem; border-bottom: .05rem dashed #27b0e2;}
.x-line:after{position: absolute; right: 0; top: 50%; left: 50%; z-index: 1; content: ""; margin-top: -.025rem; border-bottom: .05rem dashed #27b0e2;}

.button a{display: block; padding: .3125rem; color: #fff; text-align: center; border-radius: 10rem; background: #92c2ff !important; box-shadow: none !important;}
.button.blue a{background-image: linear-gradient(to bottom, rgba(76, 137, 248, 0), rgba(76, 137, 248, 1)); background-color: #38b7ff; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(56, 183, 255, 0.5);}
.button.green a{background-image: linear-gradient(to bottom, rgba(11, 204, 191, 0), rgba(11, 204, 191, 1)); background-color: #2eddd4; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(46, 221, 212, 0.5);}

/*pages*/
.wrapper{position: relative; padding-bottom: .25rem; background-color: #fff;}
.wrapper .background{position: absolute; right: 0; bottom: 0;}
.wrapper .background img{height: 1rem;}

.tabs-hd .cn{padding-top: 0; vertical-align: top}
.tabs-hd .cn.on{padding-top: .375rem;}

.zhanlan-tpxw{border-top-left-radius: .375rem; border-top-right-radius: .375rem; overflow: hidden;}
.zhanlan-tpxw .place{padding-top: 66.66667%;}
.zhanlan-set{padding-top: .25rem; padding-bottom: .75rem;}
.zhanlan-set dt{font-size: .625rem; font-weight: bold; line-height: 1.5;}
.zhanlan-set dd{font-size: .4rem; line-height: 1.875; color: #989ea7;}
.zhanlan-set dd.elli-m{-webkit-line-clamp: 3; max-height: 5.625em;}
.zhanlan-info dd{position: relative; font-size: .4rem; padding-left: .6rem; line-height: 1.875;}
.zhanlan-info dd img{position: absolute; top: 50%; left: 0; width: .4rem; height: .4rem; margin-top: -.2rem;}


.zhanlan-section{padding: .325rem .375rem 0; transition: 300ms;}
.zhanlan-section .zhanlan-set{padding-top: .25rem; padding-bottom: .75rem;}
.zhanlan-section .zhanlan-info{padding-bottom: .25rem;}

.hdrl-section{position: relative; padding-left: 1.2rem; padding-bottom: .25rem;}
.hdrl-section .side{position: absolute; top: 0; bottom: 0; left: -.2rem; width: 1.2rem;}
.hdrl-section .side img{display: block; width: 1rem; height: 1.0625rem; margin: 0 auto;}
.hdrl-section .side b{position: absolute; top: 1.0625rem; bottom: 0; left: 50%; margin-left: -0.025rem;}
.hdrl-section:last-child .side b{display: none;}

.droplist{position: absolute; top: auto; right: -10px; left: -10px; z-index: 999; display: none; padding-top: .125rem;}
.droplist dl{background-color: #fff; opacity: .85; max-height: 4.123rem; border: 1px solid #1db7d2; overflow-y: auto;}
.droplist dl dd a{display: block; margin-top: -1px; padding: .225rem 0; font-size: .375rem; color: #1db7d2; border-bottom: 1px solid #1db7d2;}
.droplist dl dd a:hover{background-color: #1db7d2; color: #fff;}
.droplist dl dd:last-child a{border-bottom: none;}

.zlhg-thumbs .swiper-slide:first-child .box b:before{content: normal;}
.zlhg-thumbs .swiper-slide:last-child .box b:after{content: normal;}
.zlhg-thumbs .swiper-slide .box{position: relative; cursor: pointer;}
.zlhg-thumbs .swiper-slide .box h4{position: relative; z-index: 2; padding-top: .25rem; font-size: .4rem; text-align: center; color: #989ea7; line-height: 1.25rem;}
.zlhg-thumbs .swiper-slide.swiper-slide-active .box h4{padding-top: 0; padding-bottom: .25rem; font-size: .5rem; color: #333;}

.zlhg-gallery .swiper-button{top: 25%; margin-top: 0;}
.zlhg-gallery .swiper-slide{width: 90%;/* transition: 300ms; transform: scale(0.9);*/ background-color: #fff;}
.zlhg-gallery .swiper-slide .zhanlan-section{opacity: 0;}
.zlhg-gallery .swiper-slide-active .zhanlan-section,
.zlhg-gallery .swiper-slide-duplicate-active .zhanlan-section{opacity: 1;}


.page-menu-swiper .swiper-slide{float: left; width: auto;}
.page-menu-swiper .swiper-slide a{position: relative; display: block; margin-right: 1.25em; padding-bottom: .075rem; font-size: .5625rem; text-align: left;}
.page-menu-swiper .swiper-slide a font{position: relative; z-index: 2;}
.page-menu-swiper .swiper-slide.checked a{font-weight: bold;}
.page-menu-swiper .swiper-slide.checked a i{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; width: 2em; margin: 0 auto; height: 0.1375rem; border-radius: 10rem; 
background-image: -webkit-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: -o-linear-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: -moz-linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));
background-image: linear-gradient(to right, rgba(28, 183, 210, 1), rgba(28, 183, 210, 0));}



.page-list dl{padding: .5rem .5rem .3rem; margin-bottom: .5rem; background-color: #fff; box-shadow: 0 0 .175rem rgba(0 0 0 / 10%); border-radius: .2875rem;}
.page-list dl dt{margin-bottom: .3rem; font-weight: bold; line-height: 1.25; text-align: justify;}
.page-list dl dd{padding: .2rem 0; position: relative;}
.page-list dl dd a.seemore{position: absolute; top: 0; right: 0; bottom: 0; width: 4em; padding-right: 1em; padding-left: 1em; font-size: .375rem; color: #fff; background-color: #1db7d2; border-radius: 10rem; transition: all .3s;}
.page-list dl dd a.seemore:hover{opacity: .85;}
.page-list dl dd a.seemore font{position: absolute; top: 50%; right: 0; left: 0; text-align: center; line-height: 1em; margin-top: -.5em;}
.page-detail{padding-right: .5rem; padding-left: .5rem;}
.article-title{text-align: center; font-size: .625rem; padding: .35rem 0; }
.article-attr{padding: .25rem 0 .35rem; line-height: 1.5; border-bottom: 3px solid #1db7d2;}
.article-attr span{font-size: .5rem;}
.article-attr span b{font-weight: normal;}
.article-attr span.date{padding-left: .75rem; position: relative; background: none;}
.article-attr span.date img{position: absolute; top: 50%; left: 0; width: .6rem; height: .6rem; margin-top: -.275rem}
.article-content{padding: .5rem 0; font-size: .5rem; line-height: 1 !important; text-align: justify;}
.article-content *{font-size: .5rem !important; line-height: 1.875 !important;}
.article-content p{margin: .5rem 0;}
.article-attachments{display: none;}
.article-attachments h3{padding: .625rem 0 .125rem; font-size: .5rem; font-weight: bold; border-top: .075rem solid #efefef;}

/*入馆预约*/
.cgyy-yycz{padding-bottom: 0;}
.cgyy-yycz .yyczlc dl{position: relative; padding-bottom: 2rem;}
.cgyy-yycz .yyczlc dl .seq{position: absolute; top: 0; width: .8rem; height: .8rem; background-color: #1db7d2; border-radius: 100rem; z-index: 2;}
.cgyy-yycz .yyczlc dl .seq i{display: block; width: 100%; height: .8rem; line-height: .85rem; font-family: "ZhenyanGB"; color: #fff; font-size: .4rem; font-style: normal; text-align: center; overflow: hidden;}
.cgyy-yycz .yyczlc dl .caption{font-family: "ZhenyanGB"; font-size: .5625rem; line-height: .8rem; color: #1db7d2;}
.cgyy-yycz .yyczlc dl .memo{margin-top: .3rem; margin-bottom: .5rem; color: #6f6f6f; line-height: 1.6; text-align: justify;}
.cgyy-yycz .yyczlc dl .memo font{color: #f00;}
.cgyy-yycz .yyczlc dl .pic img{height: 6.78rem;}
.cgyy-yycz .yyczlc dl:after{position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; content: ""; border-left: 2px dashed #27b0e2;}
.cgyy-yycz .yyczlc .last dl{padding-bottom: 0;}
.cgyy-yycz .yyczlc .last dl:after{bottom: 7rem;}
.cgyy-yycz .yyczlc .left{float: left; width: 50%;}
.cgyy-yycz .yyczlc .left dl{padding-right: .875rem;}
.cgyy-yycz .yyczlc .left .seq{right: -.4rem;}
.cgyy-yycz .yyczlc .left .caption{text-align: right;}
.cgyy-yycz .yyczlc .left .pic{text-align: right;}
.cgyy-yycz .yyczlc .right{float: right; width: 50%;}
.cgyy-yycz .yyczlc .right dl{margin-top: 3.75rem; padding-left: .875rem;}
.cgyy-yycz .yyczlc .right dl:after{content: normal;}
.cgyy-yycz .yyczlc .right .seq{left: -.4rem;}
.cgyy-yycz .yyczlc .right .caption{text-align: left;}
.cgyy-yycz .yyczlc .right .memo{text-align: left;}
.cgyy-yycz .yyczlc .right .pic{text-align: left;}
.cgyy-yycz .yyczlc div:last-child dl{padding-bottom: .5rem;}
.cgyy-rgyq{padding-bottom: 0;}
.cgyy-rgyq .memo{color: #6f6f6f; line-height: 1.6; text-align: justify;}
.cgyy-rgyq .memo p{padding-top: .2rem; padding-bottom: .2rem;}

.kxgjj-wrap{padding-bottom: 0;}
.kxgjj-wrap .common-thead .cn>a{letter-spacing: .125rem;}
.kxgjj-brief dl dt{position: relative; padding-right: .3rem; padding-bottom: .3rem;}
.kxgjj-brief dl dt img{position: relative; z-index: 2; display: block; width: 100%; height: auto;}
.kxgjj-brief dl dt:after{position: absolute; top: .3rem; right: 0; bottom: 0; left: .3rem; content: ""; background-color: #1db7d2; border-top-left-radius: 80px;}
.kxgjj-brief dl dd .memo{line-height: 1.8; color: #666; text-align: justify;}
.kxgjj-brief dl dd .memo p{text-indent: 2em;}
.kxgjj-brief dl dd .memo p + p{margin-top: .3rem;}
.kxgjj-brief dl dd .memo .picture{display: none;}

.kxgjj-honor .owl-carousel .owl-item{border-radius: .375rem; overflow: hidden;}
.kxgjj-honor .owl-carousel .item .place{padding-top: 75%;}
.kxgjj-honor .owl-carousel .item .caption{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: .5rem; color: #fff; text-align: center; background-color: rgba(0,0,0,.35); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .35));}

.kxgjj-bmsz ul{margin-top: -.4rem; margin-right: -.5rem; margin-left: -.5rem; text-align: center;}
.kxgjj-bmsz ul li{display: inline-block; position: relative; width: 32%;}
.kxgjj-bmsz ul li:before{position: absolute; top: 10%; bottom: 10%; right: 0; content: ""; width: .05rem; margin-top: .75rem; background-color: #dbdbdb;}
.kxgjj-bmsz ul li:last-child:before{content: normal;}
.kxgjj-bmsz ul li:nth-child(3):before{content: normal;}
.kxgjj-bmsz ul li a{display: block; margin: .75rem .125rem 0; position: relative; z-index: 2;}
.kxgjj-bmsz ul li a i{display: block; margin: 0 auto; width: .875rem; height: .875rem;}
.kxgjj-bmsz ul li a i img{display: block; width: 100%; height: 100%;}
.kxgjj-bmsz ul li a font{display: block; margin-top: .3rem; text-align: center; font-size: .4875rem;}
.kxgjj-bmsz ul li a:hover i{transform: rotateY(360deg); transition: all .5s linear;}

.zhanting{position: relative;}
.zhanting .tabmain{position: relative; z-index: 20; padding: .5rem; background-color: #f2fbfc;}
.zhanting .tabmain .hd li{display: inline-block; margin-right: .3125rem;}
.zhanting .tabmain .hd li a{display: block; font-weight: bold; font-size: .5625rem; color: #999; text-align: left; margin-top: .2rem; margin-bottom: .3rem;}
.zhanting .tabmain .hd li.on{cursor: pointer;}
.zhanting .tabmain .hd li.on a{font-weight: bold; color: #333;}
.zhanting .tabmain .bd{padding-top: .3rem; min-height: 4rem;}
.zhanting .tabmain .bd .section{text-align: justify; line-height: 2; color: #989ea7;}
.zhanting .tabmain .bd .section + .section{display: none;}
.zhanting .slidebox{position: relative; z-index: 10; padding-top: .75rem;}
.zhanting .slidebox .section{position: relative; z-index: 2; height: 56.25%; border-top-right-radius: .375rem; border-top-left-radius: .375rem; overflow: hidden;}
.zhanting .slidebox .section .place{padding-top: 56.25%;}
.zhanting .slidebox .section + .section{display: none;}
.zhanting .slidebox .background{position: absolute; top: 0; bottom: -1rem; z-index: 1;}
.zhanting .slidebox .background .inline{position: absolute; bottom: 0; width: 1.25rem;}
.zhanting .slidebox .background .inline span{display: inline-block; position: relative; padding: 0 .3rem; margin-bottom: .75rem; width: 1em; white-space: nowrap; font-size: .3rem; text-transform: uppercase; color: #fff; writing-mode:vertical-lr;}
.zhanting .slidebox .background .inline span:before{position: absolute; top: 30%; bottom: 0; content: ""; width: .075rem; background-color: #fff;}
.zhanting .slidebox .background .bgimg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-repeat: no-repeat; background-size: 4rem auto;}
.zhanting .slidebox .background.blue{background-color: #0cccbf; background-image: linear-gradient(to bottom, rgba(76, 137, 248, 0), rgba(76, 137, 248, 1)); background-color: #38b7ff; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(56, 183, 255, 0.5);}
.zhanting .slidebox .background.green{background-color: #4c8af8; background-image: linear-gradient(to bottom, rgba(11, 204, 191, 0), rgba(11, 204, 191, 1)); background-color: #2eddd4; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(46, 221, 212, 0.5);}
.zhanting .slidebox .background.purple{background-color: #9859ea; background-image: linear-gradient(to bottom, rgba(154, 93, 235, 0), rgba(154, 93, 235, 1)); background-color: #b786f6; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(183, 134, 246, 0.5);}
.zhanting.odd .slidebox{padding-right: 1.25rem;}
.zhanting.odd .slidebox .background{right: 0; left: .5rem; border-top-right-radius: 1.325rem;}
.zhanting.odd .slidebox .background .bgimg{background-position: right top;}
.zhanting.odd .slidebox .background .inline{right: 0; text-align: right;}
.zhanting.odd .slidebox .background .inline span:before{left: 0;}
.zhanting.odd .tabmain{margin-right: 1.25rem;}
.zhanting.even .slidebox{padding-left: 1.25rem;}
.zhanting.even .slidebox .background{right: .5rem; left: 0; border-top-left-radius: 1.325rem;}
.zhanting.even .slidebox .background .bgimg{background-position: left top;}
.zhanting.even .slidebox .background .inline{left: 0; text-align: left;}
.zhanting.even .slidebox .background .inline span:before{right: 0;}
.zhanting.even .tabmain{margin-left: 1.25rem;}

.lszt .zhanting .slidebox .background .bgimg{background-image: url(../images/lszt_bg_img.png);}
.jckxzt .zhanting .slidebox .background .bgimg{background-image: url(../images/jckxzt_bg_img.png);}
.smyjkzt .zhanting .slidebox .background .bgimg{background-image: url(../images/smyjkzt_bg_img.png);}

.zhanting .arrow a{display: inline-block; width: .75rem; height: .75rem; margin: 0 .125rem; border-radius: 100rem; cursor: pointer; transition: all .3s;}
.zhanting .arrow a i{display: block; width: 100%; height: 100%; line-height: .75rem; font-size: .5rem; color: #fff; text-align: center;}
.zhanting .arrow a:hover{opacity: .9;}
.zhanting .arrow.blue a{background-image: linear-gradient(to bottom, rgba(76, 137, 248, 0), rgba(76, 137, 248, 1)); background-color: #38b7ff; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(56, 183, 255, 0.5);}
.zhanting .arrow.green a{background-image: linear-gradient(to bottom, rgba(11, 204, 191, 0), rgba(11, 204, 191, 1)); background-color: #2eddd4; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(46, 221, 212, 0.5);}
.zhanting .arrow.purple a{background-image: linear-gradient(to bottom, rgba(154, 93, 235, 0), rgba(154, 93, 235, 1)); background-color: #b786f6; box-shadow: inset 0 0 .05rem 0 rgba(0, 0, 0, 0.05), 0 .05rem .175rem 0 rgba(183, 134, 246, 0.5);}

.bdMap{height: 400px;}
.bdMap_tips dl dt{height: 60px; margin-bottom: 5px; overflow: hidden;}
.bdMap_tips dl dd{line-height: 20px; color: #666;}
.BMapLib_bubble_title a{display: inline-block; margin-left: 10px; color: #1db7d2; font-weight: bold;}
