@charset "utf-8";

.column-head{text-align: center;}
.column-head a{color: #333;}
.column-head .cn{display: inline-block; position: relative; padding-bottom: .5em; margin-bottom: .325em; font-size: 1.875em; font-weight: bold; letter-spacing: .25em;}
.column-head .cn:after{position: absolute; right: 0; left: 0; bottom: 0; content: ""; width: 1.75em; height: 3px; margin: 0 auto; background-color: #1db7d2;}
.column-head .en{text-transform: uppercase; font-size: .875em; font-weight: bold; color: #999;}

/*科学馆简介*/
.kxgjj-layout{background-repeat: no-repeat; background-position: center top; background-size: cover;}
.kxgjj-brief{background-color: #fff;}
.kxgjj-brief dl dt{float: left; width: 39.25%; position: relative; padding-bottom: 35px;}
.kxgjj-brief dl dt img{position: relative; z-index: 2;}
.kxgjj-brief dl dt:after{position: absolute; top: 8%; right: -35px; bottom: 5px; left: 15%; content: ""; background-color: #1db7d2; border-top-left-radius: 80px;}
.kxgjj-brief dl dd{float: left; width: 60.75%;}
.kxgjj-brief dl dd > div{margin-left: 75px;}
.kxgjj-brief dl dd .memo{line-height: 2.2em; color: #666; text-align: justify;}
.kxgjj-brief dl dd .memo p{text-indent: 2em; margin-bottom: 1.25em; letter-spacing: .125em;}
.kxgjj-brief dl dd .memo p:last-child{margin-bottom: 0;}
.kxgjj-brief dl dd .memo .picture{display: none;}

.kxgjj-honor{background-image: url(../images/kxgjj/bg_01.png);}
.kxgjj-honor .slide-box{padding: 30px; background-color: #fff;}
.kxgjj-honor .slide-box .item a{display: block; padding: 15px 15px 0; margin: 15px; box-shadow: 0 0 15px rgba(0 0 0 / 15%);}
.kxgjj-honor .slide-box .item .place{padding-top: 72.56%;}
.kxgjj-honor .slide-box .item .text{display: block; padding: 1em 0; text-align: center;}

.kxgjj-bmsz ul{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
.kxgjj-bmsz ul li{float: left; position: relative; width: 20%;}
.kxgjj-bmsz ul li:before{position: absolute; top: 10%; bottom: 10%; right: 0; content: ""; width: 2px; margin-top: 20px; background-color: #dbdbdb;}
.kxgjj-bmsz ul li:last-child:before{content: normal;}
.kxgjj-bmsz ul li a{display: block; margin: 20px 10px 0; position: relative; z-index: 2;}
.kxgjj-bmsz ul li a i{display: block; margin: 0 auto; width: 60px; height: 60px;}
.kxgjj-bmsz ul li a i img{display: block; width: 100%; height: 100%;}
.kxgjj-bmsz ul li a font{display: block; margin-top: .5em; text-align: center; font-size: 1.125em; font-weight: bold;}
.kxgjj-bmsz ul li a:hover i{transform: rotateY(360deg); transition: all .5s linear;}

/*网上报名*/
.wsbm-wrapper{background: url(../images/wsbm/bg.png) no-repeat center top; background-size: cover;}
.wsbm-main{width: 80%; margin-right: auto; margin-left: auto;}
.wsbm-main dl{position: relative;}
.wsbm-main dl:before{position: absolute; top: 50%; right: 0; left: 0; margin-top: -2px; width: 19%; content: ""; border-top: 5px dotted #fe7f01}
.wsbm-main dl.left:before{margin-right: 44%; margin-left: 37%;}
.wsbm-main dl.right:before{margin-right: 37%; margin-left: 44%;}
.wsbm-main dl.left dd{float: left;}
.wsbm-main dl.left dt{right: 0;}
.wsbm-main dl.right dd{float: right;}
.wsbm-main dl.right dt{left: 0;}

.wsbm-main dl dd{width: 35%;}
.wsbm-main dl dt{width: 40%; position: absolute; top: 0; bottom: 0; height: 100%;}
.wsbm-main dl dt .table{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.wsbm-main dl dt .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.wsbm-main dl dt .inline h3{position: relative; font-size: 2.375em;}
.wsbm-main dl dt .inline h3 i{position: absolute; top: 0; left: -10px; font-size: 2.75em; font-family: Arial, Helvetica, sans-serif; color: #498cd8; line-height: 1em;}
.wsbm-main dl dt .inline h3 font{display: inline-block; max-width: 9em; margin-left: 1.875em; color: #434445;}
.wsbm-main dl dt .inline p{width: 95%; margin-top: .875em; color: #999; line-height: 2em;}

.cgyy-wrapper{background: url(../images/wsbm/bg.png) no-repeat center top; background-size: cover;}
.cgyy-main{margin-right: auto; margin-left: auto;}
.cgyy-yycz .yyczlc dl{position: relative; padding-bottom: 60px;}
.cgyy-yycz .yyczlc dl .seq{position: absolute; top: 0; }
.cgyy-yycz .yyczlc dl .memo{margin-top: 20px; margin-bottom: 40px; color: #6f6f6f; line-height: 1.8em; text-align: justify;}
.cgyy-yycz .yyczlc dl .memo font{color: #f00;}
.cgyy-yycz .yyczlc dl:after{position: absolute; top: 0; bottom: 0; right: 0; content: ""; border-left: 2px dashed #27b0e2;}
.cgyy-yycz .yyczlc dl.last:after{bottom: 280px;}
.cgyy-yycz .yyczlc .left{float: left; width: 50%;}
.cgyy-yycz .yyczlc .left dl{padding-right: 130px;}
.cgyy-yycz .yyczlc .left .seq{right: -57px;}
.cgyy-yycz .yyczlc .left .caption{text-align: right;}
.cgyy-yycz .yyczlc .left .memo{text-align: left;}
.cgyy-yycz .yyczlc .left .pic{text-align: right;}
.cgyy-yycz .yyczlc .right{float: right; width: 50%;}
.cgyy-yycz .yyczlc .right dl{margin-top: 280px; padding-left: 130px;}
.cgyy-yycz .yyczlc .right dl:after{content: normal;}
.cgyy-yycz .yyczlc .right .seq{left: -57px;}
.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-rgyq .memo{width: 90%; margin: 0 auto; color: #6f6f6f; line-height: 1.8em; text-align: justify;}
.cgyy-rgyq .memo p{padding-top: .5em; padding-bottom: .5em;}

/*zljy*/
.zljy-directory{margin-top: 50px; margin-bottom: 50px;  background-color: #fff; border-radius: 10px; box-shadow: 0 0 36px rgba(0 0 0 / 10%);}
.zljy-directory li{float: left; width: 25%;}
.zljy-directory li a{position: relative; display: block; font-size: 1.125em; color: #787878; line-height: 60px; text-align: center;}
.zljy-directory li a font{position: relative; z-index: 2;}
.zljy-directory li a:after{position: absolute; top: -5px; right: 0; bottom: -5px; left: -1px; z-index: 1; content: ""; background-color: #1db7d2; opacity: 0; transition: all .5s ease; transform: translateY(5%); border-radius: 8px;}
.zljy-directory li a:hover:after{background-color: #53cde2; opacity: 1; transform: translateY(0);}
.zljy-directory li a:hover font{color: #fff;}
.zljy-directory li a.on:after{background-color: #2fbdd6; opacity: 1; transform: translateY(0);}
.zljy-directory li a.on font{color: #fff;}
.zljy-directory li + li a{border-left: 1px solid #eeeeee;}

/*展览厅*/
.zhanlanting{background: url(../images/zhanlan/bg_01.png) no-repeat center bottom;}
.zhanlanting .menu{border-bottom: 1px dotted #d8dae1;}
.zhanlanting .menu li{float: left; width: 15.5%; position: relative; margin-bottom: -1px; text-align: center;}
.zhanlanting .menu li a.link{display: inline-block; position: relative; padding-bottom: 1em; font-weight: bold; font-size: 1.125em; color: #1db7d2;}
.zhanlanting .menu li a.link:before{position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background-color: #1db7d2;}
.zhanlanting .menu li a.on:before{content: "";}
.zhanlanting .menu li .droplist{position: absolute; top: auto; right: -10px; left: -10px; z-index: 9999; display: none; padding-top: 5px;}
.zhanlanting .menu li .droplist dl{padding: .5em 0; background-color: #1db7d2;}
.zhanlanting .menu li .droplist dl dd{padding: .75em 0; color: #fff;}
.zhanlanting .menu li .droplist dl dd a{color: #fff;}
.zhanlanting .menu li .droplist dl dd a:hover{color: #ffc;}
.zhanlanting .menu li.review{width: auto; margin-right: 5%; margin-left: 5%;}
.zhanlanting .menu li.unfold{cursor: pointer;}
.zhanlanting .menu li.unfold .droplist{display: block;}
.zhanlanting .menu li.xnzl .droplist{right: -30px; left: -30px;}
.zhanlanting .menu li.xnzl .droplist dl dd{padding-right: .75em; padding-left: .75em;}
.zhanlanting .zlnr .memo{text-align: justify; line-height: 2.25em; color: #666;}
.zhanlanting .zlnr .memo p{text-indent: 2em;}
.zhanlanting .zlnr .posters{position: relative; z-index: 2; min-height: 300px; text-align: center;}
.zhanlanting .zlnr .posters a{display: block;}
.zhanlanting .zlnr .posters dl{position: absolute; right: -60px; bottom: -60px; z-index: 20; padding: 40px 60px; text-align: left; border-top-right-radius: 60px; border-bottom-left-radius: 60px; overflow: hidden;}
.zhanlanting .zlnr .posters dl:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 1; background-color: #1db7d2; border-top-right-radius: 60px; border-bottom-left-radius: 60px; opacity: .65;}
.zhanlanting .zlnr .posters dl dt{position: relative; z-index: 2; color: #fff; font-size: 1.25em; font-weight: bold; width: 17em; margin-bottom: 1em; line-height: 1.375em;}
.zhanlanting .zlnr .posters dl dd{position: relative; z-index: 3; margin-top: .3125em; color: #fff; line-height: 1.8em;}


.zhanlanting.zlhg .zlnr .posters dl{right: 0; bottom: 0;}
.zhanlanting.zlhg .zlnr .posters dl:after{opacity: .85;}
.zhanlanting.zlhg .owl-carousel .owl-nav > div{top: 55%; margin-top: 0;}
.zhanlanting.zlhg .owl-carousel .owl-nav > div.owl-prev{left: -28px;}
.zhanlanting.zlhg .owl-carousel .owl-nav > div.owl-next{right: -28px;}
.zhanlanting.zlhg .setting{position: relative; z-index: 1; padding: 30px 40px 40px; background-color: #fff; box-shadow: inset 0 0 20px rgba(0 0 0 / 5%);}
.zhanlanting.zlhg .setting .mb{margin-bottom: 30px;}
.zhanlanting.zlhg .setting .caption{font-size: 1.875em; font-weight: bold; line-height: 1.25em;}
.zhanlanting.zlhg .setting .desc{color: #666; line-height: 2.25em; text-align: justify;}
.zhanlanting.zlhg .setting .zlys{line-height: 2.25em;}
.zhanlanting.zlhg .setting .zlys dd{position: relative; padding-left: 2em;}
.zhanlanting.zlhg .setting .zlys dd i{position: absolute; top: 50%; left:0; margin-top: -.75em; width: 1.5em; height: 1.5em;}
.zhanlanting.zlhg .setting .zlys dd i img{display: block; width: 100%; height: 100%;}
.zhanlanting.zlhg .setting .seemore a{position: relative; display: inline-block; padding-right: 1em; font-weight: bold; padding-bottom: 1em; color: #2cc0ea; transition: all .5s;}
.zhanlanting.zlhg .setting .seemore a:after{position: absolute; right: 0; bottom: 0; left: 0; content: ""; height: 8px; background: url(../images/more.png) no-repeat right bottom;}
.zhanlanting.zlhg .setting .seemore a:hover{margin-left: 20px;}


.zhanlansz{padding-top: 80px;}
.zhanlansz .owl-carousel .item{transition: 300ms; transform: scale(0.8);}
.zhanlansz .owl-carousel .item .section{margin-top: 13%;}
.zhanlansz .owl-carousel .item .section .picbox{overflow: hidden;}
.zhanlansz .owl-carousel .item .section dl{display: none;}
.zhanlansz .owl-carousel .item .section dl dt{padding: 30px 0 15px; font-size: 1.125em; font-weight: bold; text-align: center;}
.zhanlansz .owl-carousel .item .section dl dd{color: #666; line-height: 2.25em; max-height: 6.75em; -webkit-line-clamp: 3; text-align: justify;  overflow: hidden;}
.zhanlansz .owl-carousel .owl-item.center .item{transform: scale(1);}
.zhanlansz .owl-carousel .owl-item.center .section{padding: 35px; margin-top: 0; background-color: #f8fafe;}
.zhanlansz .owl-carousel .owl-item.center .section dl{display: block;}
.zhanlansz .owl-carousel .owl-item.center .section dl dt a{color: #333;}
.zhanlansz .owl-carousel .owl-nav > div.owl-prev{left: 25% !important; margin-left: -28px;}
.zhanlansz .owl-carousel .owl-nav > div.owl-next{right: 25% !important; margin-right: -28px;}

/*展厅*/
.zhanting{position: relative;}
.zhanting .tabbox{width: 42%;}
.zhanting .tabmain{padding-top: 40px; padding-bottom: 40px; background-color: #f6fbfe;}
.zhanting .tabmain .hd li{float: left; width: 30%; margin-right: 3%;}
.zhanting .tabmain .hd li.w1{width: 40%;}
.zhanting .tabmain .hd li.w2{width: 50%;}
.zhanting .tabmain .hd li.w3{width: 60%;}
.zhanting .tabmain .hd li a{display: block; font-weight: bold; font-size: 1.125em; color: #333; line-height: 40px; text-align: center; margin-bottom: 10px; border-radius: 6px;}
.zhanting .tabmain .hd li.on{cursor: pointer;}
.zhanting .tabmain .hd li.on a{font-size: 1.25em; color: #fff; background-color: #6bbdee;}
.zhanting .tabmain .bd{padding-top: 40px; min-height: 316px;}
.zhanting .tabmain .bd .section{text-align: justify; line-height: 2.25em; color: #666;}
.zhanting .tabmain .bd .section + .section{display: none;}
.zhanting .tabmain .arrow a{float: left; position: relative; margin-right: 10px; width: 34px; height: 34px; background-color: #1db7d2; border-radius: 50%; cursor: pointer;}
.zhanting .tabmain .arrow a i{ position: absolute; top: 50%; right: 0; left: 0; margin-top: -.5em; color: #fff; font-size: 1.125em; line-height: 1em; text-align: center;}
.zhanting .tabmain .arrow a:hover{opacity: .85;}
.zhanting .slidebox{width: 58%; position: absolute; top: 0; bottom: 0;}
.zhanting .slidebox .background{position: absolute; top: 8%; right: 0; bottom: 8%; z-index: 1; width: 42%; background-color: #1db7d2; background-repeat: no-repeat; background-position: right bottom; background-image: url(../images/zhanting/bg_01.png); border-top-right-radius: 50px; border-bottom-left-radius: 50px;}
.zhanting .slidebox .background .table{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.zhanting .slidebox .background .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; letter-spacing: .1em;}
.zhanting .slidebox .background .inline span{display: inline-block; position: relative; text-transform: uppercase; color: #fff; writing-mode:vertical-lr;}
.zhanting .slidebox .background .inline span:before{position: absolute; top: 10%; bottom: -10%; content: ""; width: 1px; background-color: #fff;}
.zhanting .slidebox .section{position: absolute; top: 8%;  bottom: 16%; margin-top: -8%; z-index: 2;}
.zhanting .slidebox .section .place{padding-top: 58.25%;}
.zhanting .slidebox .section + .section{display: none;}

.zhanting.isOdd .tabbox{float: left;}
.zhanting.isOdd .tabmain{padding-right: 145px; padding-left: 35px;}
.zhanting.isOdd .slidebox{right: 0;}
.zhanting.isOdd .slidebox .background{right: 0;}
.zhanting.isOdd .slidebox .background .inline{text-align: right;}
.zhanting.isOdd .slidebox .background  .inline span{margin-right: 30px;}
.zhanting.isOdd .slidebox .background .inline span:before{left: -10px;}
.zhanting.isOdd .slidebox .section{right: 100px; left: 0; margin-left: -100px;}

.zhanting.isEven .tabbox{float: right;}
.zhanting.isEven .tabmain{padding-left: 145px; padding-right: 35px;}
.zhanting.isEven .slidebox{left: 0;}
.zhanting.isEven .slidebox .background{left: 0; text-align: left;}
.zhanting.isEven .slidebox .background  .inline span{margin-left: 30px;}
.zhanting.isEven .slidebox .background .inline span:before{left: auto; right: -10px;}
.zhanting.isEven .slidebox .section{right: 0; left: 100px; margin-right: -100px;}

/*活动日历*/
.hdrl-month{position: relative; padding: 0 90px;}
.hdrl-month:before{content: ''; position: absolute; left: 0; right: 0; top: 72px; height: 3px; border-top: #D8D8D8 1px dashed; border-radius: 50%;}
.hdrl-button .swiper-button-prev,
.hdrl-button .swiper-button-next{width: 55px; height: 55px; background: #fff; border: #DCDCDC 1px solid; border-radius: 50%; opacity: 1; z-index: 9; top: 44px; margin-top: 0;}
.hdrl-button .swiper-button-prev:after,
.hdrl-button .swiper-button-next:after{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 14px; height: 25px; background: url(../images/hdrl/arrow.png) no-repeat; opacity: .3;}
.hdrl-button .swiper-button-prev:after{background-position: 0 0;}
.hdrl-button .swiper-button-next:after{background-position: -14px 0;}
.hdrl-button .swiper-button-prev{left: 0;}
.hdrl-button .swiper-button-next{right: 0;}
.hdrl-button .swiper-button-prev:hover:after,
.hdrl-button .swiper-button-next:hover:after{opacity: .5;}
.hdrl-button .swiper-button-prev:hover,
.hdrl-button .swiper-button-next:hover{border-color: #ccc;}

.hdrl-month .swiper-slide{color: #D8D8D8; text-align: center;}
.hdrl-month .swiper-slide .box{height: 160px; padding:0 20px; box-sizing: border-box; background: #fff; display: inline-block; text-align: right; padding-top: 21px;}
.hdrl-month .swiper-slide .m{font-size: 60px; font-weight: bold; display: block; position: relative; margin-bottom: 10px;}
.hdrl-month .swiper-slide .m em{font-style: normal; font-size: 20px;}
.hdrl-month .swiper-slide .y{font-size: 14px; display: block;}
.hdrl-month .swiper-slide .m:after{content: ''; position: absolute; width: 32px; height: 2px; background: #D8D8D8; bottom: 2px; right: 0;}
.hdrl-month .swiper-slide-active .box{border: #1DB7D2 1px solid; color: #1DB7D2; padding: 20px 30px 0;}
.hdrl-month .swiper-slide-active .m:after{background: #1DB7D2;}

.hdrl-list{position: relative; padding-bottom: 630px;}
.hdrl-list li{padding: 160px 0 120px; position: relative;}
.hdrl-list li:last-child{padding-bottom: 0;}
.hdrl-list .time{font-size: 14px; color: #666666; position: relative; background: #fff; padding: 49px 0 25px; width: 145px; margin: 0 auto; text-align: center;}
.hdrl-list .time:before{content: ''; position: absolute; top: 16px; left: 0; right: 0; margin: 0 auto; width: 22px; height: 22px; background: url(../images/hdrl/icon1.png) no-repeat;}
.hdrl-list .time:after{content: ''; width: 9px; height: 10px; background: url(../images/hdrl/icon2.png) no-repeat; position: absolute; left: -5px; top: 55px;}
.hdrl-list li:after{content: ''; position: absolute; left: 50%; width: 1px; top: 0; bottom: 0; background: #1DB7D2; z-index: -1;}
.hdrl-list li.r .time:after{left: auto; right: -5px; background-image:url(../images/hdrl/icon4.png);}

.hdrl-list .cont{position: absolute; top: 60px; left: 38px; width: 500px; z-index: 9;}
.hdrl-list .r .cont{position: absolute; left: auto; right: 38px;}
.hdrl-list .cont .pic a{display: block; height: 300px;}
.hdrl-list .cont .pic a img{display: block; width: 100%; height: 100%;}
.hdrl-list .cont .txt{background: #F8FAFE; height: 358px; padding: 30px; box-sizing: border-box;}
.hdrl-list .cont .txt h4{font-size: 18px; margin-bottom: 20px;}
.hdrl-list .cont .txt .elli-m{color: #666666; line-height: 34px; display: block; text-align: justify; /*max-height: 102px; -webkit-line-clamp: 3;*/}
.hdrl-list .cont .txt .addr{position: absolute; bottom: 30px; left: 30px; right: 30px; background: url(../images/hdrl/icon3.png) no-repeat left center; padding-left: 34px; font-size: 18px; line-height: 38px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.hdrl-list .cont .txt .detail{width: 125px; height: 38px; background: #1DB7D2; color: #fff; text-align: center; line-height: 38px; position: absolute; right: 30px; bottom: 30px;}


/** 动画 **/
.set-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;}
.set-anim-upbit{-webkit-animation-name: set-upbit; animation-name: set-upbit;}
/* 微微往上滑入 */
@-webkit-keyframes set-upbit{
  from {-webkit-transform: translate3d(0, 15px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes set-upbit{
  from {transform: translate3d(0, 15px, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}

@media (max-width: 1440px) {
  .kxgjj-honor .slide-box{padding: 35px;}
  .zhanlanting .zlnr .posters dl{right: -25px; bottom: -110px; padding: 20px 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px;}
  .zhanlansz .owl-carousel .owl-item.center .section{padding: 25px;}
}