@charset "utf-8";

/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei";color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img {-webkit-touch-callout: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.rps{display: block;max-width: 100%;}
.tjlx{display: block;max-width: 100%;margin-left:13%;  margin-top: 20px;}
.upload img{max-width: 100%;}
.container{width: 94%;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
@font-face {
	font-family: 'Time';
	src: url('../font/6px2bus.eot');
	src: url('../font/6px2bus.eot?#iefix') format('embedded-opentype'),
		 url('../font/6px2bus.woff') format('woff'),
		 url('../font/6px2bus.ttf') format('truetype'),
		 url('../font/6px2bus.svg#Time') format('svg');
	font-style: normal;
	font-weight: normal;
}

/****************************** Icon Sprite ******************************/
header .nav,
nav li > a:before,
.index-news h2 a,
.index-activity a:after,
/* .index-special-exhibition .column .highlight:after, */
.index-permanent-exhibition span:before,
.strategy-guide .picture .switch,
.strategy-visit .table:before,
.strategy-onedaytour .list .bottom p:before,
.exhibition .category a:before,
.exhibition-special .item span:before,
.exhibition-timetable ul li h3:after,
.trainning a:before,
.activity-exhibition .remark a:before,
.news .category a:before,
.about .facility .name-en:after,
.contact .faq .item .question:before,
.contact .recruit li h3:after{background:none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
nav,
.to-top,
.about .honor .progress .line{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;padding: 10px 0;background: #fff;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);}
header .nav{position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -20px;right: 5%;background-position: -10px -10px;}
header .logo{display: block;width: 100px;height: 43px;margin-left: 5%;}
header + .placeholder{height: 63px;}

nav{position: fixed;top: 63px;left: 0;z-index: 100;width: 100%;height: calc(100vh - 63px);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
nav.active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
nav ul{float: left;width: 78%;height: 100%;background: rgba(14, 128, 206, .9);}
nav li{-webkit-transition: background .3s;transition: background .3s;}
nav li > a{position: relative;display: block;line-height: 50px;padding-left: 25%;border-bottom: 1px solid #2c73bc;font-size: 16px;color: #fff;letter-spacing: 1px;}
nav li > a:before{content: "";position: absolute;top: 10px;left: 12%;width: 30px;height: 30px;}
nav li:nth-child(1) > a:before{background-position: -135px -14px;}
nav li:nth-child(2) > a:before{background-position: -195px -14px;}
nav li:nth-child(3) > a:before{background-position: -255px -14px;}
nav li:nth-child(4) > a:before{background-position: -315px -14px;}
nav li:nth-child(5) > a:before{background-position: -375px -14px;}
nav li:nth-child(6) > a:before{background-position: -435px -14px;}
nav li:nth-child(7) > a:before{background-position: -495px -14px;}
nav li:nth-child(8) > a:before{background-position: -555px -14px;}
nav li.active{background: #025b98;}
nav li.active > a{border-color: #004a7b;}
nav li .subnav{display: none;padding: 10px 0 10px 25%;}
nav li .subnav a{display: block;line-height: 40px;font-size: 14px;color: #fff;}
nav .right{float: right;width: 22%;height: 100%;}
nav + img{border-top: 1px solid #20c5be;}

footer{padding: 15px 0 10px;background: #5ebf92;text-align: center;}
footer .category{position: relative;padding-bottom: 10px;border-bottom: 1px solid #8fd2b3;}
footer .category:after{content: "";position: absolute;bottom: -1px;left: 50%;width: 40px;margin-left: -20px;border-bottom: 1px solid #186aa8;}
footer .category a{line-height: 20px;margin-right: 2px;font-size: 12px;color: #fff;}
footer .copyright{margin-top: 15px;font-size: 14px;color: #fff;}
footer .maker{line-height: 20px;margin-top: 10px;font-size: 14px;color: #eee;}
footer .maker a{color: #eee;}

.to-top{position: fixed;right: 3%;bottom: 20px;display: none;width: 40px;line-height: 40px;background: rgba(0, 0, 0, .8);color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;opacity: 0;}
.to-top.active{opacity: 1;}

/****************************** Page Component ******************************/
.page-title{display: block;width: 100%;margin-top: 40px;}

.schedule li .top{padding: 10px 0;overflow: hidden;background: #207fb3;}
.schedule li .top span{float: left;width: 33.33%;line-height: 24px;border-right: 1px solid #79b2d1;font-size: 14px;color: #fff;text-align: center;}
.schedule li .top span:last-child{border: none;}
.schedule li .bottom{overflow: hidden;background: #279bd9;font-size: 14px;color: #fff;}
.schedule li .bottom .name{float: left;line-height: 40px;margin-left: 2em;}
.schedule li .bottom .duration{float: right;width: 30%;line-height: 40px;margin-right: 2em;}


/****************************** Index ******************************/
.banner-index2 img{width: 100%;}
.banner-index img{visibility: hidden;}
.banner-index .tb-btn{right: 7%;}
.banner-index .tb-btn a.active{width: 30px;background: #f78700;border-radius: 5px;}

.index-headline{margin-top: 40px;}
.index-headline p{line-height: 20px;margin-top: 12px;padding: 0 3.4%;font-size: 14px;text-align: center;}
.index-headline p:before{content: "";display: block;width: 50px;margin: 0 auto 16px;border-bottom: 2px solid #f78700;}

.index-news{width: 86.2%;margin: 30px auto 0;background: #5687c9;border-radius: 5px;color: #fff;}
.index-news h2{position: relative;line-height: 60px;padding: 0 8%;font-weight: bold;font-size: 18px;}
.index-news h2 a{position: absolute;top: 18px;right: 8%;width: 25px;height: 25px;background-position: -19px -138px;border: 1px solid #fff;}
.index-news .wrapper a{display: block;padding: 10px 8%;overflow: hidden;color: #fff;}
.index-news .wrapper a:nth-child(odd){background: #4977b5;}
.index-news .wrapper a .date{float: left;width: 16%;text-align: center;}
.index-news .wrapper a .date em{display: block;line-height: 25px;font-size: 24px;}
.index-news .wrapper a .date span{display: block;line-height: 15px;}
.index-news .wrapper a p{float: left;width: 84%;line-height: 40px;padding-left: 5%;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}

.index-activity{width: 86.2%;margin: 30px auto 0;padding: 20px 8%;background: url(../img/bg-index-activity.jpg) no-repeat 0 / 100% 100%;border-radius: 5px;color: #fff;}
.index-activity h2{line-height: 20px;font-weight: bold;font-size: 18px;color: #fff;}
.index-activity img{display: block;width: 100%;margin-top: 20px;}
.index-activity h3{line-height: 20px;margin-top: 12px;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}
.index-activity span{display: block;line-height: 14px;margin-top: 6px;}
.index-activity p{line-height: 20px;margin-top: 12px;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.index-activity a{display: block;width: 100px;line-height: 26px;margin-top: 6px;border: 1px solid #fff;font-size: 14px;color: #fff;text-indent: 16px;letter-spacing: .5px;text-transform: uppercase;}
.index-activity a:after{content: "";display: inline-block;width: 20px;height: 9px;margin-left: 10px;background-position: -320px -145px;}

.index-special-exhibition{padding-bottom: 100px;background: url(../img/bg-index-exhibition.png) no-repeat right bottom / 100%;}
.index-special-exhibition .top{margin-top: 50px;overflow: hidden;}
.index-special-exhibition .top .figure{float: left;width: 37.9%;margin-top: 20px;}
.index-special-exhibition .top .text{float: right;width: 55%;}
.index-special-exhibition .top .text p{display: -webkit-box;height: 60px;line-height: 20px;margin-top: 16px;overflow: hidden;font-size: 14px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-special-exhibition .top .text a{display: inline-block;margin-top: 20px;font-size: 14px;color: #186aa8;}
.index-special-exhibition .timetable{display: inline-block;line-height: 20px;margin-top: 20px;font-size: 14px;color: #f78700;}
.index-special-exhibition .list{margin-top: 30px;overflow: hidden;display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index-special-exhibition .column{width: 46.5%;}
/* .index-special-exhibition .column:last-child{float: right;} */
.index-special-exhibition .column a{display: block;margin-bottom: 20px;}
.index-special-exhibition .column h3{line-height: 20px;margin-top: 12px;font-size: 16px;color: #333;}
.index-special-exhibition .column .highlight{line-height: 20px;margin-top: 12px;font-size: 14px;color: #186aa8;}
.index-special-exhibition .column .highlight em{display: block;font-weight: bold;}
/* .index-special-exhibition .column .highlight:after{content: "";display: block;width: 30px;height: 30px;margin-top: 10px;background-position: -255px -135px;} */
.index-special-exhibition .column .desc{display: -webkit-box;height: 60px;line-height: 20px;margin-top: 10px;overflow: hidden;font-size: 14px;color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.index-permanent-exhibition{margin: 30px auto 50px;}
.index-permanent-exhibition .large{display: block;width: 100%;margin-top: 24px;}
.index-permanent-exhibition h3{line-height: 20px;margin-top: 24px;font-size: 16px;color: #186aa8;}
.index-permanent-exhibition p{line-height: 20px;margin-top: 12px;font-size: 14px;}
.index-permanent-exhibition span{display: block;line-height: 24px;margin-top: 20px;font-size: 14px;}
.index-permanent-exhibition span:before{content: "";display: inline-block;width: 23px;height: 23px;margin-right: 6px;vertical-align: -7px;background-position: -138px -138px;}
.index-permanent-exhibition a{display: inline-block;line-height: 20px;margin-top: 12px;font-size: 14px;color: #186aa8;}

/****************************** 科技馆攻略 ******************************/
.strategy{margin: 0 auto 40px;}
.strategy .page-title{margin-top: 40px;}
.strategy .container > p{line-height: 17px;font-size: 12px !important;}
.strategy .container > .p1{font-size: 16px; color: #279bd9;font-weight: 500px;text-align: center;margin: 20px 0;}
.strategy .container > img{margin-bottom: 15px;}

.strategy .category{padding: 28px 8%;overflow: hidden;background: #f7f7f7;}
.strategy .category a{float: left;width: 31%;margin-right: 3.5%;}
.strategy .category a:nth-child(3n){margin-right: 0;}
.strategy .category a:nth-child(-n+3){margin-bottom: 12px;}
.strategy .category a img{display: block;width: 100%;}
.strategy-guide .picture{position: relative;width: 90%;margin: 30px auto 0;border: 1px solid #1eb7b6;}
.strategy-guide .picture .switch{z-index: 1;position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;border-radius: 50%;}
/*.strategy-guide .picture .switch:after{content: "";position: absolute;width: 20px;height: 40px;top: -1px;background: #fff;}*/
.strategy-guide .picture .switch.prev{background-position:-430px -70px;left: -19px;}
.strategy-guide .picture .switch.next{background-position:-490px -70px;right: -19px;}

.strategy-visit .table{display: inline-block;line-height: 24px;margin-top: 15px;font-size: 14px;color: #279bd9;}
.strategy-visit .table:before{content: "";display: inline-block;width: 24px;height: 24px;margin-right: 12px;vertical-align: bottom;background-position: -317px -78px;}

.strategy-visit .parkimg  a img{width: 100%;height: auto;}
.strategy-onedaytour{left: 0;width: 100%;}
.strategy-onedaytour .list{margin-top: 30px;background: url(../img/bg-strategy-onedaytour.jpg) no-repeat center top / 100%;}
.strategy-onedaytour .list .top span{display: block;margin-top: 15vw;font: 30px/30px "Time";color: #ec780b;text-align: center;}
.strategy-onedaytour .list .top p{position: relative;left: 50%;display: inline-block;line-height: 32px;margin-top: 6vw;padding: 0 20px;border: 1px solid #a689ad;font-size: 14px;color: #a689ad;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.strategy-onedaytour .list .top p:before{content: "";position: absolute;top: -4px;left: -4px;width: 100%;height: 100%;}
.strategy-onedaytour .list .bottom{width: 94%;margin: 20vw auto 0;}
.strategy-onedaytour .list .bottom .wrapper{width: 80%;margin: 0 auto;}
.strategy-onedaytour .list .bottom img{float: left;width: 42%;margin: 0 4%;}
.strategy-onedaytour .list .bottom p{position: relative;line-height: 24px;margin-top: 35px;padding: 40px 6.8% 20px;border: 1px solid #f5f5f5;font-size: 14px;color: #333;text-align: center;}
.strategy-onedaytour .list .bottom p:before{content: "";position: absolute;top: -10px;left: 50%;width: 30px;height: 20px;margin-left: -15px;background-color: #fff;background-position: -375px -80px;}
.strategy-onedaytour .list .timeline{position: relative;left: 50%;display: inline-block;margin-top: 60px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.strategy-onedaytour .list .timeline:after{content: "";display: block;clear: both;}
.strategy-onedaytour .list .timeline li{position: relative;float: left;width: 15px;height: 15px;margin: 0 15px 10px;border: 2px solid #e5e5e5;border-radius: 50%;}
.strategy-onedaytour .list .timeline li span{position: absolute;top: -32px;left: 50%;display: none;width: 60px;margin-left: -30px;background: #ec780b;font: 12px/20px "Time";color: #fff;text-align: center;}
.strategy-onedaytour .list .timeline li span:after{content: "";position: absolute;bottom: -12px;left: 50%;margin-left: -6px;border: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #ec780b;}
.strategy-onedaytour .list .timeline li.active{border-color: #ec780b;}
.strategy-onedaytour .list .timeline li.active span{display: block;}

.strategy-our-service .section{position: relative;}
.strategy-our-service .section-1{margin-top: 30px;}
.strategy-our-service .section .container{position: absolute;top: 0;left: 3%;height: 100%;}
.strategy-our-service .section h3{line-height: 20px;margin-top: 20px;font-size: 20px;color: #fff;text-align: center;}
.strategy-our-service .section h3 em{display: block;font-size: 14px;text-transform: capitalize;}
.strategy-our-service .section p{line-height: 24px;margin-top: 10px;font-size: 14px;color: #fff;text-align: center;}
.strategy-our-service .section h3.dark,
.strategy-our-service .section p.dark{color: #333;}
.strategy-our-service .section .remark{position: relative;top: 50%;display: block;font-size: 30px;color: #333;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}



/****************************** 展品赏析 ******************************/
.exhibition{width: 94%;margin: 25px auto;}
.exhibition .category{overflow: hidden;}
.exhibition .category a{float: left;width: 28.6%;margin-right: 7.1%;background: #23a1dd;border-radius: 5px;}
.exhibition .category a:last-child{margin-right: 0;}
.exhibition .category a:before{content: "";display: block;width: 30px;height: 30px;margin: 10px auto 0;}
.exhibition .category a:nth-child(1):before{background-position: -134px -75px;}
.exhibition .category a:nth-child(2):before{background-position: -194px -75px;}
.exhibition .category a:nth-child(3):before{background-position: -254px -75px;}
.exhibition .category a span{display: block;line-height: 32px;font-size: 16px;color: #fff;text-align: center;}

.exhibition-special .top{display: block;width: 100%;margin-top: 32px;}
.exhibition-special dl dt{margin-top: 20px;padding: 40px 5%;background: #23a1dd;border-radius: 5px;color: #fff;}
.exhibition-special dl dt h3{line-height: 24px;font-weight: bold;font-size: 18px;}
.exhibition-special dl dt h3 em{display: block;font-weight: normal;font-size: 12px;text-transform: uppercase;}
.exhibition-special dl dt strong{display: block;line-height: 24px;margin-top: 10px;font-size: 18px;}
.exhibition-special dl dt p{line-height: 24px;margin-top: 10px;padding-top: 10px;border-top: 1px solid #9cd5f0;font-size: 14px;color: #f5f5f5;}
.exhibition-special dl dd h3{line-height: 40px;margin-top: 24px;border-bottom: 1px solid #e5e5e5;font-weight: bold;font-size: 18px;color: #333;}
.exhibition-special dl dd p{line-height: 24px;margin-top: 12px;font-size: 14px;color: #333;}

.exhibition-special .year{margin-top: 20px;padding-bottom: 5px;}
.exhibition-special .year:after{content: "";position: absolute;bottom: 5px;left: 0;width: 100%;border-bottom: 1px solid #999;}
.exhibition-special .year a{line-height: 40px;font-size: 14px;color: #000;text-align: center;font-weight: bold;}
.exhibition-special .year a.current{color: #23a1dd;}
.exhibition-special .year a.current:before{content: "";width: 80%;bottom: 0;left: 10%;border-bottom: 1px solid #23a1dd;position: absolute;}
.exhibition-special .year a.current:after{content: "";width: 13px;height: 13px;position: absolute;background: #23a1dd;bottom: -5px;left: 50%;margin-left: -5px;border-radius: 50%;border: 3px solid #bde3f5;}
.exhibition-special .item{padding: 30px 0;border-bottom: 1px solid #dbdbdb;}
.exhibition-special .item:last-of-type{border: none;}
.exhibition-special .item:after{content: "";display: block;clear: both;}
.exhibition-special .item .figure{position: relative;}
.exhibition-special .item .figure:before{content: "";position: absolute;top: 4px;left: 4px;width: 100%;height: 100%;background: #dbdbdb;}
.exhibition-special .item .figure img{display: block;width: 100%;position: relative;}
.exhibition-special .item h3{margin-top: 28px;color: #333;font-size: 18px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.exhibition-special .item h3:after{display: block;width: 40px;margin-top: 12px;border-bottom: 1px solid #dbdbdb;content: "";}
.exhibition-special .item p{margin-top: 8px;line-height: 28px;font-size: 14px;height: 56px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.exhibition-special .item span{float: left;margin-top: 24px;line-height: 32px;font-size: 14px;color: #999;}
.exhibition-special .item span:before{content: "";display: inline-block;vertical-align: -3px;margin-right: 6px;width: 16px;height: 16px;background-position:-382px -142px;}
.exhibition-special .item a{float: right;margin-top: 24px;line-height: 32px;background: #23a1dd;font-size: 14px;color: #fff;text-align: center;padding: 0 15px;}

.exhibition-normal .top{display: block;max-width: 100%;margin: 30px auto 0;}
.exhibition-normal .list li h3{line-height: 40px;margin-top: 24px;font-weight: bold;font-size: 18px;color: #333;}
.exhibition-normal .list li p{line-height: 24px;font-size: 14px;color: #333;}
.exhibition-normal .list .switch{width: 60%;margin: 20px auto 0;}
.exhibition-normal .list .switch a{float: left;width: 40%;line-height: 30px;margin: 0 5%;border: 1px solid #e5e5e5;font-size: 14px;text-align: center;}

.exhibition-timetable ul{margin-top: 30px;}
.exhibition-timetable ul li{margin-bottom: 40px;}
.exhibition-timetable ul li h3{position: relative;height: 40px;}
.exhibition-timetable ul li:nth-child(1) h3{background: #1eb7b6;}
.exhibition-timetable ul li:nth-child(2) h3{background: #fabf14;}
.exhibition-timetable ul li:nth-child(3) h3{background: #39369b;}
.exhibition-timetable ul li h3 label{float: left;line-height: 40px;margin-left: 3%;font-size: 24px;color: #fff;letter-spacing: 1px;}
.exhibition-timetable ul li h3 span{float: right;line-height: 20px;margin-right: 14%;padding-top: 2px;font-size: 14px;color: #fff;text-align: center;}
.exhibition-timetable ul li h3 span em{display: block;line-height: 15px;font-size: 12px;text-transform: capitalize;}
.exhibition-timetable ul li h3:after{content: "";position: absolute;top: 5px;right: 3%;width: 28px;height: 30px;background-position: -15px -75px;}
.exhibition-timetable ul li:nth-child(2) h3 label,
.exhibition-timetable ul li:nth-child(2) h3 span{color: #333;}
.exhibition-timetable ul li:nth-child(2) h3:after{background-position: -75px -75px;}
.exhibition-timetable ul li .content{display: ine;}
.exhibition-timetable ul li .item{margin-top: 28px;overflow: hidden;}
.exhibition-timetable ul li .item img{float: left;width: 34.4%;}
.exhibition-timetable ul li .item .text{float: right;width: 58.6%;}
.exhibition-timetable ul li .item .text h4{line-height: 20px;font-size: 14px;color: #333;}
.exhibition-timetable ul li .item .text strong{display: block;line-height: 20px;margin-top: 5px;font-size: 14px;color: #186aa8;}
.exhibition-timetable ul li .item .text p{display: -webkit-box;height: 40px;line-height: 20px;margin-top: 5px;overflow: hidden;font-size: 14px;color: #808080;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/****************************** 参观路线 ******************************/
.route-content{background-color: #19b4e8;}
.route-content .route-top{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.route-content .route-top div{width: 100px;height: 35px;line-height: 35px;text-align: center;margin-left: 20px;position: relative;}
.route-content .route-top > div:nth-child(2) a::after{content: '(14周岁以下儿童)';display: block;position: absolute;top: 65%;left: 50%;transform: translateX(-50%);white-space:nowrap;font-size: 12px;}

.route-content .route-top a{font-size: 18px;font-weight: 600px;color: #666;}
.route-content .route-img img{width: 100%;height: 40%;margin-top: 20px;}
.box-content .box-all{padding: 15px;}
.box-content span{ font-size: 14px; color: #999;}
.box-content img{ width: 100%;}
.box-content .box-all div{ line-height: 50px;font-size: 16px;color: #000;}
.box-content .box-all .box-text{border-bottom:1px solid #999 ;margin-bottom: 10px;}
.box-content .box-all .xl_mt30{ border-left:2px solid #19b4e8;padding-left: 10px;}
.box-content .box-all .xl_dbxyimg{ border-left:2px solid #19b4e8;padding-left: 10px;position: relative;}
.box-content .box-all .xl_text
{
    position: absolute;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 20px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    padding-left: 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgb(0 0 0 / 89%) 100%);
}
.box-content .box-all .xl_dbxyx{ font-size: 14px; color: #fff; width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 50%;background-color: #19b4e8;margin-left:-21px ;}

/****************************** 场馆设施 ******************************/
.service-title{margin-top: 20px!important; padding: 10px;height: 50px;width: 100%;text-align: center;font-size: 15px;}
.serveice-content-li {display: none;}
.actives {color: #19b4e8;border-bottom: 2px solid #19b4e8;height: 40px!important;}
.activess {display: block;}
.serveice-contenter{padding: 10px;}
.serveice-contenter .serveice-content-li-content p{font-size: 24px;color: #19b4e8;width: 100%;line-height: 1.5;text-align: center;margin-bottom:15px ;}
.serveice-contenter .serveice-content-li-content img{width: 100%;margin-bottom:15px;}
.serveice-contenter .serveice-content-li-content .serveice-content-li-content1{font-size: 14px;color: #333;}
.serveice-contenter .viedeobj{width: 100%;margin-bottom: 15px;}
/****************************** 科普培训 ******************************/
.trainning p{line-height: 24px;margin-top: 15px;font-size: 14px;color: #333;}
.trainning a{display: inline-block;line-height: 24px;margin-top: 12px;font-size: 14px;color: #f78700;}
.trainning a:before{content: "";display: inline-block;width: 22px;height: 22px;margin-right: 10px;vertical-align: bottom;background-position: -79px -139px;}
.trainning .qrcode{display: block;width: 33.9%;margin: 24px auto 40px;}


/****************************** 科普活动 ******************************/
.activity .category{padding: 28px 8%;overflow: hidden; background: #f7f7f7; display: flex;flex-wrap: wrap}
/* .activity .category a{float: left;width: 45%;} */
/* .activity .category a:nth-child(even){float: right;} */
.activity .category a:nth-child(-n+2){margin-bottom: 12px;}
.activity .category a img{width: 40%;}

.activity-cinema .desc{padding-bottom: 80px;overflow: hidden;background: url(../img/bg-actiivity-cinema.png) repeat-x left bottom / 30px;}
.activity-cinema .desc{height: 295px; line-height: 18px;margin-top: 25px;padding: 10px;font-size: 12px;color: #333;}
.activity-cinema .desc .figure{float: left;width: 50%;margin-right: 5%;border: 5px solid #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.activity-cinema .movie{margin-top: 24px;}
.activity-cinema .movie li .name{display: block;width: 100%;margin-top: 12px;}
.activity-cinema .movie li h3{line-height: 20px;margin: 10px 0;font-weight: bold;font-size: 20px;color: #1dc3bc;}
.activity-cinema .movie li p{line-height: 18px;font-size: 12px;color: #333;}
.activity-cinema .movie .switch{width: 60%;margin: 20px auto 0;}
.activity-cinema .movie .switch a{float: left;width: 40%;line-height: 30px;margin: 0 5%;border: 1px solid #e5e5e5;font-size: 14px;text-align: center;}
.activity-cinema .schedule{}

.activity-exhibition .container{margin-top: 20px;margin-bottom: 30px;}
.activity-exhibition .item{margin-bottom: 30px;}
.activity-exhibition .item h3{line-height: 20px;margin-top: 24px;font-size: 16px;color: #333;}
.activity-exhibition .item h3:after{content: "";display: block;width: 40px;margin-top: 8px;border-bottom: 1px solid #ddd;}
.activity-exhibition .item p{line-height: 24px;margin-top: 10px;font-size: 14px;}

.activity-exhibition .exhibition-category{padding-top: 40px;overflow: hidden;}
.activity-exhibition .exhibition-category a{float: left;width: 41.3%;line-height: 32px;margin-bottom: 28px;background: #279bd9;border-radius: 3px;font-size: 16px;color: #fff;text-align: center;}
.activity-exhibition .exhibition-category a.active{background: #207fb3;}
.activity-exhibition .exhibition-category a:nth-child(even){float: right;}
.activity-exhibition .list{margin-top: 12px;overflow: hidden;}
.activity-exhibition .list li{margin-bottom: 20px;padding: 15px;box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px 2px 5px rgba(0, 0, 0, .1);text-align: center;}
.activity-exhibition .list li h3{line-height: 20px;margin-top: 15px;font-size: 16px;color: #333;text-align: center;}
.activity-exhibition .list li h3:after{content: "";display: block;width: 40px;margin: 8px auto 0;border-bottom: 1px solid #ddd;}
.activity-exhibition .list li p{line-height: 24px;margin-top: 10px;font-size: 14px;}
.activity-exhibition .schedule{margin-top: 20px;}
.activity-exhibition .remark p{line-height: 24px;margin-top: 60px;font-size: 14px;}
.activity-exhibition .remark a{display: inline-block;line-height: 24px;margin-top: 12px;font-size: 14px;color: #f78700;}
.activity-exhibition .remark a:before{content: "";display: inline-block;width: 22px;height: 22px;margin-right: 10px;vertical-align: bottom;background-position: -79px -139px;}
.activity-exhibition .remark img{display: block;width: 33.9%;margin: 24px auto 40px;}

.activity-campus .container{margin-top: 20px;margin-bottom: 30px;}
.activity-campus p{line-height: 24px;margin-top: 12px;font-size: 14px;}
.activity-campus p em{font-size: 16px;color: #279bd9;}
.activity-campus h3{line-height: 24px;margin-top: 20px;font-weight: bold;font-size: 18px;color: #333;}


/****************************** 最新资讯 ******************************/
.news .category{padding: 32px 8% 0;overflow: hidden;}
.news .category a{float: left;width: 46.1%;line-height: 40px;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}
.news .category a:nth-child(even){float: right;}
.news .category a:nth-child(1){background: #1ecbc4;}
.news .category a:nth-child(2){background: #1e9ccb;}
.news .category a:nth-child(3){background: #3467a9;}
.news .category a:nth-child(4){background: #aab414;}
.news .category a:nth-child(5){background: #ec780b;margin-top: 28px;}
.news .category a:nth-child(6){background: #f00;margin-top: 28px;}
.news .category a:nth-child(-n+2){margin-bottom: 28px;}
.news .category a:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;;}
.news .category a:nth-child(1):before{background-position: -20px -201px;}
.news .category a:nth-child(2):before{background-position: -80px -201px;}
.news .category a:nth-child(3):before{background-position: -140px -201px;}
.news .category a:nth-child(4):before{background-position: -200px -201px;}
.news .category a:nth-child(5):before{background:url(../img/dj.png) center no-repeat !important;}
.news .category a:nth-child(6):before{background:url(../img/new.png) center no-repeat !important;}
.news .list{margin: 6px 0 20px;}
.news .list a{display: block;padding: 25px 4%;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.news .list a .date{float: left;margin-top: 12px;}
.news .list a .date span{display: block;line-height: 20px;font-size: 20px;}
.news .list a .date span:after{content: "";display: block;width: 20px;margin-top: 6px;border-bottom: 1px solid #ddd;}
.news .list a .date em{display: block;line-height: 14px;margin-top: 8px;}
.news .list a .text{float: right;width: 80%;margin-left:10px ;}
.news .list a .text h3{line-height: 20px;overflow: hidden;font-size: 14px;color: #333;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news .list a .text h3:after{content: "";display: block;width: 40px;margin-top: 8px;border-bottom: 1px solid #ddd;}
.news .list a .text p{display: -webkit-box;line-height: 20px;margin-top: 5px;overflow: hidden;font-size: 12px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .list .RepeaterContent{display: flex;}
.news .list .RepeaterContent img{width: 144px;height: 80px;}
.news .list .RepeaterContent_time{height: 20px;line-height: 20px}

.news-detail h1{line-height: 30px;margin-top: 30px;font-weight: bold;font-size: 18px;color: #222;text-align: center;}
.news-detail .attr{line-height: 50px;border-bottom: 1px dotted #e5e5e5;font-size: 14px;}
.news-detail .attr em{display: inline-block;width: 20px;}
.news-detail .upload p{line-height: 24px;margin-top: 10px;font-size: 14px;color: #333;}
.news-detail .upload h3{line-height: 24px;margin-top: 15px;font-weight: bold;font-size: 16px;color: #333;}
.news-detail .back{display: block;width: 31%;line-height: 36px;margin: 30px auto 50px;border: 1px solid #e5e5e5;font-size: 14px;color: #666;text-align: center;}

.about .intro .subtitle{margin-top: 16px;}
.about .intro .subtitle:after{content: "";display: block;width: 0;height: 40px;margin: 0 auto;margin: 12px auto 0;border-right: 2px dotted #1eb7b6;}
.about .intro .top{line-height: 24px;padding: 12px 3% 32px;font-size: 14px;color: #333;text-align: center;}
.about .intro .content{padding: 30px 5%;background: url(../img/bg-about-intro.jpg) no-repeat 0 / 100% 100%;}
.about .intro .content p{line-height: 24px;font-size: 14px;color: #fff;}
.about .intro .content p:nth-child(2){margin-top: 15px;}
.about .organization .schema{display: block;width: 100%;margin: 30px 0 50px;}
.about .facility{padding: 0 5% 45px;overflow: hidden;background: url(../img/bg-about-facility.jpg) no-repeat 0 / 100% 100%;}
.about .facility .large{display: block;width: 100%;margin-top: 24px;}
.about .facility .name-en{position: relative;line-height: 26px;margin-top: 20px;font-size: 20px;color: #ddd;text-transform: uppercase;}
.about .facility .name-en:after{content: "";position: absolute;top: 6px;right: 0;width: 40px;height: 40px;background-color: #19b4e8;background-position: -200px -120px;background-size: 400px 160px;}
.about .facility h3{line-height: 24px;margin-top: 16px;font-weight: bold;font-size: 16px;color: #333;}
.about .facility p{line-height: 24px;margin-top: 15px;font-size: 14px;color: #333;}
.about .honor{padding-bottom: 40px;overflow: hidden;background: url(../img/bg-about-honor.jpg) no-repeat 0 / 100% 100%;}
.about .honor .box{width: 57%;margin: 30px auto 50px;background: url(../img/about-honor-photo-frame.png) no-repeat 0 / 100% 100%;}
.about .honor .box img{display: block;width: 100%;padding: 0;}
.about .honor .progress{position: relative;height: 1px;margin-bottom: 10px;background: #d2e5f2;}
.about .honor .progress .line{position: relative;top: -2px;left: 0;height: 5px;background: #1cb2e5;border-radius: 3px;}
.about .honor .progress .line:before{content: "";position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;margin: -8px 0 0 -8px;background: #fff;border: 1px solid #4dbbe6;border-radius: 50%;}
.about .honor .progress .line:after{content: "";position: absolute;top: 50%;left: 50%;width: 4px;height: 4px;margin: -2px 0 0 -2px;background: #4dbbe6;border-radius: 50%;}

.contact .traffic h3{line-height: 30px;margin-top: 24px;font-weight: bold;font-size: 24px;color: #e5e5e5;text-transform: uppercase;}
.contact .traffic dl dt{line-height: 24px;font-size: 16px;color: #333;padding-bottom:50px;}
.contact .traffic dl dd{padding: 5px 0;overflow: hidden;}
.contact .traffic dl dd em{display: inline-block;width: 20px;line-height: 20px;margin-top: 2px;background: #96daf4;border-radius: 50%;font-size: 14px;color: #fff;text-align: center;}
.contact .traffic dl dd label{line-height: 24px;margin-left: 6px;font-size: 14px;}
.contact .traffic dl dd label:after{content: "";display: inline-block;width: 12px;margin-left: 6px;vertical-align: 4px;border-bottom: 1px solid #666;}
.contact .traffic dl dd span{line-height: 24px;margin-left: 6px;font-size: 14px;color: #333;}
.contact .traffic .map{height: 240px;margin-top: 28px;height: 48.4vw;display:none;}
.contact .traffic .BMap_cpyCtrl,
.contact .traffic .anchorBL{display: none;}
.contact .faq .subtitle{display: block;width: 100%;margin-top: 20px;}
.contact .faq .item{margin-top: 20px;}
.contact .faq .item .question{line-height: 24px;font-size: 14px;}
.contact .faq .item .question:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 5px;vertical-align: -4px;background-position: -132px -92px;background-size: 400px 160px;}
.contact .faq .item .answer{line-height: 24px;margin-top: 10px;padding: 10px 3%;background: #28aae0;font-size: 14px;color: #fff;}
.contact .recruit ul{margin-top: 20px;}
.contact .recruit ul li{margin-bottom: 10px;}
.contact .recruit ul li h3{position: relative;line-height: 40px;padding: 0 40px 0 3%;height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background: #28aae0;font-size: 14px;color: #fff;letter-spacing: 1px;}
.contact .recruit ul li h3:after{content: "";position: absolute;top: 10px;right: 3%;width: 20px;height: 20px;background-position: -210px -130px;background-size: 400px 160px;}
.contact .recruit ul li.active h3:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.contact .recruit ul li .content{display: none;padding: 0 3% 16px;overflow: hidden;background: #f5f5f5;border: 1px solid #e5e5e5;border-top: none;}
.contact .recruit ul li .content label{display: block;line-height: 20px;margin-top: 24px;font-size: 16px;color: #333;}
.contact .recruit ul li .content p{line-height: 24px;margin-top: 5px;font-size: 14px;color: #333;}


/****************************** CSS3 Media ******************************/
@media (max-width: 340px) {
	.strategy-our-service .section h3{font-size: 16px;}
	.strategy-our-service .section h3 em{line-height: 16px;font-size: 12px;}
	.strategy-our-service .section p{line-height: 22px;font-size: 12px;}

	.exhibition-timetable ul li .item .text h4,
	.exhibition-timetable ul li .item .text strong,
	.exhibition-timetable ul li .item .text p{line-height: 18px;font-size: 12px;}
	.exhibition-timetable ul li .item .text p{height: 36px;}

	.activity-cinema .schedule li .top span,
	.activity-cinema .schedule li .bottom{font-size: 12px;}
}
/****************************** 科教活动 ******************************/
.sciencezctivity{padding: 20px;}
.sciencezctivity .activity1{position: relative; width: 140px;height: 30px;background-color: #1cb2e5; font-size: 16px;color: #fff;line-height: 30px; border: none; margin: 15px 9px;border-radius: 5px;padding-left: 2px; }

/****************************** 科教活动详情 ******************************/
.xqcontenter{padding: 10px;}
/* .xqcontenter .text {text-align: center;} */
.xqcontenter .text  h3{font-size: 18px; color: #000; font-weight: 600;text-align: center;}
.xqcontenter .text  p{font-size: 14px; color: #575757; margin: 10px 0;}
.xqcontenter .text  .RepeaterContent_time{font-size: 12px; color: #575757; margin: 10px 0;}
.xqcontenter .text img{width: 100%;}
.xqcontenter-xq .xq-title{height: 30px;line-height: 30px;margin:10px 0;}
.xqcontenter-xq span{font-size: 16px;color: #000;font-weight: 600;height: 30px; line-height: 30px;}
.xqcontenter-xq .ljyy{display: block;width: 100px;height: 30px;color: #f5f5f5; background-color: #0172ff;border-radius: 8px;text-align: center;line-height: 30px; float: right;margin-right: 20px;}


/****************************** 首页轮播 ******************************/
.czgd .swiper-wrapper {height: 550px;}
.czgd .swiper-slide{width:375;height: 300px;}
.czgd .fistimg{margin-left: 130px;}
.czgd .p{font-size: 14px;color: #ccc; margin: 10px 0;}
.czgd h3{font-size: 18px; font-weight: 600px;color: #333;text-align: center; margin: 15px 0;}
.czgd a{color:#1e9ccb ;}




.div_cont3{width:94%;margin:0 auto;padding:40px 0;line-height:1.5;}

.div_cont3 .div1 img {
   height: 48px;
   margin: 0 auto 10px;
   display: block;
}

.div_cont3 .xl_4dbja {
 line-height: 1.5;
 margin:10px 0 0;
}

.xl_pjh {}