@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "SourceHanSans";
	font-size: 16px;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	height: 100%;
	width: 100%;
}
html, body {
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
}
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0
}
ul, li {
	list-style: none;
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
	-webkit-transition: all .4s;
	transition: all .4s
}


/* html */
:-webkit-full-screen {
/* properties */
}
:-moz-fullscreen {
/* properties */
}
 
 
:fullscreen {
 background: #000
}
 
 
/* deeper elements */
:-webkit-full-screen video {
 width: 100%;
 height: 100%;
}
 
 
/* styling the backdrop */
::backdrop {
/* properties */
}
/*-----tab---------*/
.tabs-content li {
	display: none;
}
.tabs-content li.selected {
	display: block;
	-webkit-animation: cd-fade-in 0.5s;
	-moz-animation: cd-fade-inUp 0.5s;
	animation: cd-fade-in 0.5s;
}
.video-box {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999
}
.video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	background: #fff
}
.skip {
	position: absolute;
	bottom: 30px;
	right: 20px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	width: 80px;
	height: 30px;
	background: rgba(227,0,0,.5);
	padding: 5px 10px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	cursor: pointer;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	display: block;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.skip:hover {
	background: rgba(255,255,255,.4);
	color: #C00;
}
.mob-box {
	background: url(../images/bg-phone.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.start a {
	position: absolute;
	bottom: 160px;
	left: 50%;
	margin-left: -52px;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
center;
	width: auto;
	background: rgba(227,0,0,.7);
	padding: 6px 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	cursor: pointer;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	display: block;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.start:hover {
	background: rgba(255,173,74,.8);
	color: #fff;
}
/*menu---------------------------------------------*/
header {
	width: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	margin: 0 auto;
}
.logo-box img {
	width: 100%
}
.logo-box {
	width: 220px;
	float: left;
	padding-top: 6px;
	position: relative;
	z-index: 999;
	padding: 20px 15px 30px 15px;
	background: linear-gradient(to bottom, rgba(87,0,13,1), rgba(204,0,34,1));
}
.fullbtn {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 9999
}
.fullbtn button {
	background: none;
	border: none
}
.tabs-navigation {
	height: 100%
}
.btn-sm {
	padding: 2px 6px;
	font-size: 12px
}
.footer {
	width: 100%;
	position: fixed;
	bottom: 10px;
	right: 0;
	text-align: right;
	z-index: 999
}
.footer-bottom {
	padding: 0 5%;
	color: #fff;
	font-size: 12px;
	overflow: hidden
}
.footer-bottom a {
	color: #fff
}
.footer-bottom span {
	padding-left: 50px
}
/*-----简介---------*/
.top_pic {
	position: relative
}
.top-img {
	width: 100%;
	position: relative;
}
.logo2 {

}
.about-main {
	margin: 50px 0;
	position: relative
}
.about_title {
	font-size: 40px;
	color: #029934;
	width: 100%
}
.about_info {
	margin-top: 50px;
	overflow: auto;
	height: 600px;
	padding-right: 15px
}
.about_info p {
	text-indent: 2em
}
.about_info img {
	max-width: 100%;
	padding: 1.5em 0
}
#video {
	margin: 1em auto;
	display: block;
	height: auto;
	width: 94%;
	overflow: hidden;
	padding-top: 40px;
}
/*-----路线---------*/
.line-btn1 {
	position: absolute;
	left: 440px;
	top: 240px;
	background: rgb(255, 90, 0);
	padding: 4px 20px;
	border-radius: 50px;
	color: #fff
}
.line-btn2 {
	position: absolute;
	right: 410px;
	top: 265px;
	background: rgb(139, 234, 3);
	padding: 4px 20px;
	border-radius: 50px;
	color: #fff
}
.line-btn3 {
	position: absolute;
	right: 410px;
	top: 400px;
	background: rgb(252, 107, 220);
	padding: 4px 20px;
	border-radius: 50px;
	color: #fff
}
.line-btn4 {
	position: absolute;
	right: 360px;
	top: 530px;
	background: rgb(139, 234, 3);
	padding: 4px 20px;
	border-radius: 50px;
	color: #fff
}
.line-btn5 {
	position: absolute;
	right: 440px;
	top: 130px;
	background: rgb(0, 183, 238);
	padding: 4px 20px;
	border-radius: 50px;
	color: #fff
}
.line-main {
	margin: 50px 0 100px 0;
	position: relative
}
.line_title {
	font-size: 30px;
	color: #029934;
	width: 100%
}
.line_tit {
	font-size: 40px;
	background: #029934;
	color: #fff;
	border-radius: 50px;
	width: 150px;
	padding: 5px 20px;
	text-align: center;
	margin-top: 20px
}
.line_btn {
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 10;
}
.line_btn a {
	color: #fff;
	font-size: 22px;
	background: rgba(0,0,0,0.1);
	color: #ff6600;
	border-radius: 50px;
	padding: 10px 30px;
	text-align: center;
}
.line_btn a:hover {
	background: rgba(255,72,0,1);
	color: #fff
}
.red {
	color: #f2484b
}
.red-t {
	background: #f2484b
}
.nong {
	color: #cb3984
}
.nong-t {
	background: #cb3984
}
.minsu {
	color: #0066cc
}
.minsu-t {
	background: #0066cc
}
.line_info span {
	font-weight: 600;
	text-decoration: underline;
	padding: 5px;
}
.line_info {
	padding: 50px 0
}
.line-line {
	position: absolute;
	right: 0;
	top: 0;
	width: 65%;
	overflow: hidden;
	padding: 20px 0
}
.line-line-2 {
	position: relative;
	right: 0;
	top: 0;
	padding: 20px 0
}
.line-line img, .line-line-2 img {
	max-width: 100%
}
.xm-img span {
	padding: 5px;
	overflow: hidden;
	float: left
}
.xm-img span img {
	width: 100%
}
.popover-body img {
	width: 40%;
	float: left;
	padding-right: 5%
}
.popover-body p {
	width: 60%;
	float: left;
	font-size: .7rem
}
/*-----标本--------*/
.top-banner {position:relative;background-position: center top;background-repeat: no-repeat;background-size: 100%;background-attachment:fixed;padding:0;width:100%}
.top-banner h2{position:relative;background: #ca0000;color:#fff;padding:10px 40px;margin:40px auto 0 auto;width:40%;font-size:26px}
.top-banner .container {padding:50px 15px 0 15px;position:relative;text-align:center;z-index:3}
.geo_con {
	padding-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
}
.geo_t {
	background: #fff;
	transition: all .4s ease;
	padding: 5px 5px 20px 5px
}
.geo_con .news_pic {
	padding-bottom: 70%
}
.geo_title h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
	margin: 0 0 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.geo_con h3 {
	padding: 0 10px;
	text-align: center
}
.geo_con p {
	font-size: 14px;
	color: #999;
	padding: 0 10px;
	line-height: 1.5em
}
.news_pic {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-bottom: 60%;
	margin-bottom: 20px;
	border-radius: 20px
}
.news_pic a img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}
.news_pic a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.bb-main {
	margin: 50px 0;
	position: relative
}
.bb-main .container {
	padding: 0;
	max-width: 90%;
}
.bb_info iframe {
	width: 100%;
	height: 800px;
}
.bb_title {
	font-size: 30px;
	color: #333;
	width: 100%;
	text-align: center;
	padding-bottom: 20px
}
.bb-main .container .bb_info {
	margin-top: 60px;
	padding: 0
}
.bb_info p{width:100%;text-indent:2em}
.bb_info iframe{display: block}
.bb_info img {
	max-width: 100%;
	padding: 1.5em 0;display: block
}
.bb_info table {
	margin-top: 20px
}
.bb_info table td {
	border: 1px #ccc solid;
}
.bb_info video{max-width: 100%}
/*----站点页码样式------*/
.pagebar {
	width: 100%;
	float: left;
	text-align: left;
	padding: 40px 0;
	font-size: 18px;
	font-weight: 500
}
.pagebar li {
	float: left
}
.pagebar .p_pages {
	margin-left: -5px;
}
.pagebar .p_fun_d, .pagebar .p_no_d, .pagebar .p_fun a, .pagebar .p_no a, .pagebar li a, .pagebar .disabled, .pagebar .active {
	border: 1px solid #ccc;
	height: 40px;
	width: 40px;
	margin: 0px 0px 0px 8px;
	border-radius: 6px;
	line-height: 40px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}
.pagebar .p_no a:hover, .pagebar .p_fun a:hover, .pagebar .p_goto a:hover, .pagebar li a:hover {
	text-decoration: none;
	color: #fff;
	background: #59C924;
}
/*当前页码的外观*/
.pagebar .p_no_d, .pagebar .active {
	background-color: #b31d00;
	color: #fff;
}
/*页码省略号...的外观*/
.pagebar .p_dot {
	margin-left: 4px;
	margin-right: -4px;
	color: #222;
	vertical-align: middle;
	padding-top: 5px
}
/*无链接的字体颜色*/
.pagebar .p_fun_d, .pagebar .p_no_d {
	color: #ccc;
	border: 1px solid #ddd;
}
/*控制是否显示 "首页" "尾页" */
.pagebar .p_first, .pagebar .p_first_d, .pagebar .p_last, .pagebar .p_last_d {
	display: none;
}
.p_t {
	font-size: 16px;
	padding: 10px 0 0 10px
}
.advbox {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	margin: 0 auto;
	background: rgba(0,0,0,0.8);
	text-align: center
}
.advbox .advpic {
	position: absolute;
	overflow: hidden;
	bottom: 40%;
	left: 50%;
	margin-left: -142px
}
.advbox .advpic .closebtn {
	display: block;
	width: 284px;
	height: 137px;
	line-height: 26px;
	font-size: 12px;
	color: #fff;
	text-indent: 12px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
/*----------------云与鸟-------------*/
.sky {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
	pointer-events: none
}
.dynamic-area1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/yun2.png) repeat-x 0px 0px;
	background-size: cover;
	animation: posterDrop1 6000s linear infinite;
	opacity: 0.8;
	filter: blur(3px);
}
 @keyframes posterDrop1 {
 from {
background-position: 0 0;
}
 to {
background-position: 8000% 0;
}
}
.dynamic-area2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/yun1.png) repeat-x 0px 0px;
	background-size: cover;
	animation: posterDrop2 8000s linear infinite;
}
 @keyframes posterDrop2 {
 from {
background-position: 0 0;
}
 to {
background-position: 30000% 0;
}
}
.birds {
	width: 100%;
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: flex;
	height: 35rem;
}
.bird {
	background-image: url(../img/bird2.svg);
	background-size: auto 100%;
	width: 88px;
	height: 125px;
	will-change: background-position;
	animation-name: fly-cycle;
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
	transform: scale(.6)
}
.bird--one {
	animation-duration: 1s;
	animation-delay: -0.5s;
}
.bird--two {
	animation-duration: 0.8s;
	animation-delay: -0.75s;
}
.bird--three {
	animation-duration: 1.25s;
	animation-delay: -0.25s;
}
.bird--four {
	animation-duration: 1.1s;
	animation-delay: -0.5s;
}
.bird--five {
	animation-duration: 0.6s;
	animation-delay: -0.55s;
}
.bird-container {
	position: absolute;
	top: 20%;
	left: -10%;
	transform: scale(0) translateX(-10vw);
	will-change: transform;
	animation-name: fly-right-one;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.bird-container2 {
	position: absolute;
	bottom: 0;
	left: -10%;
	transform: scale(0) translateX(-10vw);
	will-change: transform;
	animation-name: fly-right-one;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.bird-container--one {
	animation-duration: 25s;
	animation-delay: 0;
}
.bird-container--two {
	animation-duration: 26s;
	animation-delay: 1s;
}
.bird-container--three {
	animation-duration: 24.6s;margin-top: 40px;
	animation-delay: 4.5s;
}
.bird-container--four {
	animation-duration: 26s;
	animation-delay: 5.1s;
}
.bird-container--five {
	animation-duration: 24.3s;
	animation-delay: 0.6s;margin-top: 50px
}
.bird-container--six {
	animation-duration: 24.6s;margin-top: 40px;
	animation-delay: 2.5s;
}
.bird-container--seven {
	animation-duration: 26s;
	animation-delay: 3.1s;
}
 @keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
 @keyframes fly-right-one {
 0% {
 transform: scale(0.3) translateX(-10vw);
}
 10% {
 transform: translateY(2vh) translateX(10vw) scale(0.4);
}
 20% {
 transform: translateY(0vh) translateX(30vw) scale(0.5);
}
 30% {
 transform: translateY(4vh) translateX(50vw) scale(0.6);
}
 40% {
 transform: translateY(2vh) translateX(70vw) scale(0.6);
}
 50% {
 transform: translateY(0vh) translateX(90vw) scale(0.6);
}
 60% {
 transform: translateY(0vh) translateX(110vw) scale(0.6);
}
 100% {
 transform: translateY(0vh) translateX(110vw) scale(0.6);
}
}
 @keyframes fly-right-two {
 0% {
 transform: translateY(-2vh) translateX(-10vw) scale(0.5);
}
 10% {
 transform: translateY(0vh) translateX(10vw) scale(0.4);
}
 20% {
 transform: translateY(-4vh) translateX(30vw) scale(0.6);
}
 30% {
 transform: translateY(1vh) translateX(50vw) scale(0.45);
}
 40% {
 transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
}
 50% {
 transform: translateY(0vh) translateX(90vw) scale(0.45);
}
 51% {
 transform: translateY(0vh) translateX(110vw) scale(0.45);
}
 100% {
 transform: translateY(0vh) translateX(110vw) scale(0.45);
}
}

/*----------------------*/
@media (max-width: 1367px) {
#cssmenu > ul > li > a {
	padding: 27px 10px;
}
.line-line {
	width: 60%
}
.imgMap {
	width: 2000px;
	height: auto;
}
}

@media (max-width: 1025px) {
.btn360 {
	padding: 2px 10px;
	font-size: 14px;
}
.btn360 span {
	display: none
}
.top_links p a {
	font-size: 14px;
	padding: 0 10px
}
.top_links i {
	font-size: 14px;
	padding-right: 5px
}
}

@media (max-width: 769px) {
.ss-menu .logo-box {
	width: 180px;
	position: absolute;
	left: 10px;
}
.ss-menu.open .logo {
	width: 70px;
	padding: 0 0 30px 10px
}
.ss-menu.open .logo-box {
	width: 150px;
	top: 94px;
	left: 15px;
}
.ss-menu .logo {
	width: 60px;
	padding: 0 0 60px 0px;
}
.ss-menu.open .logo {
	padding: 0 0 60px 0;
}
.line-line, .line-line-2 {
	position: relative;
	width: 100%;
	top: 0
}
	.top-banner{background-size: 200%}
	.top-banner .container{padding:20px 0}
	.top-banner h2{width:60%;}
.logo2 {
	transform: scale(0.7);
	top: 10%
}
#cssmenu > ul > li > a {
	padding: 10px 10px;
}
}
bird-container {
	transform: scale(0) translateX(-2vw);}

