@font-face {
	font-family: Calibri_Light;
	src: url('../font/calibri.ttf');
}

body,
input,
textarea,
button {
	font-family: "Calibri_Light", "Tahoma", "Arial", "sans-serif";
}

.body {width: 100%;overflow: hidden;font-family: "Calibri_Light", "Tahoma", "Arial", "sans-serif";}

::-webkit-scrollbar {width: 3px;}
body::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background-color: #eee;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
::-webkit-scrollbar-thumb {background-color: #999;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #000000;}
.pic img {width: 100%;transition: all ease 2s;}
.scaleImg .pic {overflow: hidden;}
.scaleImg:hover .pic img {transform: scale(1.1);}
.xs-show {display: none !important;}

.wrap {width: 83.333vw;margin: 0 auto;max-width:1600px;}
.home4-wrap{margin: 0 auto;max-width:1920px;}
.navbar-toggle {display: none;}

header {position: fixed;left: 0;top: 0;width: 100%;height: 5.208vw;z-index: 50;background-image: linear-gradient(180deg, #000000 0%, rgba(128, 128, 128, 0) 50%, transparent 60%, transparent 100%);background-size: 100% 200%;background-position: bottom;transition: all ease .3s;}
header .logo {width: 10vw;}
header .logo img {width: 100%;}
header.black {background-position: top;}
.scroll header {background-position: bottom;background: rgba(0, 0, 0, 0.9);transition: all ease .8s;}
.scroll header {height: 5.208vw;}
header .wrap {position: relative;}
header .wrap,
header .wrap .right {height: 100%;}
header .nav {height: 100%;}
header .nav .links {height: 100%;padding: 0 1.4vw;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
header .nav .links .downLink-routine>li:hover>a {color: #3371B7;}
header .nav .links>a {font-size: 1vw;/* font-weight: bold; */font-family: Calibri_Light;color: #FFFFFF;transition: all ease .2s;opacity: 0.7;display: flex;align-items: center;}
header .nav .links.active>a,
header .nav .links:hover>a {opacity: 1;}
header .nav .links.link-routine {position: relative;}
header .nav .links .downLink-routine {position: absolute;top: -500vw;left: 50%;transform: translate(-50%, -0.521vw);/* border-top: 2px solid #FFFFFF; */padding: 0.938vw 1.146vw;background: #FFFFFF;box-shadow: 0 0 0.781vw #26262629;opacity: 0;transition: opacity ease .8s, transform ease .8s;z-index: 20;}
header .nav .links:hover .downLink-routine {opacity: 1;top: 100%;transform: translate(-50%, 0vw);}
header .nav .links .downLink-routine>li {width: 100%;}
header .nav .links .downLink-routine>li>a {display: block;font-size: 0.93750vw;margin-bottom: 0.4em;font-family: Calibri_Light;font-weight: bold;color: #333333;/*opacity: 0.34;*/transition: all ease .3s;text-align: center;white-space: nowrap;}
header .nav .links .downLink-routine>li:hover>a {opacity: 1;}
header .nav .links .downLink-special {position: absolute;left: 0;border-top: 2px solid #FFFFFF;width: 100%;top: -500vw;opacity: 0;transform: translate(0, -0.521vw);transition: opacity ease .8s, transform ease .8s;box-shadow: 0 0 0.781vw #26262629;z-index: 20;}
header .nav .links:hover .downLink-special {opacity: 1;top: 100%;transform: translate(0, 0vw);}
header .nav .links .downLink-special .special-zuo {width: 17%;background: #FFFFFF;}
header .nav .links .downLink-special .special-zuo a {display: block;padding: 0.729vw 0 0.729vw 1.5vw;font-size: 0.93750vw;font-family: Calibri_Light;font-weight: bold;color: #333333;/*opacity: 0.34;*/transition: all ease .3s;white-space: nowrap;}

header .nav .links .downLink-special .special-zuo a:hover,
header .nav .links .downLink-special .special-zuo li.on a {opacity: 1;background: #999;color: #FFFFFF;}
header .nav .links .downLink-special .special-you {width: 83%;padding: 1.25vw;height: 19.792vw;background: rgba(0, 0, 0, 0.4);-webkit-backdrop-filter: blur(0.729vw);backdrop-filter: blur(0.729vw);}
header .nav .links .downLink-special .special-you .scroll-wrap {height: 100%;overflow: auto;display: none;}
header .nav .links .downLink-special .special-you .scroll-wrap.on {display: flex;}
header .nav .links .downLink-special .special-you .ev {width: 13%;margin: 0 1.5% 1.042vw;display: block;}
header .nav .links .downLink-special .special-you .ev .pic {width: 5.833vw;height: 5.833vw;overflow: hidden;margin: 0 15%;transition: all ease .3s;}
header .nav .links .downLink-special .special-you .ev:hover .pic {transform: scale(1.05);}
header .nav .links .downLink-special .special-you .ev p {font-size: 0.729vw;margin-top: 1em;font-family: Calibri_Light;font-weight: 400;color: #FFFFFF;text-align: center;}
header .nav .links.css-jt>a {position: relative;}
header .nav .links.css-jt>a::after {content: '';display: inline-block;width: 0.938vw;height: 0.938vw;background: url('../image/icon-jt-bottom.svg') no-repeat center/contain;}

header .head-search {width: 8.333vw;height: 2.083vw;position: relative;}
header .head-search input {display: block;width: 100%;height: 100%;background: rgba(255,255,255,.5);border: none;padding: 0.156vw 0.521vw 0.156vw 1vw;text-align: right;border-radius: 36px;}
header .head-search button {position: absolute;left: 0.521vw;top: 50%;transform: translateY(-50%);width: 0.938vw;height: 0.938vw;background: none;border: none;}
header .head-search button img {width: 100%;display: block;filter: grayscale(100) brightness(100);}


footer {width: 100%;}
.foot1 {background-size: auto;background-repeat: repeat;background-position: left;}
.foot1 .left {width: 40%;font-size: 1.875vw;font-family: Calibri_Light;font-weight: 400;color: #000000;}
.foot1 .right {height: 2.604vw;}
.foot1 .right label {display: block;width: 10.417vw;height: 100%;border: none;margin-right: 1.406vw;}
.foot1 .right .input-tip {padding: 0.781vw 0;text-align: center;}
.foot1 .right input {display: block;border: none;width: 100%;height: 100%;padding: 0.521vw 0.781vw;background: #FFFFFF;box-shadow: 0.521vw 0.521vw 1.563vw rgba(0, 0, 0, 0.14);border-radius: 3px;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #C8C8C8;}
.foot1 .right input::placeholder {color: #C8C8C8;}
.foot1 .right .btn {margin-bottom: 0.521vw;}

.foot1 .right .btn,
.contact5 .contact-form .btn,
.ticket-form .btn {display: block;border: none;text-align: center;background: #000000;border: 1px solid #000000;opacity: 1;border-radius: 3px;font-size: 16px;padding:10px 20px; font-family: Calibri_Light;font-weight: 400;color: #C8C8C8;transition: all ease .3s;}

.foot1 .right .btn:hover,
.contact5 .contact-form .btn:hover,
.ticket-form .btn:hover {color: #000000;background: rgba(255, 255, 255, 0.7);}

footer .foot2 {padding: 3.125vw 0 2.604vw;background: #EFEFEF;}

.foot2 dl {max-width: 22%;}
.foot2 dt {font-size: 0.938vw;margin-bottom: 0.5em;font-family: DIN;font-weight: bold;color: #191919;}
.foot2 dd {font-size: 0.938vw;margin-bottom: 0.7em;font-family: Calibri_Light;font-weight: 400;color: #191919;opacity: 0.66;transition: all ease .3s;}
.foot2 dd:hover {opacity: 1;}
.foot2 dl:last-child dd {padding-left: 1.042vw;position: relative;opacity: 1;}
.foot2 dl:last-child dd:hover {opacity: 0.66;}
.foot2 dl:last-child dd .img {width: 0.625vw;position: absolute;left: 0;top: 0.7em;transform: translateY(-50%);}
.foot2 dl dd .img img {width: 100%;}
.foot2 .follow {margin-top: 4.844vw;}
.foot2 .follow h2 {font-size: 0.938vw;margin-bottom: 0.7em;font-family: DIN;font-weight: bold;color: #191919;}
.foot2 .follow a {width: 1.719vw;margin-right: 1.042vw;transition: all ease .4s;overflow: hidden;}
.foot2 .follow a:hover {border-radius: 100%;}

.foot3 {background: #FFFFFF;}
.foot3 p {padding: 1.302vw 0;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;line-height: 0.99vw;color: #000000;opacity: 0.52;}


.gotop{width: 3.13vw;height: 3.13vw;background: #30a84e;border-radius: 50%;position: fixed;right: 3vw;bottom: 3vw;}
.gotop a{display: block;height: 100%; background: url(../image/gotop.svg)no-repeat center;background-size: 1.5vw auto;;}


.C-more-jt {display: inline-block;padding: 0.521vw 0.938vw;border: 1px solid #FFFFFF;position: relative;overflow: hidden;border-radius: 3px;}
.C-more-jt::after {content: '';display: block;position: absolute;left: 50%;top: 50%;width: 120%;height: 120%;transform: translate(-50%, -50%);background: #fff;z-index: 1;transition: all ease .3s;}
.C-more-jt span {font-size: 0.833vw;font-family: Calibri_Light;color: #000000;margin-right: 0.6em;position: relative;z-index: 2;}
.C-more-jt svg {width: 0.625vw;position: relative;z-index: 2;}
.C-more-jt:hover::after {transform: translate(-50%, -50%);opacity: 0;}
.C-more-jt:hover span {color: #FFFFFF;}
.C-more-jt:hover svg {fill: #FFFFFF}
.C-more-jt.white {border: 1px solid #000000;}
.C-more-jt.white::after {background: #000000;}
.C-more-jt.white span {color: #FFFFFF;}
.C-more-jt.white svg {fill: #FFFFFF}
.C-more-jt.white:hover span {color: #000000;}
.C-more-jt.white:hover svg {fill: #000000}

.C-more-eye {padding: 0.417vw 0.781vw;background: #000000;border-radius: 5px;display: inline-block;border: 1px solid #000000;}
.C-more-eye span {font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #FFFFFF;}
.C-more-eye .svg {display: inline-block;width: 0.781vw;margin-left: 0.417vw;}
.C-more-eye .svg svg {width: 100%;}
.C-more-eye:hover .svg svg {animation: eye 0.4s ease-out;}

@keyframes eye {
	0% {
		transform: scale(1, 1);
	}

	10% {
		transform: scale(1, 0.9);
	}

	20% {
		transform: scale(1, 0.8);
	}

	30% {
		transform: scale(1, 0.7);
	}

	40% {
		transform: scale(1, 0.6);
	}

	50% {
		transform: scale(1, 0.5);
	}

	60% {
		transform: scale(1, 0.4);
	}

	70% {
		transform: scale(1, 0.3);
	}

	80% {
		transform: scale(1, 0.2);
	}

	90% {
		transform: scale(1, 0.1);
	}

	100% {
		transform: scale(1, 0);
	}
}

.C-more-eye.white {background: #FFFFFF;}
.C-more-eye.white span {color: #000000;}.C-more-eye.white .svg svg path {fill: #000000;}

.C-padding {padding: 5.729vw 0;}
.C-banner {position: relative;/* height: 27.86458vw; */background: #8E8E8E;max-width:1920px;margin:0 auto;}
.C-banner .pic {overflow: hidden;display: flex;justify-content: center;align-items: center;background: #AFAFAF;height: 100%;}
.C-banner .pic img {transform: scale(1.3);height: 100%;object-fit: cover;}

.ready .C-banner .pic img {transform: scale(1);transition: all ease 1s;}

.C-banner .intr {position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0) 100%); */}
.C-banner h1 {font-size: 1.8vw;font-family: Calibri_Light;font-weight: bold;color: #FFFFFF;text-transform: uppercase;text-align: center;}
.C-banner p {font-size: 0.833vw;margin: 1.302vw auto 0;text-align: center;max-width: 62.656vw;font-family: Calibri_Light;font-weight: 400;color: #FFFFFF;}

.C-paging .button {width: 1.563vw;height: 1.563vw;cursor: pointer;line-height: 1.406vw;text-align: center;border-radius: 50%;margin: 0 0.781vw;background: #ECECEC;font-size: 1.042vw;font-family: Calibri_Light;font-weight: bold;color: #000000;transition: all ease .3s;}
.C-paging .button:hover {color: #FFFFFF;background: #000000;}

.C-paging .page a {font-size: 0.938vw;margin: 0 0.781vw;font-family: Calibri_Light;font-weight: 400;color: #B2B2B2;transition: all ease .3s;}
.C-paging .page a:hover,
.C-paging .page a.a_cur {color: #000000; }

.C-filter a {display: block;padding: 0.104vw 1.302vw;margin-right: 0.052vw;font-size: 1.04167vw;font-family: Calibri_Light;font-weight: 400;color: #000000;position: relative;transition: all ease .3s;}
.C-filter a.on,
.C-filter a:hover {background: #3371B7;color: #FFFFFF;}
.C-filter a.on::after,
.C-filter a:hover::after {opacity: 0;}

.C-form label {position: relative;display: block;width: 100%;margin-bottom: 0.521vw;border-bottom: 1px solid #BEBEBE;}
.C-form textarea,
.C-form input {padding: 1.042vw 0;display: inline-block;width: 100%;height: 100%;border: none;font-size: 0.93750vw;font-family: Calibri_Light;font-weight: 400;color: #5D5D5D;background: transparent;}
.C-form .select {position: relative;margin-bottom: 0.521vw;}
.C-form .select::after {content: '';display: block;position: absolute;right: 2.083vw;bottom: 1.667vw;transform: translateY(50%);width: 1.042vw;height: 1.042vw;background: url('../image/icon-jt-b.svg') no-repeat center/contain;}
.C-form .select span {display: inline-block;font-size: 0.833vw;margin: 1.5em 0 1em;font-family: Calibri_Light;font-weight: 400;color: #5D5D5D;}
.C-form .select select {outline: none;display: block;width: 100%;height: 3.333vw;padding: 0.521vw 2.083vw;border: 1px solid #A1A1A1;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #8E8E8E;-webkit-appearance: none;}
.C-form .select select option {padding: 0.521vw;}
.C-form input::placeholder {color: #5D5D5D;}
.C-form .input-tip {position: absolute;left: 0;top: 0;height: 100%;padding: 1.042vw 0;font-size: 0.833vw;background: #FBFBFB;font-family: Calibri_Light;font-weight: 400;color: #f00;cursor: pointer;width: 0;white-space: nowrap;overflow: hidden;}
.C-form label.error .input-tip {width: 100%;transition: all ease .8s;}

/* 
*======================================================media===============================================================
*/
@media(min-width:1921px){
	header .nav .links{padding:0 1vw;}
	.C-banner h1{font-size:1.5vw;}
}

@media screen and (max-width:991px) {
.xs-show {display: flex !important;}
.xs-hide {display: none !important;}
.wrap {width: 95%;}
.navbar-toggle {display: inline-block;padding: 0 0;margin: 0;background-color: transparent;border: none !important;position: relative;z-index: 55;}
.navbar-toggle .line-top,
.navbar-toggle .line-middle,
.navbar-toggle .line-bottom {display: block;width: 20px;height: 2px;background-color: #fff;margin: 5px 0;transition: 0.4s;}
.open .line-top {-webkit-transform: rotate(45deg) translate(2px, 7px);transform: rotate(45deg) translate(2px, 7px);}
.open .line-middle {opacity: 0;}
.open .line-bottom {-webkit-transform: rotate(-45deg) translate(3px, -7px);transform: rotate(-45deg) translate(3px, -7px);}


header .wrap .right {position: fixed;left: 0;top: -500vw;width: 100%;height: 100%;background: #000000;z-index: 9999;flex-direction: column;/* justify-content: center; */align-items: flex-start;padding: 2% 5%;opacity: 0;transition: opacity ease .3s;}
header.open .wrap .right {top: 80px;opacity: 1;}
header {height: 80px;}
body {padding-top: 80px;}
.scroll header {height: 80px;}
header .logo {width: 120px;}
header .nav {height: auto;flex-direction: column;}
header .nav .links {height: auto;}
header .nav .links {padding: 0;margin: 5px 0;justify-content: flex-start;}
header .nav .links>a {font-size: 18px;}
header .nav .links.link-routine {flex-direction: column;align-items: flex-start;}
header .nav .links .downLink-routine {position: static;min-width: 40px;transform: none;padding: 5px 0;background: none;box-shadow: none;opacity: 1;display: none;}
header .nav .links:hover .downLink-routine {transform: none;padding: 5px 0 5px 10px;}
header .nav .links .downLink-routine>li>a {font-size: 14px;text-align: left;opacity: 1;color: #FFFFFF;}
header .nav .links .downLink-special {border-top: 2px solid #FFFFFF;transform: translate(0, -10px);box-shadow: 0 0 15px #26262629;}
header .nav .links .downLink-special .special-zuo {width: 13%;}
header .nav .links .downLink-special .special-zuo a {padding: 14px 0 14px 55px;font-size: 14px;}
header .nav .links .downLink-special .special-you {width: 87%;padding: 24px;height: 380px;-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);}
header .nav .links .downLink-special .special-you .ev {width: 13%;margin: 0 1.5% 20px;}
header .nav .links .downLink-special .special-you .ev .pic {width: 112px;height: 112px;}
header .nav .links .downLink-special .special-you .ev p {font-size: 14px;margin-top: 1em;}
header .nav .links.css-jt>a::after {width: 18px;height: 18px;}
header .head-search {width: 160px;height: 35px;margin-top: 20px;}
header .head-search input {padding: 3px 10px 3px 20px;background: #ddd;}
header .head-search button {left: 10px;top: 50%;width: 15px;height: 15px;}

.foot1 .left {width: 100%;font-size: 28px;margin-bottom: 40px;}
.foot1 .right {height: 45px;}
.foot1 .right label {width: 180px;margin-right: 27px;}
.foot1 .right .input-tip {padding: 15px 0;}
.foot1 .right input {padding: 10px 15px;box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.14);border-radius: 3px;font-size: 16px;}
.foot1 .right button,
.contact5 .contact-form button,
.ticket-form button {width: 140px;height: 45px;border-radius: 3px;font-size: 16px;margin-bottom: 10px;}

footer .foot2 {padding: 40px 0 30px;}
.foot2 dl {max-width: 22%;}
.foot2 dt {font-size: 18px;}
.foot2 dd {font-size: 14px;}
.foot2 dl:last-child dd {padding-left: 15px;}
.foot2 dl:last-child dd .img {width: 8px;}
.foot2 .follow {margin-top: 43px;}
.foot2 .follow h2 {font-size: 16px;}
.foot2 .follow a {width: 25px;margin-right: 15px;}
.foot3 p {padding: 15px 0;font-size: 14px;line-height: 1.4;}

.C-more-jt {padding: 5px 9px;border-radius: 3px;}
.C-more-jt span {font-size: 14px;}
.C-more-jt svg {width: 12px;}
.C-more-eye {padding: 8px 15px;border-radius: 5px;border: 1px solid #000000;}
.C-more-eye span {font-size: 16px;}
.C-more-eye .svg {width: 15px;margin-left: 8px;}

.C-padding {padding: 70px 0;}
.C-banner {height: auto;}
.C-banner h1 {font-size: 20px;max-width: 85%;}
.C-banner p {font-size: 14px;margin: 20px auto 0;max-width: 80%;display: none;}
.C-banner .pic img {/* min-height: 350px;object-fit: cover; */}
.C-paging .button {width: 30px;height: 30px;line-height: 27px;margin: 0 15px;font-size: 20px;}
.C-paging .page a {font-size: 18px;margin: 0 15px;}

.C-filter a {padding: 2px 15px;margin-right: 1px;font-size: 16px;}
.C-filter a::after {width: 1px;height: 10px;}
.C-form label {margin-bottom: 10px;border-bottom: 1px solid #BEBEBE;}
.C-form input {padding: 20px 0;font-size: 16px;}
.C-form .select {margin-bottom: 10px;}
.C-form .select::after {right: 20px;bottom: 22px;width: 15px;height: 20px;}
.C-form .select span {font-size: 16px;margin: 1.5em 0 1em;}
.C-form .select select {height: 45px;padding: 10px 10px;font-size: 14px;}
.C-form .select select option {padding: 10px;}
.C-form .input-tip {padding: 20px 0;font-size: 16px;}
}

@media screen and (max-width:768px) {
header {background: #000;}
.C-filter a {padding: 2px 12px;margin-right: 1px;font-size: 16px;}
.C-padding {padding: 40px 0;}
.foot1 .right {height: auto;}
.foot1 .right label {width: 60%;margin-right: 40%;height: 45px;}
.foot-link {display: none;}
.foot2 .follow {margin-top: 0px;}
.foot1 .right button {margin-top: 20px;}
}

@media screen and (max-width:480px) {
.C-more-eye span {font-size: 12px;}
.foot1 .right button,
.contact5 .contact-form button,
.ticket-form button {width: 120px;height: 42px;border-radius: 3px;font-size: 14px;margin-bottom: 10px;}
.C-filter a {padding: 3px 10px;font-size: 15px;}
.C-paging .page a {font-size: 16px;margin: 0 7px;}
.foot1 .left {font-size: 22px;margin-bottom: 20px;}
.C-form .input-tip {font-size: 14px;}

header {height: 60px;}body {padding-top: 60px;}
.scroll header {height: 60px;}
header.open .wrap .right {top: 60px;}
header .logo {width: 100px;}

.foot1 .right label {width: 100%;margin-right: 0%;height: 45px;}
}