
@media (min-width:993px) {
	.cover-box:hover .cover-tip {
	opacity:1;
	filter:alpha(opacity=1)
}
.cover-box:hover .coverimg {
	transform:scale(1.05,1.05)
}
.cover-box:hover .icon-bofang1 {
	font-size:.6rem
}
}.cover-tip {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all .4s ease 0s;
	z-index:55
}
.cover-tip .bgbox {
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60)
}
.cover-tip .bgbox.blue {
	background-color:rgba(0,161,230,0.8)
}
.cover-tip .stit {
	font-size:16px;
	line-height:30px;
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	color:#fff
}
.cover-tip .stit {
	font-size:16px;
	line-height:30px;
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	color:#fff
}
.cover-tip .line {
	display:inline-block;
	width:100px;
	height:1px;
	background-color:#f2f2f2;
	position:absolute;
	left:50%;
	margin-left:-50px;
	transition:all .6s ease 0s
}
.cover-tip .linet {
	top:0
}
.cover-tip .lineb {
	bottom:0
}
.cover-tip:hover .line {
	width:6px;
	margin-left:-3px;
	opacity:.6;
	filter:alpha(opacity=60)
}
.red {
	color:red
}
.cItem {
	display:none
}
.cItem.active {
	display:block
}

@font-face {
	font-family: "Acumin Pro Condensed Medium";
	src:url('../fonts/DINMedium.eot?#font-spider') format('embedded-opentype'),url('../fonts/DINMedium.ttf')
}
.fadeIntop {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translateY(30px)
}
.fadeIntop.show {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translateY(0);
	transition:all .3s ease 0s
}
.vtxt {
	font-size:16px;
	color:#666;
	line-height:1.86
}
.medium {
	font-family: "Acumin Pro Condensed Medium";
}
.iconfont {
	font-size:inherit
}
.header {
	transition:1s;
	width:100%;
	position:fixed;
	left:0;
	right:0;
	top:0;
	background:url(../images/tbody.jpg) no-repeat;
	height:135px;
	z-index:9999;
	height:100px
}
@media (max-width:1200px) {
	.header {
	position:fixed
}
}.header .hdinner {
	margin-left:1vw;
	margin-right:1vw;
	height:100%;
	position:relative;
	z-index:999
}
.header .logo {
	width:450px
	position:relative;
	transition:.6s
}
.header .logo img {
	display:block
}
@media (max-width:1200px) {
	.header {
	height:1rem;
	background:#fff
}
.header .logo {
	width:1.45rem
}
}@media (max-width:768px) {
	.header .hdinner {
	margin-left:4vw;
	margin-right:4vw
}
}@media (max-width:640px) {
	.header {
	background:#fff
}
.header .logo {
	width:2rem;
	height:100%;
	background:url('../images/logo_c.png') no-repeat center center;
	background-size:contain
}
.header .logo img {
	display:none
}
.header .menu_btn {
	transform:scale(1) translateY(-50%) translatX(-50%)
}
.header .menu_btn i {
	background:#0066cc
}
}.hd-ticket {
	padding:.13rem .27rem;
	background:;
	font-size:16px;
	color:#333;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	border-radius:2em
}
.hd-ticket em {
	display:inline-block;
	padding-left:32px;
	background:url(../images/z.png) no-repeat 0 center;

	color:#333;
	
}