@media (max-width: 576px) {
.top_links span {
	display: none
}
.top_links p a {
	padding: 0
}
.top_links i {
	font-size: 16px;
	padding-right: 20px
}
.xm-img span {
	width: 33.3%
}
.logo2 {
	transform: scale(0.5);
	top: 10%
}
.line-line, .line-line-2 {
	position: relative;
	width: 100%;
}
#video {
	width: 100%
}
.top-img {
	min-width: 600px;
	margin-left: -10%
}
}

@media (max-height: 768px) {
.ss-menu ul li a {
	padding: 4px 10px
}
.ss-menu.open .logo {
	padding: 0 0 40px 10px;
}
}
.main_360 {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	min-height: 640px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: #fff;
}
#iframe {
	position: relative;
	z-index: 2;
	width: 100%;
	text-indent: -999px;
	top: 0;
	border: 0;
	margin: 0;
	padding: 0;
}
 .about_info::-webkit-scrollbar    /*滚动条整体部分*/ {
width: 5px;
height:5px;
background-color:#E8E8E8;
}
.about_info::-webkit-scrollbar-track       /*scroll轨道背景*/ {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 10px;
background-color:#fff;
}
 .about_info::-webkit-scrollbar-thumb  /*滚动条中能上下移动的小块*/ {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#b5b1b1;
}