@media (min-width:992px) {
	.hd-ticket:hover {
	
	color:#ea0001
}
}@media (max-width:640px) {
	.hd-ticket {
	padding:.1rem .14rem;
	border-radius:.1rem;
	background:transparent;
	color:#0066cc
}
.hd-ticket em {
	padding-left:28px;
	background-image:url('../images/z2.png');
	color:#0066cc
}
}.pc-menus {
	height:100px;
	position:absolute;
	left:55%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	z-index:5;
	width:42%;
	font-size:15px;
	text-align:center;
	max-width:1000px;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.pc-menus .iinner {
	position:relative;
	padding:0 8px;
	display:inline-block;
	line-height:100px
}
.pc-menus .iinner::after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	left:50%;
	bottom:0;
	height:4px;
	transform:translateX(-50%);
	transition:.6s
}
.pc-menus .iinner:hover .tit {
	color:#0066cc
}
.pc-menus .active .iinner .tit {
	color:#0066cc
}
.pc-menus .active .iinner::after {
	background:#0066cc
}
@media (max-width:1200px) {
	.pc-menus .iinner {
	padding:0
}
.pc-menus .iinner::after {
	height:2px;
	bottom:4px
}
}.pc-menus .mitem {
	transition:.6s;
	position:relative;
	height:80px;
	display:flex;
	align-items:center
}
.pc-menus .mitem .tit {
	cursor:pointer;
	font-size:15px;
	display:inline-block;
	color:#fff;
	font-family: "Acumin Pro Condensed Medium";
	height:40px;
	overflow:hidden;
	position:relative
}
.pc-menus .mitem .tit::after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:2px;
	background:#fff;
	background:#ea0001;
	opacity:.8;
	left:0;
	transition:.6s;
	bottom:0;
	z-index:555
}
.pc-menus .mitem .tit p {
	transition:.6s;
	line-height:40px;
	height:80px
}
.pc-menus .mitem .tit em {
	color:#fff;
	display:block
}
.pc-menus .mitem .tit span {
	color: #000000;
	font-weight:bold
}
.pc-menus .mitem.active .tit::after,.pc-menus .mitem:hover .tit::after {
	width:100%
}
.pc-menus .mitem.active .tit p,.pc-menus .mitem:hover .tit p {
	transform:translateY(-40px)
}
.pc-menus .pc-menu-drop {
	position:absolute;
	left:50%;
	width:180px;
	margin-left:-90px;
	top:90px;
	z-index:55;
	text-align:center;
	opacity:0
}
.fixed .pc-menus .pc-menu-drop {
	top:80px;
}
.pc-menus .pc-menu-drop .links {
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	transition:.6s;
	position:relative;
	font-size:15px;
	border-radius:2px
}
.pc-menus .pc-menu-drop .links::before {
	content:'';
	width:0;
	height:0;
	border:6px solid transparent;
	transition:.6s;
	top:-10px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	z-index:5
}
.pc-menus .pc-menu-drop li {
	height:0;
	overflow:hidden;
	transition:.6s
}
.pc-menus .pc-menu-drop a {
	position:relative;
	display:inline-block;
	padding:0 10px;
	text-align:center;
	white-space:nowrap;
	transition:.6s
}
.pc-menus .pc-menu-drop a::after {
	content:'';
	display:block;
	position:absolute;
	width:0px;
	height:2px;
	left:0px;
	bottom:0;
	background:#ea0001;
	transition:.6s
}
.pc-menus .pc-menu-drop a:hover {
	color:#ea0001
}
.pc-menus .pc-menu-drop a:hover::after {
	width:100%
}
.pc-menus .mitem:hover .pc-menu-drop {
	
	opacity:1
}
.pc-menus .mitem:hover .pc-menu-drop .links {
	padding:20px 0
}
.pc-menus .mitem:hover .pc-menu-drop .links::before {
	border-bottom-color:rgba(0,0,0,0.7);
	border-bottom-color:#fff
}
.pc-menus .mitem:hover .pc-menu-drop li {
	height:40px
}
.pc-menus .mitem:hover .pc-menu-drop a {
	line-height:40px
}
@media (min-width:1200px) {
	.header.fixed {
background:url(../images/tbody.jpg) repeat;

	box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	box-shadow: 2px 0px 5px #666;
	top:0;
	height:.9rem
}
.header.fixed .pc-menus .mitem em {
	color:#333
}
.header.fixed .logo {
	width:445px;
}
}.m-menus {
	width:100%;
	max-width:640px;
	height:100vh;
	position:fixed;
	top:1rem;
	right:-100%;
	background:#fff;
	overflow:hidden;
	line-height:40px;
	font-size:15px;
	z-index:999;
	padding-top:2%;
	transition:.6s
}
.m-menus .inner {
	height:calc((100vh - 1rem ));
	padding-bottom:30px;
	overflow-x:hidden;
	overflow-y:auto
}
.m-menus a {
	color:#333
}
.m-menus.active {
	right:0
}
.m-menus .item {
	cursor:pointer;
	transition:.3s;
	position:relative;
	text-align:center;
	border-bottom:1px solid #dcdcdc
}
.m-menus .item>a,.m-menus .tit {
	display:block;
	margin:0 5%;
	line-height:50px;
	color:#333;
	position:relative;
	font-size:15px;
	text-align:left!important
}
.m-menus .tit {
	position:relative
}
.m-menus .tit .iconfont {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	color:inherit
}
.m-menus .xs-menu {
	display:none;
	text-align:left;
	margin:0 6%;
	padding-left:3%
}
.m-menus .xs-menu dd {
	line-height:36px
}
.m-menus .open .tit {
	color:#0066cc
}
.m-menus .open .iconfont::before {
	content:"\e7e1"
}
.m-menus .open .xs-menu {
	padding-bottom:10px;
	border-top:1px solid #dcdcdc
}
.menu_btn {
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-6px;
	z-index:101;
	cursor:pointer;
	transform-origin:center center;
	transform:translateY(-50%) translateX(-50%) scale(1)
}
.menu_btn i {
	position:absolute;
	width:26px;
	height:2px;
	background:#0066cc;
	left:12px;
	display:block;
	transition:all .4s ease-in-out
}
.menu_btn i:nth-of-type(1) {
	top:20px
}
.menu_btn i:nth-of-type(2) {
	top:30px
}
.menu_btn i:nth-of-type(3) {
	top:40px;
	width:14px
}
.menu_btn.active i:nth-of-type(1) {
	transform:rotate(225deg) translate(-7px,-7px)
}
.menu_btn.active i:nth-of-type(3) {
	opacity:0
}
.menu_btn.active i:nth-of-type(2) {
	transform:rotate(-225deg) translate(0,0)
}
.menu_btn:hover i:nth-of-type(3) {
	width:14px
}
footer {

	color:#fff;
	background:#5d3710;
}
footer .top {
	padding:.52rem 0 .7rem;
	border-bottom:1px solid rgba(255,255,255,0.1)
}
.jdb{margin-top: 1rem;}
.jdbs{margin-top: .6rem;}
@media (min-width:992px) {
	footer .top {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
}footer .leftbox .logo {
	max-width:200px;
	display:block;
	margin-bottom:.5rem
}
@media (max-width:768px) {
	footer .leftbox .logo {
	margin:0 auto .5rem
}
}footer dd {
	padding-top:6px;
	font-size:.2rem
}
footer dd .tel {
	font-style:italic;
	font-weight:bold;
	letter-spacing: 1.5px;
}
footer dd .iconfont {
	padding-right:5px
}
@media (max-width:768px) {
	footer dd {
	font-size:14px
}
}footer .rightbox {
	text-align:center
}
footer .rightbox h3 {
	font-size:.2rem;
	margin-bottom:20px
}
@media (max-width:992px) {
	footer .rightbox {
	margin:.6rem auto 0
}
footer .rightbox h3 {
	font-size:18px
}
}@media (min-width:640px) {
	footer .code {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:center;
	box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
}@media (max-width:640px) {
	footer .code {
	display:flex;
	flex-wrap:wrap;
	width:300px;
	justify-content:center;
	margin-left:auto;
	margin-right:auto
}
footer .code li:nth-child(3),footer .code li:nth-child(4) {
	margin-top:.3rem
}
}footer .code li {
	padding:0 .1rem
}
footer .code img {
	display:block;
	margin:0 auto .1rem
}
@media (max-width:480px) {
	footer .code {
	font-size:12px
}
}footer .bottom {
	padding:.26rem 0 .4rem;
	position:relative
}
@media (min-width:993px) {
	footer .bottom {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
}footer .copyright {
	padding-top:5px
}
footer .copyright a {
	color:#fff
}
footer .copyright a:hover {
	opacity:.7
}
@media (max-width:992px) {
	footer .copyright ._item {
	display:inline-block
}
footer .copyright .skill {
	display:block
}
footer .copyright .skill em {
	display:none
}
}footer nav {
	padding-top:5px
}
footer nav a {
	color:#fff;
	display:inline-block;
	font-size:14px;
	position:relative;
	transition:.6s
}
footer nav a:hover {
	color:#fff;
	opacity:.7
}
footer nav a::after {
	content:'';
	width:1px;
	height:14px;
	background:#fff;
	opacity:.7;
	margin:0 .1rem;
	display:inline-block;
	vertical-align:middle
}
footer nav a:last-child::after {
	display:none
}

@media (max-width:992px) {
	footer .level {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
footer nav{display: none;}
}.swiper_pnext {
	z-index:555
}
.swiper_pnext::after {
	display:none;
	transition:.6s
}
.swiper_pnext::before {
	font-size:37px;
	color:#fff;
	transition:.6s
}
.ispots .swiper_pnext::before {

	color:#0066cc;

}
.swiper_pnext.icon-arr_l:hover::before {
background:url(../images/left_ico.png)
}
.swiper_pnext.icon-arr_r:hover::before {
	background:url(../images/right_ico.png)
}
.pagination {
	text-align:center;
	display:block
}
.pagination li {
	margin:0 2px
}
@media (max-width:480px) {
	.pagination li {
	margin:0 2px
}
.pagination li>* {
	padding:5px 12px
}
}.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	color:#fff;
	background:#0066cc;
	background-image:linear-gradient(45deg,#208c4d,#50b3b5)
}
.pagination li>a,.pagination li>span {
	float:none;
	display:inline-block;
	cursor:pointer;
	color:#333;
	border-radius:50%!important;
	border:0;
	padding:6px 12px;
	background-color:#f3f3f3;
	padding:10px 17px
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	z-index:2;
	color:#fff;
	background:#0066cc;
	background-image:linear-gradient(45deg,#208c4d,#50b3b5)
}
.swiper-pagination-bullet {
	border:1px solid #fff;
	opacity:1;
	background:none;
	transition:.6s;
	width:10px;
	height:10px
}
.ispots .swiper-pagination-bullet {
	border:1px solid #0066cc;

}
.swiper-pagination-bullet-active {
	background:#0066cc;
	border-color:#0066cc
}
.pnext-box .swiper-button-prev,.pnext-box .swiper-button-next {
	top:0;
	margin-top:0
}
.vcrumbs {
	padding:.3rem 0 !important
}
.vbanner {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	min-height:240px;
	position:relative;
	overflow:hidden;
	height:6.8rem
}
.vbanner h2 {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:-0.3rem;
	width:100%;
	font-size:.6rem;
	text-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-align:center;
	color:#fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.spotsSwiper li .hra:hover{ color: #0066cc;}
.hra{padding: 0.2rem 0 0.1rem 0; display: block; text-align: center;font-size: .22rem;}
.spotsSwiper li:hover {
    box-shadow: 0 0.1rem 0.1rem rgb(0 0 0 / 10%);
}

@media (max-width:1200px) {

}@media (max-width:992px) {
	.vbanner {
	height:5rem
}
}.vbanner img {
	visibility:hidden
}
.vbanner .bg {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	transition:all 5.6s cubic-bezier(.04,.79,1,1) !important;
	transform:scale(1.2)
}
.vbanner .bg.animated {
	transform:scale(1)
}
.vbanner .bg:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: rgba(0,0,0,0.1);
}
.delay2 {
	transition-delay:.2s
}
.delay3 {
	transition-delay:.3s
}
.index-banner {
	width:100%;
	height:9.6rem;
	position:relative;
	color:#fff
}
.index-banner .swiper_pnext {
	transition:.6s;
	opacity:0
}
.index-banner .icon-arr_l {
	left:3vw
}
.index-banner .icon-arr_r {
	right:3vw
}
.index-banner:hover .icon-arr_l {
	left:6vw;
	opacity:1
}
.index-banner:hover .icon-arr_r {
	right:6vw;
	opacity:1
}
.index-banner video {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	left:0;
	top:0
}
.index-banner li {
	position:relative;
	overflow:hidden
}
.index-banner li .link {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:5
}
.index-banner li .img {
	display:block
}
.index-banner li .bg {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	transition:all 5.6s cubic-bezier(.04,.79,1,1) !important;
	transform:scale(1.3)
}
.index-banner .content {
	position:absolute;
	width:85%;
	left:10%;
	top:50%;
	transform:translateY(-50%);
	z-index:55;
	color:#fff;
	text-align:left;
}
@media (max-width:768px) {
	.index-banner .content {
	margin-top:.5rem;
	left:5%;
	width:90%
}
}.index-banner h5 {
	font-size:.5rem;
font-weight: bold;
letter-spacing: 1px;
	text-shadow:5px 5px 5px rgba(0,0,0,0.5);
	line-height:70px;
	display:inline-block;
	position:relative;
	transition:all 1s cubic-bezier(.24,.77,.25,1);
	transition-delay:.1s
}
.index-banner h5 .ic {
	position:absolute;
	left:100%;
	top:.1rem;
	width:.2rem
}
.index-banner h3 {
	font-size:.3rem;
font-weight: bold;
letter-spacing: 1px;
	text-shadow:5px 5px 5px rgba(0,0,0,0.5);
	line-height:1;
	display:inline-block;
	position:relative;
	transition:all 1s cubic-bezier(.24,.77,.25,1);
	transition-delay:.1s
}
.index-banner h3 .ic {
	position:absolute;
	left:100%;
	top:.1rem;
	width:.2rem
}
}@media (max-width:480px) {
	.index-banner h5 {
	font-size:.5rem;
	letter-spacing: 1px;
}
}.index-banner .desc {
	font-size:.36rem;
	padding-top:.2rem;
	transition:all 1s cubic-bezier(.24,.77,.25,1);
	transition-delay:.2s
}
@media (max-width:480px) {
	.index-banner .desc {
	font-size:.3rem
}
}.index-banner .ani011 {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translate(0,1rem);
	transition-duration:.8s;
	transition-property:all;
	transition-timing-function:ease-out
}
.index-banner .ani012 {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translate(0,-20vh);
	transition-duration:.8s;
	transition-property:all;
	transition-timing-function:ease-out
}
.index-banner .swiper-slide-active .bg {
	transform:scale(1)
}
.index-banner .swiper-slide-active .ani011,.index-banner .swiper-slide-active .ani012 {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translate(0,0)
}
.index-banner  em {
display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../images/ipt4_mask.png);background-position:center center;background-repeat:repeat; }

.index-banner .swiper-pagination {
	position:absolute;
	left:0;
	right:0;
	bottom:.64rem
}
@media (min-width:1920px) {
	.index-banner li {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.index-banner li .img {
	visibility:hidden
}
}@media (max-width:1919px) and (min-width:993px) {
	.index-banner li {
	background:none!important
}
}@media (max-width:992px) {
	.index-banner {
	height:6rem
}
.index-banner .swiper-pagination {
	bottom:10px
}
.index-banner li {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.index-banner li .img {
	visibility:hidden
}
}.inotice {
	border-bottom:1px solid #f6f6f6;
	overflow:hidden
}
.inotice .wrap {
	position:relative
}
@media (max-width:768px) {
	.inotice {
	padding:.2rem 0
}
}.inotice h5 {
	font-size:24px;
	padding-left:50px;
	height:80px;
	line-height:80px;
	float:left;
	background:url('../images/ic_notice.png') no-repeat left center;
	position:relative;
	width:193px
}
.inotice h5::before {
	content:'';
	width:1px;
	height:20px;
	background:#0066cc;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	right:0
}

