/*字体*/

@font-face {
	font-family: 'hp-r';
	font-display: swap;
	src: url('../fonts/hp-r.eot');
	/* IE9 */
	src: url('../fonts/hp-r.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/hp-r.woff2') format('woff2'), url('../fonts/hp-r.woff') format('woff'), /* chrome、firefox */
	url('../fonts/hp-r.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/hp-r.svg#hp-r') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'hp-b';
	font-display: swap;
	src: url('../fonts/hp-b.eot');
	/* IE9 */
	src: url('../fonts/hp-b.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/hp-b.woff2') format('woff2'), url('../fonts/hp-b.woff') format('woff'), /* chrome、firefox */
	url('../fonts/hp-b.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/hp-b.svg#hp-b') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'hp-h';
	src: url(../fonts/ALIBABA-PUHUITI-HEAVY.OTF);
}

@font-face {
	font-family: 'hp-l';
	font-display: swap;
	src: url('../fonts/hp-l.eot');
	/* IE9 */
	src: url('../fonts/hp-l.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/hp-l.woff2') format('woff2'), url('../fonts/hp-l.woff') format('woff'), /* chrome、firefox */
	url('../fonts/hp-l.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/hp-l.svg#hp-l') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'hp-m';
	font-display: swap;
	src: url('../fonts/hp-m.eot');
	/* IE9 */
	src: url('../fonts/hp-m.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/hp-m.woff2') format('woff2'), url('../fonts/hp-m.woff') format('woff'), /* chrome、firefox */
	url('../fonts/hp-m.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/hp-m.svg#hp-m') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'sy-l';
	src: url('../fonts/sy-l.eot');
	/* IE9 */
	src: url('../fonts/sy-l.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/sy-l.woff2') format('woff2'), url('../fonts/sy-l.woff') format('woff'), /* chrome、firefox */
	url('../fonts/sy-l.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/sy-l.svg#sy-l') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'sy-b';
	src: url('../fonts/sy-b.eot');
	/* IE9 */
	src: url('../fonts/sy-b.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/sy-b.woff2') format('woff2'), url('../fonts/sy-b.woff') format('woff'), /* chrome、firefox */
	url('../fonts/sy-b.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/sy-b.svg#sy-b') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'yd-hp1';
	src: url('../fonts/yd-hp1.eot');
	/* IE9 */
	src: url('../fonts/yd-hp1.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/yd-hp1.woff2') format('woff2'), url('../fonts/yd-hp1.woff') format('woff'), /* chrome、firefox */
	url('../fonts/yd-hp1.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/yd-hp1.svg#yd-hp1') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'yd-hp2';
	src: url('../fonts/yd-hp2.eot');
	/* IE9 */
	src: url('../fonts/yd-hp2.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/yd-hp2.woff2') format('woff2'), url('../fonts/yd-hp2.woff') format('woff'), /* chrome、firefox */
	url('../fonts/yd-hp2.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/yd-hp2.svg#yd-hp2') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'yd-hp3';
	src: url('../fonts/yd-hp3.eot');
	/* IE9 */
	src: url('../fonts/yd-hp3.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/yd-hp3.woff2') format('woff2'), url('../fonts/yd-hp3.woff') format('woff'), /* chrome、firefox */
	url('../fonts/yd-hp3.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/yd-hp3.svg#yd-hp3') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'hb-c';
	src: url(../fonts/HELBABLACKDBNORMAL.otf);
}

@font-face {
	font-family: 'Montserrat';
	src: url(../fonts/montserrat-regular.ttf);
}

@font-face {
	font-family: 'Montserrat';
	src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-family: 'm_hp_l';
	src: url('../fonts/m_hp_l.eot');
	/* IE9 */
	src: url('../fonts/m_hp_l.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/m_hp_l.woff2') format('woff2'), url('../fonts/m_hp_l.woff') format('woff'), /* chrome、firefox */
	url('../fonts/m_hp_l.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/m_hp_l.svg#m_hp_l') format('svg');
	/* iOS 4.1- */
}

@font-face {
	font-family: 'm_hp_m';
	src: url('../fonts/m_hp_m.eot');
	/* IE9 */
	src: url('../fonts/m_hp_m.eot') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/m_hp_m.woff2') format('woff2'), url('../fonts/m_hp_m.woff') format('woff'), /* chrome、firefox */
	url('../fonts/m_hp_m.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/m_hp_m.svg#m_hp_m') format('svg');
	/* iOS 4.1- */
}

.loading {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
}

.loading .loadingBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #f5f4f5;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}

.wh100 {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.video-bg img {
	display: none;
	width: 100vw;
	height: 100vh;
}

.video-bg video {
	display: block;
	width: 100%;
	object-fit: fill;
	position: fixed;
	top: 0;
	left: 0;
}


/*引导页面*/

.yd-word {
	position: fixed;
	bottom: 18%;
	left: 0;
	width: 100%;
	text-align: center;
}

.yd-word h4 {
	color: #9E9E9F;
	font-size: 26px;
	line-height: 26px;
	margin: 0 auto .3rem;
	font-family: 'yd-hp1';
	font-weight: normal;
}

.yd-word p {
	color: #9E9E9F;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 8px;
	font-family: 'yd-hp2';
}


/*首页*/

.index {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.index .swiper-button-next {
	opacity: 1;
	background: url(../images/design_show_right2.png) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	z-index: 9;
	right: 32px;
	transition-duration: .3s;
}
.index .swiper-button-next:hover{
	transform: scale(1.1);
}


.index .swiper-button-next.ac {
	background: url(../images/design_show_right2.png) no-repeat;
	background-size: 100% 100%;
}

.index .swiper-button-prev {
	left: 32px;
	opacity: 1;
	background: url(../images/design_show_left.png) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	z-index: 9;
	transition-duration: .3s;
	
}
.index .swiper-button-prev:hover{
	transform: scale(1.1);
}

.index .swiper-button-prev.ac {
	background: url(../images/design_show_left2.png) no-repeat;
	background-size: 100% 100%;
}

.index .swiper-pagination-bullet-active {
	background: #df0012;
	z-index: 10;
}

.index .swiper-button-disabled {
	display: none;
}

.index .bg {
	display: block;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/index-b-bg1.png) no-repeat;
	background-size: 100% 100%;
}

.index .img1 {
	display: block;
	width: 3.67rem;
	height: 4.19rem;
	position: absolute;
	left: 2rem;
	top: 3.1rem;
}

.index .img1 img {
	display: block;
	width: 100%;
}

.index .img2 {
	display: block;
	width: 7.57rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.index .img2 img {
	display: block;
	width: 100%;
}

.index-A {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.index-A .index-word {
	position: absolute;
	bottom: 24%;
	left: 0;
	width: 72%;
	left: 14%;
	text-align: right;
}

.index-A .index-word p {
	font-family: 'yd-hp3';
	color: #DF0012;
	font-size: 24px;
	line-height: 24px;
	text-align: right;
	margin-bottom: .2rem;
}

.index-A .index-word p:nth-child(2) {
	color: #9E9E9F;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 5px;
}

.index-A .index-word p img {
	display: block;
	max-width: 100%;
	float: right;
}

.index-B {
	width: 500px;
	position: relative;
	left: 50%;
	margin-left: -320px;
	height: 560px;
	top: 50%;
	margin-top: -280px;
}

.index-B>p:nth-child(1) {
	position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2rem;
    z-index: 10;
}

.index-B>p:nth-child(1) img {
	display: block;
	width: 1.56rem;
	transition-duration: .3s;
	
}
.index-B>p:nth-child(1) img.db{
	opacity: 1;
	transition-duration: .3s;
}
.index-B>p:nth-child(1) img.hover{
	opacity: 0;
	height:.6rem;
	width:auto;
	transition-duration: .3s;
	position:absolute;
	top:0;
	left:0;
}

.index-B>p:nth-child(1) a {
	display: block;
	height: 100%;
	position: relative;
}

.index-B>p:nth-child(1) a:after {
	content: '';
	display: block;
	width: .30rem;
	height: .30rem;
	background: url(../images/index-b-icon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 1.86rem;
	top:.16rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(1) a:hover:after {
	background: url(../images/index-b-icon2.png) no-repeat;
	left: 2rem;
	background-size: 100% 100%;
}
.index-B>p:nth-child(1) a:hover img.db{
	opacity: 0;
}
.index-B>p:nth-child(1) a:hover img.hover{
	opacity: 1;
}
.index-B>p:nth-child(2):hover p:nth-child(1) img.db{
	opacity: 0;
}
.index-B>p:nth-child(2):hover p:nth-child(1) img.hover{
	opacity: 1;
}
.index-B>p:nth-child(3):hover p:nth-child(1) img.db{
	opacity: 0;
}
.index-B>p:nth-child(3):hover p:nth-child(1) img.hover{
	opacity: 1;
}

.index-B>p:nth-child(2) {
	margin-bottom: .17rem;
	padding-top:.8rem;
}

.index-B>p:nth-child(2) img {
	display: block;
	width: 3.54rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(3) {
	margin-bottom: .26rem;
}

.index-B>p:nth-child(3) img {
	display: block;
	width: 2.37rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(4) {
	margin-bottom: .55rem;
}

.index-B>p:nth-child(4) img {
	display: block;
	width: 2.47rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(5) {
	position: absolute;
    overflow: hidden;
    width: 100%;
    height: 2rem;
    z-index: 10;
}

.index-B>p:nth-child(5) img.db {
	display: block;
	opacity: 1;
	width: 2.01rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(5) img.hover{
	opacity: 0;
	height:.61rem;
	width:auto;
	transition-duration: .3s;
	position:absolute;
	top:0;
	left:0;
}
.index-B>p:nth-child(5):hover img.db{
	opacity: 0;
}
.index-B>p:nth-child(5):hover img.hover{
	opacity: 1;
}

.index-B>p:nth-child(6) {
	margin-bottom: .20rem;
	padding-top: .8rem;
}

.index-B>p:nth-child(6) img {
	display: block;
	width: 3.05rem;
	transition-duration: .3s;
}

.index-B>p:nth-child(7) {
	margin-bottom: .46rem;
}

.index-B>p:nth-child(7) img {
	display: block;
	width: 2.11rem;
	transition-duration: .3s;
}

.index-B>p:hover img {
	transform: translateY(-20%);
}

.index-B>p:nth-child(1):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(2):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(3):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(5):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(6):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(7):hover img {
	transform: translateY(0%);
}

.index-B>p:nth-child(4):hover img {
	transform: translateY(0%);
	transform: rotate(20deg);
}

.index-B .hv1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30vh;
}
.index-B .hv1:hover .
.index-B .hv2{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30vh;
}


/*.index-B ul {
	margin-left: -.22rem;
}*/

.index-B li {
	float: left;
	width: 100px;
	text-align: center;
	position: relative;
	height: 30px;
	overflow: hidden;
	border: 1px solid #9c9d9d;
	margin-right: 10px;
	transition-duration: .2s;
}

.index-B li:hover {
	border: 1px solid rgba(0, 0, 0, 0);
	transition-duration: 0s;
}

.index-B li p {
	color: #9c9d9d;
	font-size: 16px;
	font-weight: lighter;
	position: relative;
	white-space: nowrap;
	display: block;
	text-align: center;
	transition-duration: .4s;
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	padding-right: 10px;
}

.index-B li p:after {
	content: '';
	display: block;
	width: 12px;
	height: 15px;
	position: absolute;
	right: 9px;
	top: 8px;
	background: url(../images/iright_icon.png) no-repeat;
	background-size: 100% 100%;
}

.index-B li:nth-child(1) p:after {
	right: 12px;
}

.index-B li:nth-child(2) p:after {
	right: 17px;
}

.index-B li:nth-child(3) p:after {
	right: 14px;
}

.index-B li:nth-child(4) p:after {
	right: 16px;
}

.index-B li div.ac {
	color: #df0012;
	font-size: 12px;
	position: absolute;
	bottom: -24px;
	left: 0;
	white-space: nowrap;
	display: block;
	width: 100%;
	text-align: center;
	transition-duration: .4s;
	letter-spacing: -1px;
	height: 30px;
	line-height: 30px;
}

.index-B li:hover p {
	bottom: -48px;
}

.index-B li:hover div {
	bottom: 0;
}

.index-B li:hover div span {
	transform: translateY(0px);
}

.icp {
	position: absolute;
	left: 50px;
	bottom: 3%;
	font-size: .13rem;
	color: #9c9d9d;
}


/*.icp img {
	display: block;
	width: 1.36rem
}*/


/*activity*/

.activity {
	width: 100vw;
	height: 100vh;
	position: relative;
	background: url(../images/activity_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.activity .bgA{
	background: url(../images/activity_bg1.png) no-repeat;
	background-size: 100% 100%;
	position:absolute;
	top:0;
	left:-1%;
	z-index:2;
	width: 100vw;
	height: 100vh;
}

.activity .activity_ny {
	width: 0;
	height: 5.57rem;
	background: url(../images/activity_ny_bg.png) left center no-repeat;
	background-size:100% 100%;
	position: relative;
	left:15%;
	top: 1rem;
	padding: .9rem .8rem .7rem .8rem;
	box-sizing: border-box;
	z-index:3;
	transition: width .5s;
	margin:0 auto;
}

.activity .activity_ny .swiper-container {
	width: 10.6rem;
	padding-bottom: .6rem;
}

.activity .activity_ny .swiper-container .img {
	width: 100%;
}

.activity .activity_ny .swiper-container .img img {
	display: block;
	width: 100%;
}

.activity .activity_ny .swiper-container .swiper-slide {
	box-shadow: 0px 0px 20px #ccc;
}

.activity .activity_ny .swiper-container .word {
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
	font-size: 15px;
	color: #595757;
	min-height: 98px;
}

.activity .activity_ny .swiper-container .word p {
	color: #595757;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 18px;
}

.activity .activity_ny .swiper-container .word p.cn {
	margin-bottom: .1rem;
	
}
.activity .activity_ny .swiper-container .word p.en{
  color:#c3c0c0;	
}


.activity .activity_ny .swiper-container a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.activity .activity_ny .swiper-pagination-bullet {
	background: #595757;
	opacity: 1;
}

.activity .activity_ny .swiper-pagination-bullet-active {
	background: #E5002C;
}

.activity .activity_ny .swiper-button-next {
	background: url(../images/design_show_right.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
	right: -.3rem;
	transition-duration: .3s;
	cursor: pointer;
}
.activity .activity_ny .swiper-button-next:hover{
	transform: scale(1.1)!important;
	background: url(../images/design_show_right1.png) no-repeat;
    background-size: 100% 100%;
}

.activity .activity_ny .swiper-button-prev {
	background: url(../images/design_show_left.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
	left: -.3rem;
	transition-duration: .3s;
	cursor: pointer;
	
}
.activity .activity_ny .swiper-button-prev:hover{
	transform: scale(1.1)!important;
	background: url(../images/design_show_left1.png) no-repeat;
    background-size: 100% 100%;
}

.activity .activity_ny .swiper-button-disabled {
	opacity: 1;
	display: none;
}

.activity .title {
	position: absolute;
	right: 300px;
	bottom: 135px;
	z-index: 10;
}

.activity .title img:nth-child(1) {
	display: block;
	width: 3.6rem;
	margin-bottom: .1rem;
}

.activity .title img:nth-child(2) {
	display: block;
	width: 3.6rem;
}

.activity_show {
	width: 100%;
	position: relative;
}
.activity_show a{
	display: block;
	position:absolute;
	top: 1.95rem;
    right: 9.5%;
	width: 30px;
	transition-duration: .3s;
}
.activity_show a:hover{
	transform: rotate(90deg);
}

.activity_show img {
	display: block;
	width: 100%;
}

.footer {
	text-align: center;
	padding: 1.60rem 0 1.60rem 0;
	width: 87%;
	margin: 0 auto;
}

.footer .f_tit {
	text-align: center;
	position: relative;
	font-size: 16px;
	font-family: 'sy-b';
	height: 16px;
	line-height: 16px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 12px;
}

.footer .f_tit:before {
	content: '';
	display: block;
	width: 90px;
	height: 1px;
	background: #666;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 0;
}

.footer .shape p {
	position: relative;
	width: 92px;
	margin: 0 auto;
}

.footer .shape p a {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	transition-duration: 1s;
	z-index: 3;
}

.footer .shape p a:nth-child(1) {
	display: inline-block;
	height: auto;
	transition-delay: 0s!important;
	padding-bottom: 100px;
	width: 90px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.footer .shape p a:nth-child(1):before {
	content: '';
	display: block;
	width: 16px;
	height: 11px;
	background: url(../images/contact-icon1b.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 13px;
	left: 0;
	z-index: 2;
}

.footer .shape p a:nth-child(1):after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: #989899;
	border-radius: 50%;
	position: absolute;
	left: -7px;
	top: 4px;
}

.footer .shape p a:nth-child(2):after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: #989899;
	border-radius: 50%;
	position: absolute;
	left: -5px;
	top: -8px;
}

.footer .shape p a:nth-child(3):after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: #989899;
	border-radius: 50%;
	position: absolute;
	left: -5px;
	top: -6px;
}

.footer .shape p a:nth-child(2) {
	width: 17px;
	height: 14px;
	cursor: pointer;
	transition-delay: 0s!important;
	margin-left: 33px;
}

.footer .shape p a:nth-child(2):before {
	content: '';
	display: block;
	width: 17px;
	height: 14px;
	background: url(../images/contact-icon2b.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.footer .shape p a:nth-child(3) {
	width: 19px;
	height: 15px;
	cursor: pointer;
	transition-delay: 0s!important;
	margin-right: 0;
}

.footer .shape p a:nth-child(3):before {
	content: '';
	display: block;
	width: 19px;
	height: 15px;
	background: url(../images/contact-icon3b.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.footer .shape p a span {
	display: none;
}

.footer .shape p a:nth-child(1) span {
	position: absolute;
	left: 0;
	bottom: 30px;
	font-size: 13px;
	color: #6b6b6b;
	letter-spacing: 1px;
	display: none;
}

.footer .shape p a:nth-child(1) span img {
	display: block;
	width: 1.4rem;
}

.footer .shape p a:nth-child(3) span {
	position: absolute;
	left: .3rem;
	top: -.1rem;
}

.footer .shape p a:nth-child(3) span img {
	display: block;
	width: .8rem;
}

.footer .shape p a:hover span {
	display: block;
}

.footer .shape p a:nth-child(1):hover:before {
	background: url(../images/menu_icon1a.png) no-repeat;
	background-size: 100% 100%;
}

.footer .shape p a:nth-child(2):hover:before {
	background: url(../images/menu_icon2a.png) no-repeat;
	background-size: 100% 100%;
}

.footer .shape p a:nth-child(3):hover:before {
	background: url(../images/menu_icon3a.png) no-repeat;
	background-size: 100% 100%;
}


/*contact*/

.contact {
	width: 100vw;
	height: 100vh;
	position: relative;
}

.contact .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/contact_bg.jpg) no-repeat;
	background-size: cover;
}

.contact .word {
	width: 650px;
	height: 210px;
	position: absolute;
	right: 15%;
	bottom: 10%;
}

.contact .word ul {
	clear: both;
}

.contact .word li {
	float: left;
}

.contact .word li:nth-child(2) {
	float: right;
}

.contact .word li img {
	display: block;
	transition-duration: .3s;
}

.contact .word li img:nth-child(1) {
	margin-bottom: 20px;
}

.contact .word li img:nth-child(2) {
	margin-bottom: 12px;
}

.contact .word li img:hover {
	transform: translateY(-20%);
}

.contact .word dl {
	position: absolute;
	left: 0;
	bottom: 0;
	height:.7rem;
}
.contact .word dt{position:relative;padding-right: .25rem;float:left;height:100%;text-align: center;}
/*.contact .word dt:after{content: '';display:block;width:1px;height:100%;background:#bebebe;position:absolute;top:0;right:0;}*/
.contact .word dt img{display: block;margin-bottom: 4px;}
.contact .word dt img:nth-child(1){width:.6rem;display: block;}
.contact .word dt img:nth-child(2){width:.53rem;margin:0 auto;}
.contact .word dd{float:left;position:relative;height:100%;}
.contact .word dd a{display: block;cursor: pointer;}
.contact .word dd a:nth-child(1){background:url(../images/n_c_wb.png) no-repeat;background-size:100% 100%;width:20px;height:16px;top:7px;position:relative;left:-15px;}
.contact .word dd a:nth-child(2){background:url(../images/n_c_mail.png) no-repeat;background-size:100% 100%;width:16px;height:12px;position:absolute;bottom:10px;left: -14px;}
.contact .word dd a:nth-child(2) span{position:absolute;font-size:.14rem;color:#6b6b6b;left: .3rem;top: -.15rem;opacity: 0;}

.contact .word dd a:nth-child(1):hover{background:url(../images/contact-icon2a.png) no-repeat;background-size:100% 100%;}
.contact .word dd a:nth-child(2):hover{background:url(../images/contact-icon1a.png) no-repeat;background-size:100% 100%;}
.contact .word dd a:nth-child(2):hover span{opacity: 1;}


/*合作伙伴*/

.partner {
	width: 100vw;
	height: 100vh;
	position: relative;
}
.partner .pic1{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100vw;
	display: block;
}
.partner .pic2{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100vw;
	display: block;
}
.partner .pic3{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100vw;
	display: block;
}
/*滚动条*/

*::-moz-selection {
	color: #fff;
	background: #193b6d;
}

*::selection {
	color: #fff;
	background: #193b6d;
}

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	background-color: rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-track {
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #e20012;
	transition: all .2s;
	border-radius: 25px;
}

.progress-container {
	width: 5px;
	height: 100vh;
	background: rgba(204, 204, 204, .3);
	position: fixed;
	top: 0;
	right: 0;
	z-index: 12;
}

.progress-bar {
	height: 0%;
	background: #ff4438;
	width: 8px;
}


/*movies*/

.moives {
	padding: 80px 0 0;
	width: 100vw;
	background: url(../images/movies_c_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	height:100vh;
}

.moives .moives_ny {
	width: 0;
	height: 8.10rem;
	background: url(../images/movies_ny_bg.png) left center no-repeat;
	background-size:100% 100%;
	position: relative;
	padding: .9rem .8rem .7rem .8rem;
	box-sizing: border-box;
	z-index:3;
	transition: width .5s;
	margin:.3rem auto;
	
	
	
}

.moives .moives .swiper-container {
	width: 10.6rem;
	padding-bottom: .6rem;
}

.moives .moives_ny .swiper-container .img {
	width: 100%;
}

.moives .moives_ny .swiper-container .img img {
	display: block;
	width: 100%;
}

.moives .moives_ny .swiper-container .swiper-slide {
	background:#fff;
	transition-duration: .3s;
	cursor: pointer;
}
.moives .moives_ny .swiper-container .swiper-slide:hover{
	box-shadow: 0px 0px 20px #ccc;
}
.moives .moives_ny .swiper-container .swiper-slide:hover .play{
	opacity: 1;
}

.moives .moives_ny .swiper-container .word {
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
	font-size: 15px;
	color: #595757;
	min-height: 98px;
}

.moives .moives_ny .swiper-container .word p {
	color: #000;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 18px;
	/*font-weight: bold;*/
}

.moives .moives_ny .swiper-container .word p.cn {
	margin-bottom: .1rem;
	
}
.moives .moives_ny .swiper-container .word p.en{
  color:#c3c0c0;
  font-weight: normal;	
}

.moives .moives_ny .swiper-container .play{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	margin-top:-70px;
	opacity: 0;
	transition-duration: .3s;
	
}
.moives .moives_ny .swiper-container .play img{display: block;width:100%;}




.moives .moives_ny .swiper-pagination-bullet {
	background: #595757;
	opacity: 1;
	 margin: 0 5px;
}
.moives .moives_ny .swiper-pagination{bottom:50px;left:0;width:100%;text-align: center;}

.moives .moives_ny .swiper-pagination-bullet-active {
	background: #E5002C;
	
}

.moives .moives_ny .swiper-button-next {
	background: url(../images/design_show_right.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
	right: -50px;
	transition-duration: .3s;
	cursor: pointer;
}
.moives .moives_ny .swiper-button-next:hover{
	transform: scale(1.1)!important;
	background: url(../images/design_show_right1.png) no-repeat;
    background-size: 100% 100%;
}

.moives .moives_ny .swiper-button-prev {
	background: url(../images/design_show_left.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
	left: -50px;
	transition-duration: .3s;
	cursor: pointer;
	
}
.moives .moives_ny .swiper-button-prev:hover{
	transform: scale(1.1)!important;
	background: url(../images/design_show_left1.png) no-repeat;
    background-size: 100% 100%;
}

.moives .moives_ny .swiper-button-disabled {
	display: none;
}

/*.moives {
	padding: 124px 0 100px;
	width: 100vw;
	background: url(../images/bga.png) no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.moives .bg1 {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bg_gd.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10vh;
	left: 0;
	z-index: 2;
	overflow: hidden;
}

.moives .videolist {
	width: 63%;
	margin: 0 auto 124px;
	position: relative;
	transition-duration: 1s;
	cursor: pointer;
	z-index: 3;
}

.moives .videolist .play {
	display: block;
	width: .8rem;
	height: .8rem;
	background: url(../images/play-btn.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	margin-top: -.4rem;
	left: 50%;
	margin-left: -.4rem;
	z-index: 2;
	transition-duration: .5s;
}

.moives .videolist .play:hover {
	transform: rotate(90deg);
}

.moives .videolist:last-child {
	margin-bottom: 0;
}

.moives .videolist:before {
	content: '';
	display: block;
	width: calc(100% + 48px);
	height: calc(100% + 48px);
	background: url(../images/movies-li-bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -24px;
	left: -24px;
	transition-duration: 1s;
}

.moives .videolist .bg {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(152, 152, 153, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.moives .videolist .videoed {
	position: absolute;
	width: .8rem;
	height: .8rem;
	top: 50%;
	margin-top: -.4rem;
	left: 50%;
	margin-left: -.4rem;
	z-index: 3;
	transition-duration: 2s;
}

.moives .videolist .videoed:hover {
	transform: rotate(360deg);
}*/

.videos {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background: url(../images/movies-tc-bg.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100vw;
	height: 100vh;
}

.moives .videolist .vclose {
	position: absolute;
	width: 110px;
	height: 110px;
	top: 50%;
	margin-top: -55px;
	left: 50%;
	margin-left: -55px;
	transition-duration: .3s;
}

.moives .videolist .img {
	width: 100%;
	overflow: hidden;
}

.moives .videolist .img img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 1.25s cubic-bezier(.475, .425, 0, .995);
	transition: all 1.25s var(--primary-ease);
}

.moives .videolist .vtit {
	position: absolute;
	left: 6%;
	top: 8%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	z-index: 3;
	display: none;
}

.moives .videolist:hover:before {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.moives .videolist:hover .img img {
	transform: scale(1.05, 1.05);
}

.moives .videolist:hover .bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.vclose {
	position: absolute;
	left: 82.4%;
	top: 11.5%;
	border-radius: 100%;
	cursor: pointer;
	transition-duration: .3s;
	display: block;
	width: 35px!important;
	height: 35px!important;
}

.vclose:hover {
	transform: rotate(90deg);
}


/*about*/

.fix {
	position: fixed;
	bottom: 20px;
	left: 50px;
	z-index: 19;
	height: 38px;
	line-height: 38px;
	padding-right: 40px;
	overflow: hidden;
	cursor: pointer;
}

.fix p {
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	position: relative;
	color: #989899;
}

.fix p span {
	position: relative;
	display: inline-block;
	letter-spacing: -1.5px;
}

.fix p:hover span {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(2) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .05s;
	-webkit-animation-delay: .05s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(3) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(4) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .15s;
	-webkit-animation-delay: .15s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(5) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(7) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .25s;
	-webkit-animation-delay: .25s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(8) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(9) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .35s;
	-webkit-animation-delay: .35s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(10) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
	/* Safari 和 Chrome */
}

.fix p:hover span:nth-child(11) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .45s;
	-webkit-animation-delay: .45s;
	/* Safari 和 Chrome */
}

.fix .right-icon {
	cursor: pointer;
	width: 10px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 1px;
	background: url(../images/arrow-left.svg) no-repeat;
	background-size: 100% 100%;
	transform: rotate(180deg);
	animation-name: beat;
	/*动画名称*/
	animation-duration: 2s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速度曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-play-state: running;
	/*正在运行*/
}

@keyframes beat {
	0% {
		right: 20px;
	}
	50% {
		right: 0;
	}
	100% {
		right: -20px;
	}
}


/*.fix.swiper-button-disabled{display: none;}*/

.about {
	background: #dfdfdf;
}

.about .swiper-wrapper {
	transition-delay: .5s;
}

.about .swiper-container {
	width: 100%;
	height: 100%;
}

.about .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition-timing-function: linear;
}

.about .swiper-button-next {
	opacity: 1;
	background: url(../images/design_show_right.png) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	z-index: 9;
	transition-duration: .3s;
	right: 32px;
}
.about .swiper-button-next:hover{
	transform: scale(1.1);
}

.about .swiper-button-next.ac {
	background: url(../images/design_show_right2.png) no-repeat;
	background-size: 100% 100%;
}

.about .swiper-button-prev {
	left: 32px;
	opacity: 1;
	background: url(../images/design_show_left.png) no-repeat;
	background-size: 100% 100%;
	width: .6rem;
	height: .6rem;
	z-index: 9;
	transition-duration: .3s;
	
}
.about .swiper-button-prev:hover{
	transform: scale(1.1);
}

.about .swiper-button-prev.ac {
	background: url(../images/design_show_left2.png) no-repeat;
	background-size: 100% 100%;
}

.about .swiper-pagination-bullet-active {
	background: #df0012;
	z-index: 10;
}

.about .swiper-pagination {
	z-index: 10;
}

.about .swiper-pagination .swiper-pagination-bullet-active:nth-child(1) {
	background: #cecece;
}

.about .swiper-button-disabled {
	display: none;
}

@-webkit-keyframes twinkling {
	/*透明度由0到1*/
	0% {
		opacity: 1;
		/*透明度为0*/
	}
	50% {
		opacity: 0;
		/*透明度为0*/
	}
	100% {
		opacity: 1;
		/*透明度为1*/
	}
}

#wish1 {
	z-index: 5;
	position: relative;
	background: #dfdfdf;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#wish1 .bg {
	position: absolute;
	background: url('../images/abouta-bg1.png') center center no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#wish1 .bg1 {
	position: absolute;
	background: url('../images/abouta-bg2.png') center center no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

#wish1 .bg-img1 {
	height: 100%;
	width: 0;
	background: url(../images/abouta-bg3c.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	z-index: 3;
	left: 45.4%;
	transform: skew(-16deg);
}

#wish1 .bg-img2 {
	position: absolute;
	background: url('../images/abouta-bg2a.png') center center no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}


/*#wish1 .bg-img1.aa{
	animation: mymove1 3s;
	animation-fill-mode: forwards;
	animation-delay: 1.6s;
	opacity: 1;
}*/

#wish1 .bgA {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background: #dfdfdf;
	z-index: 3;
}

#wish1 .word {
	position: absolute;
	top: 15%;
	right: 7%;
	text-align: left;
	line-height: 1;
	height: auto;
	width: 600px;
	z-index: 5;
}

#wish1 .word .word1,
#wish1 .word .word2,
#wish1 .word .word3,
#wish1 .word .word4,
#wish1 .word .word5,
#wish1 .word .word6,
#wish1 .word .word7,
#wish1 .word .word8 {
	position: relative;
	font-weight: normal;
	line-height: 1;
}

#wish1 .word .word1 p,
#wish1 .word .word3 p,
#wish1 .word .word5 p,
#wish1 .word .word7 p {
	font-size: 1.4rem;
	color: #850001;
	font-family: 'sy-l';
	position: relative;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#wish1 .word .word1 span,
#wish1 .word .word3 span,
#wish1 .word .word5 span,
#wish1 .word .word7 span {
	font-size: .27rem;
	color: #fff;
	font-family: 'hp-b';
	position: absolute;
	right: 0;
	bottom: .3rem;
	letter-spacing: 1px;
}

#wish1 .word .word2 span,
#wish1 .word .word4 span,
#wish1 .word .word6 span,
#wish1 .word .word8 span {
	display: block;
	font-size: .12rem;
	color: #fff;
	margin-bottom: .1rem;
	letter-spacing: 1px;
}

#wish1 .word .word1,
#wish1 .word .word5 {
	
	line-height: 1.3;
}

#wish1 .word .word1:hover,
#wish1 .word .word3:hover,
#wish1 .word .word5:hover,
#wish1 .word .word7:hover {
	animation: mymovea 1s forwards;
	cursor: default;
}

#wish1 .word .word2,
#wish1 .word .word6 {
	margin-bottom: .5rem;
	margin-left: .15rem;
}

#wish1 .word .word3,
#wish1 .word .word7 {
	
	line-height: 1.3;
}

#wish1 .word .word4,
#wish1 .word .word8 {
	margin-left: .15rem;
	margin-bottom: 1rem;
}

#wish1 img.add {
	position: absolute;
	right: .7rem;
	bottom: .7rem;
	display: block;
	width: 1.3rem;
	z-index: 6;
}

#wish1 .word .word1 span {
	/*right: .7rem;*/
	right:0;
}

#wish2 .word .word3 span {
	/*right: .5rem;*/
	right:0;
}

#wish1 .word .word5 span {
	right: .5rem;
	
}

#wish1 .word .word7 span {
	right: .5rem;
	
}

#wish1 .word .word5 p {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 1s;
}

#wish1 .word .word5 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 1.2s;
}

#wish1 .word .word6 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
}

#wish1 .word .word6 span:nth-child(1) {
	transition-delay: 1.4s;
}

#wish1 .word .word6 span:nth-child(2) {
	transition-delay: 1.6s;
}

#wish1 .word .word6 span:nth-child(3) {
	transition-delay: 1.8s;
}

#wish1 .word .word6 span:nth-child(4) {
	transition-delay: 2s;
}

#wish1 .word .word7 p {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 2.2s;
}

#wish1 .word .word7 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 2.4s;
}

#wish1 .word .word8 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
}

#wish1 .word .word8 span:nth-child(1) {
	transition-delay: 2.6s;
}

#wish1 .word .word8 span:nth-child(2) {
	transition-delay: 2.8s;
}

#wish1 .ani-slide .word .word5 p {
	opacity: 1;
	transform: translateY(0px);
}

#wish1 .ani-slide .word .word5 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish1 .ani-slide .word .word6 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish1 .ani-slide .word .word7 p {
	opacity: 1;
	transform: translateY(0px);
}

#wish1 .ani-slide .word .word7 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish1 .ani-slide .word .word8 span {
	opacity: 1;
	transform: translateY(0px);
}


/*#wish1 .word img {
	display: inline-block;
	position: relative;
}

#wish1 .word p:nth-child(1) {
	margin-bottom: .28rem;
	height: 1.4rem;
}

#wish1 .word p:nth-child(1) img {
	display: block;
	float: right;
	width: 4.61rem;
}

#wish1 .word p:nth-child(2) {
	margin-bottom: 2.5rem;
	display: block;
	height: .19rem;
}

#wish1 .word p:nth-child(2) img {
	display: block;
	float: right;
	width: 3.04rem;
}

#wish1 .word p:nth-child(3) {
	margin-bottom: 0.28rem;
	height: .34rem;
}

#wish1 .word p:nth-child(3) img {
	display: block;
	float: right;
	width: 1.45rem;
}

#wish1 .word p:nth-child(4) img {
	display: block;
	float: right;
	width: 4.54rem;
}*/

#wish2 {
	z-index: 2;
	position: relative;
	background: #dfdfdf;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: url('../images/wish2_bg1.jpg') center center no-repeat;
	background-size: 100%;
}

#wish2 .bg {
	position: absolute;
	background: url('../images/wish2_bg1.png') center center no-repeat;
	background-size: 100%;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	z-index: 2;
}

#wish2 .bg1 {
	position: absolute;
	background: url('../images/wish2_bg2.png') center center no-repeat;
	background-size: 100%;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	z-index: 3;
}

#wish2 .bg2 {
	background: url('../images/wish2_bg3.png') left center no-repeat;
	width: 0px;
	height: 1.66rem;
	position: absolute;
	bottom: 31%;
	left: 20.5%;
	z-index: 4;
}

#wish2 .wordA {
	position: relative;
	z-index: 5;
}

#wish2 .wordA .ajj {
	bottom: 12%;
	left: .96rem;
}

#wish2 .wordA .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	opacity: 1;
	background: #a5a5a6;
	border-radius: 0;
	transition-duration: .3s;
	
}
#wish2 .wordA .swiper-pagination-bullet:hover{
	transform: scale(1.1);
}
#wish2 .wordA .swiper-pagination-bullet:nth-child(2){
	margin-left: .15rem;
}

#wish2 .wordA .swiper-pagination-bullet-active {
	color: #fff;
	background: #d80012;
}

#wish2 .word {
	position: absolute;
	top: 15%;
	right: 16%;
	text-align: left;
	line-height: 1;
	height: auto;
	width: 600px;
	z-index: 5;
}

#wish2 .word .word1,
#wish2 .word .word2,
#wish2 .word .word3,
#wish2 .word .word4,
#wish2 .word .word5,
#wish2 .word .word6,
#wish2 .word .word7,
#wish2 .word .word8 {
	position: relative;
	font-weight: normal;
	line-height: 1;
}

#wish2 .word .word1 p,
#wish2 .word .word3 p,
#wish2 .word .word5 p,
#wish2 .word .word7 p {
	font-size: 1.4rem;
	color: #c2c2c2;
	font-family: 'sy-l';
	position: relative;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#wish2 .word .word1 span,
#wish2 .word .word3 span,
#wish2 .word .word5 span,
#wish2 .word .word7 span {
	font-size: .27rem;
	color: #d80012;
	font-family: 'hp-b';
	position: absolute;
	right: 0;
	bottom: .3rem;
	letter-spacing: 1px;
}

#wish2 .word .word2 span,
#wish2 .word .word4 span,
#wish2 .word .word6 span,
#wish2 .word .word8 span {
	display: block;
	font-size: .12rem;
	color: #595757;
	margin-bottom: .1rem;
	letter-spacing: 1px;
}

#wish2 .word .word1,
#wish2 .word .word5 {
	
	line-height: 1.3;
}

#wish2 .word .word1:hover,
#wish2 .word .word3:hover,
#wish2 .word .word5:hover,
#wish2 .word .word7:hover {
	animation: mymovea 1s forwards;
	cursor: default;
}

#wish2 .word .word2,
#wish2 .word .word6 {
	margin-bottom: .5rem;
	margin-left: .15rem;
}

#wish2 .word .word3,
#wish2 .word .word7 {
	
	line-height: 1.3;
}

#wish2 .word .word4,
#wish2 .word .word8 {
	margin-left: .15rem;
	margin-bottom: 1rem;
}

#wish2 img.add {
	position: absolute;
	right: .7rem;
	bottom: .7rem;
	display: block;
	width: 1.3rem;
	z-index: 6;
}

#wish2 .word .word1 span {
	/*right: .7rem;*/
	right:0;
}

#wish2 .word .word3 span {
	/*right: .5rem;*/
	right:0;
}

#wish2 .word .word5 span {
	right: .5rem;
	
}

#wish2 .word .word7 span {
	right: .5rem;
	
}

#wish2 .word .word5 p {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 1s;
}

#wish2 .word .word5 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 1.2s;
}

#wish2 .word .word6 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
}

#wish2 .word .word6 span:nth-child(1) {
	transition-delay: 1.4s;
}

#wish2 .word .word6 span:nth-child(2) {
	transition-delay: 1.6s;
}

#wish2 .word .word6 span:nth-child(3) {
	transition-delay: 1.8s;
}

#wish2 .word .word6 span:nth-child(4) {
	transition-delay: 2s;
}

#wish2 .word .word7 p {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 2.2s;
}

#wish2 .word .word7 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
	transition-delay: 2.4s;
}

#wish2 .word .word8 span {
	opacity: 0;
	transform: translateY(20px);
	transition-duration: 1s;
}

#wish2 .word .word8 span:nth-child(1) {
	transition-delay: 2.6s;
}

#wish2 .word .word8 span:nth-child(2) {
	transition-delay: 2.8s;
}

#wish2 .ani-slide .word .word5 p {
	opacity: 1;
	transform: translateY(0px);
}

#wish2 .ani-slide .word .word5 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish2 .ani-slide .word .word6 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish2 .ani-slide .word .word7 p {
	opacity: 1;
	transform: translateY(0px);
}

#wish2 .ani-slide .word .word7 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish2 .ani-slide .word .word8 span {
	opacity: 1;
	transform: translateY(0px);
}

#wish4 {
	background: #DFDFDF;
	z-index: 7;
	width: 100vw;
	position: relative;
	height: 100vh;
	overflow: hidden;
}

#wish4 .bg {
	width: 100vw;
	height: 100vh;
	background: #DFDFDF;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#wish4 .img {
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#wish4 img.a1 {
	position: absolute;
	top: 11.5%;
	left: 2rem;
	display: block;
	width: 11.01rem;
	z-index: 2;
}

#wish4 img.a2 {
	position: absolute;
	bottom: 12%;
	left: 2.6rem;
	display: block;
	width: 6.26rem;
	z-index: 2;
}

#wish4 img.a3 {
	position: absolute;
	bottom: 18%;
	right: 2rem;
	display: block;
	width: 2.85rem;
	z-index: 2;
}

#wish4 img.a4 {
	position: absolute;
	bottom: 11%;
	right: 2rem;
	display: block;
	width: 2.66rem;
	z-index: 2;
}

#wish4 .pic {
	width: 100vw;
	height: 4.9rem;
	position: absolute;
	top: 50%;
	margin-top: -2.45rem;
	left: 5%;
	white-space: nowrap;
	z-index: 1;
}

#wish4 .pic .swiper-wrapper {
	transition-delay: 0s;
}

#wish4 .swiper-slide {
	width: 36%;
}

#wish4 .swiper-slide:last-child {
	width: 6%;
}

#wish4 .pic img {
	display: inline-block;
	height: 100%;
	cursor: pointer;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 1.25s cubic-bezier(.475, .425, 0, .995);
	transition: all 1.25s var(--primary-ease);
}

#wish4 .pic img:hover {
	/*-webkit-transform: scale(.95) rotateY(-9deg);
    transform: scale(.95) rotateY(-9deg);*/
}

#wish5 {
	background: #dfdfdf;
	z-index: 7;
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#wish5 .img {
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#wish5 img.a1 {
	position: absolute;
	top: 11.5%;
	left: 2rem;
	display: block;
	width: 11.71rem;
	z-index: 2;
}

#wish5 img.a2 {
	position: absolute;
	bottom: 12%;
	left: 2rem;
	display: block;
	width: 6.26rem;
	z-index: 2;
}

#wish5 img.a3 {
	position: absolute;
	bottom: 18%;
	right: 2rem;
	display: block;
	width: 2.81rem;
	z-index: 2;
}

#wish5 img.a4 {
	position: absolute;
	bottom: 11%;
	right: 2rem;
	display: block;
	width: 2.08rem;
	z-index: 2;
}

#wish5 .pic1 {
	width: 100vw;
	height: 4.9rem;
	position: absolute;
	top: 50%;
	margin-top: -2.45rem;
	left: 5%;
	white-space: nowrap;
	z-index: 1;
	padding-right: 200px;
}

#wish5 .pca {
	animation: ppa 1s;
}

@keyframes ppa {
	0% {
		left: 5%;
	}
	50% {
		left: -10%;
	}
	100% {
		left: 5%;
	}
}

.back {
	display: block;
	position: absolute;
	bottom: 3%;
	right: 50px;
	z-index: 8;
	cursor: pointer;
	width: 22px;
	height: 15px;
	background: url(../images/back_icon.png) no-repeat;
	background-size: 100% 100%;
	transition-duration: .3s;
}

.back1 {
	position: fixed;
}

.back:hover {
	background: url(../images/back_icon1.png) no-repeat;
	background-size: 100% 100%;
	width: 27px;
	height: 15px;
}

.tel {
	display: block;
	position: absolute;
	bottom: calc(3% + 30px);
	right: 50px;
	z-index: 8;
	cursor: pointer;
	width: 17px;
	height: 19px;
	background: url(../images/tel_icon1.png) no-repeat;
	background-size: 100% 100%;
	transition-duration: .3s;
}

.tel1 {
	position: fixed;
}

.tel:hover {
	background: url(../images/tel_icon2.png) no-repeat;
	background-size: 100% 100%;
	width: 21px;
	height: 19px;
}

#wish5 .pic1 .swiper-wrapper {
	transition-delay: 0s;
}

#wish5 .swiper-slide {
	width: 36%;
}

#wish5 .swiper-slide:last-child {
	width: 6%;
}

#wish5 .pic1 img {
	display: block;
	height: 100%;
	cursor: pointer;
	width: 100%;
	transition-duration: .3s;
}


/*头部*/

.hamburger {
	position: relative;
	width: 40px;
	height: 40px;
}

.hamburger:hover {
	animation: mymovea 1s forwards;
}

@keyframes mymovea {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0, -10px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

@media screen and (max-width:768px) {
	.hamburger {
		width: 44px;
		height: 44px
	}
}

.hamburger-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.hamburger .button {
	-webkit-transform: translate3d(-20px, -20px, 0);
	transform: translate3d(-20px, -20px, 0);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 20px;
	top: 20px
}

.hamburger .background-hamburger {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #1f1e1d;
	background-color: var(--color-primary-black-1);
	position: absolute;
	top: 0;
	left: 0;
	transition: -webkit-transform .35s cubic-bezier(.475, .425, 0, .995);
	transition: transform .35s cubic-bezier(.475, .425, 0, .995);
	transition: transform .35s cubic-bezier(.475, .425, 0, .995), -webkit-transform .35s cubic-bezier(.475, .425, 0, .995);
	transition: -webkit-transform .35s var(--primary-ease);
	transition: transform .35s var(--primary-ease);
	transition: transform .35s var(--primary-ease), -webkit-transform .35s var(--primary-ease)
}

.hamburger .background-hamburger.background-is-black,
.hamburger .background-hamburger.background-is-red,
.hamburger .background-hamburger.white {
	background-color: #fff;
	background-color: var(--color-primary-white)
}

.hamburger .background-hamburger.white {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hamburger .background-hamburger.white.background-is-black,
.hamburger .background-hamburger.white.background-is-red {
	background-color: #1f1e1d;
	background-color: var(--color-primary-black-1)
}

.hamburger .background-hamburger.active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hamburger .background-hamburger.inactive {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hamburger .icon-hamburger {
	opacity: 1
}

.hamburger .icon-hamburger .line-center {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	line-height: 0;
	-webkit-transform: scaleX(.71);
	transform: scaleX(.71);
	-webkit-transform-origin: right;
	transform-origin: right
}

.hamburger .icon-hamburger .line-center,
.hamburger .icon-hamburger:after,
.hamburger .icon-hamburger:before {
	display: block;
	width: 17px;
	height: 1px;
	background-color: #fff;
	background-color: var(--color-primary-white);
	transition: background-color .45s cubic-bezier(.475, .425, 0, .995), -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995), background-color .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995), background-color .45s cubic-bezier(.475, .425, 0, .995), -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: background-color .45s var(--primary-ease), -webkit-transform .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease), background-color .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease), background-color .45s var(--primary-ease), -webkit-transform .45s var(--primary-ease)
}

.hamburger .icon-hamburger:after,
.hamburger .icon-hamburger:before {
	content: "";
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
	-webkit-transform-origin: right;
	transform-origin: right
}

.hamburger .icon-hamburger:after {
	-webkit-transform: translate3d(0, 4px, 0);
	transform: translate3d(0, 4px, 0)
}

.hamburger .icon-hamburger.background-is-black .line-center,
.hamburger .icon-hamburger.background-is-black:after,
.hamburger .icon-hamburger.background-is-black:before {
	background-color: #1f1e1d;
	background-color: var(--color-primary-black-1)
}

.hamburger .icon-hamburger.background-is-red .line-center,
.hamburger .icon-hamburger.background-is-red:after,
.hamburger .icon-hamburger.background-is-red:before {
	background-color: #f84525;
	background-color: var(--color-primary-red)
}

.hamburger .icon-hamburger.hide {
	opacity: 0
}

.hamburger .icon-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995), -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: -webkit-transform .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease), -webkit-transform .45s var(--primary-ease)
}

@media screen and (max-width:768px) {
	.hamburger .icon-close {
		width: 44px;
		height: 44px
	}
}

.hamburger .icon-close:after,
.hamburger .icon-close:before {
	position: absolute;
	top: 20px;
	left: 12px;
	content: "";
	display: block;
	width: 17px;
	height: 1px;
	background-color: #111;
	background-color: var(--color-primary-black-2);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition: -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: transform .45s cubic-bezier(.475, .425, 0, .995), -webkit-transform .45s cubic-bezier(.475, .425, 0, .995);
	transition: -webkit-transform .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease);
	transition: transform .45s var(--primary-ease), -webkit-transform .45s var(--primary-ease)
}

@media screen and (max-width:768px) {
	.hamburger .icon-close:after,
	.hamburger .icon-close:before {
		top: 22px;
		left: 13px
	}
}

.hamburger .icon-close.background-is-black:after,
.hamburger .icon-close.background-is-black:before,
.hamburger .icon-close.background-is-red:after,
.hamburger .icon-close.background-is-red:before {
	background-color: #fff;
	background-color: var(--color-primary-white)
}

.hamburger .icon-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.hamburger .icon-close.active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hamburger .click-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

@media screen and (min-width:769px) {
	.hamburger:hover.active .background-hamburger.white {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	@media screen and (max-width:768px) {
		.hamburger:hover.active .background-hamburger.white {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	.hamburger:hover:not(.active) .background-hamburger.black {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	@media screen and (max-width:768px) {
		.hamburger:hover:not(.active) .background-hamburger.black {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	.hamburger:hover .line-center {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.cover-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 20;
	pointer-events: none;
	overflow: hidden;
	
}

.cover-menu.active {
	pointer-events: all
}

.cover-menu .cover-background {
	position: absolute;
	top: calc(90px - 112vw);
	right: calc(100px - 112vw);
	width: 224vw;
	height: 224vw;
	border-radius: 50%;
	background-color: #1f1e1d;
	-webkit-transform-origin: center;
	transform-origin: center;
	transform: translateX(-3px) translateY(7px) scaleX(0) scaleY(0) translateZ(0px);
	transition: all .7s ease-out;
}
.cover-menu .cover-background:after{
	content: '';
	display: block;
	width:100vw;
	height:100vh;
	background-image: url(../images/h_top_bg.jpg);
    background-repeat: no-repeat;
    background-size:100% 100%;
    position:absolute;
    top: 107vw;
    left: 17vw;
}



@media screen and (max-width:768px) {
	.cover-menu .cover-background {
		top: calc(60px - 224vw);
		right: calc(40px - 224vw);
		width: 448vw;
		height: 448vw
	}
}

.cover-menu .cover-background.background-is-black,
.cover-menu .cover-background.background-is-red {
	background-color: #fff;
	background-color: var(--color-primary-white)
}

.cover-menu .content-container {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative
}

@media screen and (max-width:768px) {
	.cover-menu .content-container {
		padding: 0 20px;
		box-sizing: border-box
	}
}

.cover-menu .content-wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

@media screen and (max-width:768px) {
	.cover-menu .content-wrapper {
		flex-direction: column;
		box-sizing: border-box;
		align-items: flex-start
	}
}

.cover-menu .highlighter-wrapper {
	position: absolute;
	top: -30px;
	right: 60px;
	z-index: 21
}

.cover-menu .menu-highlighter {
	position: absolute;
	top: 0;
	color: #2b2a2c;
	color: var(--color-sub-black-2);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top left;
	transform-origin: top left
}

@media screen and (max-width:768px) {
	.cover-menu .primary-nav {
		margin-bottom: 80px
	}
}

.cover-menu .primary-nav .label {
	display: inline-block;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg) translate3d(-45px, 0, 0);
	transform: rotate(-90deg) translate3d(-45px, 0, 0);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

@media screen and (max-width:768px) {
	.cover-menu .primary-nav .label {
		display: none
	}
}

.cover-menu .primary-nav ul {
	margin-left: 60px;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media screen and (max-width:768px) {
	.cover-menu .primary-nav ul {
		margin-left: 0;
		-webkit-transform: translate3d(0);
		transform: translate3d(0)
	}
}

.cover-menu .primary-nav .menu-item {
	transform: translateX(-100px) skewX(5deg) translateZ(0px);
	transition-duration: 1s;
	/*transition: color .45s cubic-bezier(.475, .425, 0, .995);
	transition: color .45s var(--primary-ease);*/
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	opacity: 0;
	padding-right: 100px;
}

.cover-menu .primary-nav .menu-item:nth-child(3) {
	line-height: 100px;
	padding-right: 120px;
}

.cover-menu .primary-nav .menu-item .ej {
	position: absolute;
	left: 320px;
	height: 100px;
	bottom: 4px;
	line-height: 24px;
	overflow: hidden;
	display: none;
	transition-duration: .4s;
	box-sizing: border-box;
	padding-top: 70px;
	padding-bottom: 40px;
	z-index: 10;
	width:430px;
}

.cover-menu .primary-nav .menu-item .ej:before {
	content: '';
	display: block;
	width: 8px;
	height: 17px;
	background: url(../images/menu_icona.png) no-repeat;
	position: absolute;
	bottom: 18px;
	left: 20px;
}

.cover-menu .primary-nav .menu-item .ej a {
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	height: 24px;
	overflow: hidden;
	position: relative;
	width: 80px;
}

.cover-menu .primary-nav .menu-item .ej a:nth-child(1) {
	margin-left: 30px;
}

.cover-menu .primary-nav .menu-item .ej a p {
	color: #6b6b6b;
	font-size: 16px;
	font-weight: lighter;
	position: relative;
	white-space: nowrap;
	display: block;
	text-align: center;
	transition-duration: .4s;
}

.cover-menu .primary-nav .menu-item .ej a div {
	color: #df0012;
	font-size: 12px;
	position: absolute;
	bottom: -24px;
	left: 0;
	white-space: nowrap;
	display: block;
	width: 100%;
	text-align: center;
	transition-duration: .4s;
	letter-spacing: -1px;
}

.cover-menu .primary-nav .menu-item .ej a div span {
	display: inline-block;
	transform: translateY(24px);
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(1) {
	transition-duration: .4s;
	transition-delay: .15s;
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(2) {
	transition-duration: .4s;
	transition-delay: .2s;
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(3) {
	transition-duration: .4s;
	transition-delay: .25s;
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(4) {
	transition-duration: .4s;
	transition-delay: .3s;
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(5) {
	transition-duration: .4s;
	transition-delay: .35s;
}

.cover-menu .primary-nav .menu-item .ej a div span:nth-child(6) {
	transition-duration: .4s;
	transition-delay: .4s;
}

.cover-menu .primary-nav .menu-item .ej a:hover p {
	bottom: -48px;
}

.cover-menu .primary-nav .menu-item .ej a:hover div {
	bottom: 0;
}

.cover-menu .primary-nav .menu-item .ej a:hover span {
	transform: translateY(0px);
}


/*.cover-menu .primary-nav .menu-item:nth-child(1){
	transition-delay: .9s;
}
.cover-menu .primary-nav .menu-item:nth-child(2){
	transition-delay: 1s;
}
.cover-menu .primary-nav .menu-item:nth-child(3){
	transition-delay: 1.1s;
}
.cover-menu .primary-nav .menu-item:nth-child(4){
	transition-delay: 1.2s;
}*/

.cover-menu .primary-nav .menu-item .menu-word {
	display: block;
	position: relative;
	z-index: 3;
	transition: all .75s cubic-bezier(.63, .03, .21, 1);
	transition: all .75s var(--custom-ease-4);
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	padding-right: 100px;
}

.cover-menu .primary-nav .menu-item .numbering {
	position: absolute;
	top: 10px;
	left: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	transition: all .85s cubic-bezier(.63, .03, .21, 1);
	transition: all .85s var(--custom-ease-4)
}

.cover-menu .primary-nav .menu-item.focused-out .menu-word {
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0)
}

@media screen and (min-width:769px) {
	.cover-menu .primary-nav .menu-item.focused:before {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.cover-menu .primary-nav .menu-item.focused .menu-word {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}
	.cover-menu .primary-nav .menu-item.focused .grayed,
	.cover-menu .primary-nav .menu-item.focused .menu-word {
		-webkit-transform: translate3d(35px, 0, 0);
		transform: translate3d(35px, 0, 0);
		color: #df0012;
	}
	.cover-menu .primary-nav .menu-item.focused .numbering {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@media screen and (max-width:768px) {
	.cover-menu .primary-nav .menu-item:last-of-type {
		display: none
	}
}

.cover-menu .primary-nav .grayed {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	color: #2b2a2c;
	color: var(--color-sub-black-2);
	z-index: 1;
	transition: -webkit-transform .75s cubic-bezier(.63, .03, .21, 1);
	transition: transform .75s cubic-bezier(.63, .03, .21, 1);
	transition: transform .75s cubic-bezier(.63, .03, .21, 1), -webkit-transform .75s cubic-bezier(.63, .03, .21, 1);
	transition: -webkit-transform .75s var(--custom-ease-4);
	transition: transform .75s var(--custom-ease-4);
	transition: transform .75s var(--custom-ease-4), -webkit-transform .75s var(--custom-ease-4)
}

.cover-menu .company-info {
	align-self: flex-end;
	margin-bottom: -100px;
	position: relative;
	z-index: 22;
	transition-duration: 1s;
	opacity: 0;
}

.cover-menu .company-info .word {
	position: relative;
}

.cover-menu .company-info .word span {
	display: block;
	width: 205px;
	height: 1px;
	background: #df0012;
	position: absolute;
	top: 50%;
	left: 0;
	transition-duration: 1s;
	transform: translateY(-10px);
	opacity: 0;
}

.cover-menu .company-info .word img {
	display: block;
	margin-bottom: 10px;
	opacity: 0;
	transition-duration: 1s;
	position: relative;
	transform: translateY(-10px);
}

.cover-menu .company-info .word img:nth-child(3) {
	padding-top: 40px;
}

@media screen and (max-width:768px) {
	.cover-menu .company-info {
		align-self: flex-start;
		margin-bottom: 0
	}
}

.cover-menu .company-info .email {
	font-size: 17px;
	margin-bottom: 6px
}

.cover-menu .company-info .address {
	max-width: 250px;
	margin-top: 20px
}

@media screen and (max-width:768px) {
	.cover-menu .company-info .address {
		max-width: 70%;
		margin-top: 10px
	}
}

.cover-menu .company-info .link-underline {
	display: inline-block;
	color: #f84525;
	color: var(--color-primary-red)
}

.cover-menu .company-info .sns-links {
	margin-top: 35px;
	transition-duration: 1s;
	position: relative;
}

@media screen and (max-width:768px) {
	.cover-menu .company-info .sns-links {
		display: none
	}
}

.cover-menu .company-info .sns-links li {
	display: inline-block;
	padding-right: 22px;
	position: relative;
	transition-duration: 1s;
	/*opacity: 0;*/
	position: relative;
	z-index: 3;
}

.cover-menu .company-info .sns-links li:nth-child(1) {
	display: inline-block;
	height: auto;
	transition-delay: 0s!important;
	padding-bottom: 100px;
	width: 170px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.cover-menu .company-info .sns-links li:nth-child(1):before {
	content: '';
	display: block;
	width: 16px;
	height: 11px;
	background: url(../images/contact-icon1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 13px;
	left: 0;
}

.cover-menu .company-info .sns-links li:nth-child(2) {
	width: 17px;
	height: 14px;
	cursor: pointer;
	transition-delay: 0s!important;
	margin-left: 44px;
}

.cover-menu .company-info .sns-links li:nth-child(2):before {
	content: '';
	display: block;
	width: 17px;
	height: 14px;
	background: url(../images/contact-icon2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.cover-menu .company-info .sns-links li:nth-child(3) {
	width: 19px;
	height: 15px;
	cursor: pointer;
	transition-delay: 0s!important;
}

.cover-menu .company-info .sns-links li:nth-child(3):before {
	content: '';
	display: block;
	width: 19px;
	height: 15px;
	background: url(../images/menu_icon3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.cover-menu .company-info .sns-links li span {
	display: none;
}

.cover-menu .company-info .sns-links li:nth-child(1) span {
	position: absolute;
	left: 0;
	bottom: 30px;
	font-size: 13px;
	color: #fff;
	letter-spacing: 1px;
	display: none;
}

.cover-menu .company-info .sns-links li:nth-child(1) span img {
	display: block;
	width: 1.4rem;
}

.cover-menu .company-info .sns-links li:nth-child(3) span {
	position: absolute;
	left: .3rem;
	top: -.3rem;
}

.cover-menu .company-info .sns-links li:nth-child(3) span img {
	display: block;
	width: .8rem;
}

.cover-menu .company-info .sns-links li:hover span {
	display: block;
}

.cover-menu .company-info .sns-links li:nth-child(1):hover:before {
	background: url(../images/menu_icon1a.png) no-repeat;
	background-size: 100% 100%;
}

.cover-menu .company-info .sns-links li:nth-child(2):hover:before {
	background: url(../images/menu_icon2a.png) no-repeat;
	background-size: 100% 100%;
}

.cover-menu .company-info .sns-links li:nth-child(3):hover:before {
	background: url(../images/menu_icon3a.png) no-repeat;
	background-size: 100% 100%;
}

.cover-menu .company-info .sns-links .link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	transition: opacity .55s cubic-bezier(.475, .425, 0, .995);
	transition: opacity .55s var(--primary-ease);
	opacity: .7
}

@media screen and (min-width:769px) {
	.cover-menu .company-info .sns-links .link:hover {
		opacity: 1
	}
}

.cover-menu.background-is-white {
	color: #6f6f6f
}

.cover-menu.background-is-white .primary-nav {
	color: #fff;
	color: var(--color-primary-white)
}

.cover-menu.background-is-black,
.cover-menu.background-is-red {
	color: #111;
	color: var(--color-primary-black-2)
}

.cover-menu.background-is-black .primary-nav .grayed,
.cover-menu.background-is-red .primary-nav .grayed {
	color: #eee
}

.button-cta {
	text-transform: uppercase;
	margin-right: 30px;
	transition: all .45s cubic-bezier(.475, .425, 0, .995);
	transition: all .45s var(--primary-ease);
	display: block;
}

.button-cta span {
	position: relative;
	display: inline-block;
}

.button-cta:hover span {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(2) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .05s;
	-webkit-animation-delay: .05s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(3) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(4) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .15s;
	-webkit-animation-delay: .15s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(5) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(7) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .25s;
	-webkit-animation-delay: .25s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(8) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(9) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .35s;
	-webkit-animation-delay: .35s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(10) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
	/* Safari 和 Chrome */
}

.button-cta:hover span:nth-child(11) {
	animation: mymove .1s forwards;
	-webkit-animation: mymove .1s forwards;
	/* Safari 和 Chrome */
	animation-delay: .45s;
	-webkit-animation-delay: .45s;
	/* Safari 和 Chrome */
}

@keyframes mymove {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes mymove
/*Safari and Chrome*/

{
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0px);
	}
}

@media screen and (max-width:768px) {
	.button-cta {
		display: inline-block;
		margin-top: 10px
	}
}

.button-cta:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #1f1e1d;
	background-color: var(--color-primary-black-1);
	margin-top: 5px;
	transition: all .45s cubic-bezier(.475, .425, 0, .995);
	transition: all .45s var(--primary-ease)
}

.button-cta.background-is-black,
.button-cta.background-is-red {
	color: #fff;
	color: var(--color-primary-white)
}

.button-cta.background-is-black:after,
.button-cta.background-is-red:after {
	background-color: #fff;
	background-color: var(--color-primary-white)
}

.button-cta.active.background-is-white {
	color: #fff;
	color: var(--color-primary-white)
}

.button-cta.active.background-is-white:after {
	background-color: #fff;
	background-color: var(--color-primary-white)
}

.button-cta.active.background-is-black,
.button-cta.active.background-is-red {
	color: #1f1e1d;
	color: var(--color-primary-black-1)
}

.button-cta.active.background-is-black:after,
.button-cta.active.background-is-red:after {
	background-color: #1f1e1d;
	background-color: var(--color-primary-black-1)
}

@media screen and (min-width:769px) {
	.button-cta:hover:after {
		-webkit-animation: swipe-line .75s cubic-bezier(.475, .425, 0, .995) forwards;
		animation: swipe-line .75s cubic-bezier(.475, .425, 0, .995) forwards;
		-webkit-animation: swipe-line .75s var(--primary-ease) forwards;
		animation: swipe-line .75s var(--primary-ease) forwards
	}
}

.identity {
	position: relative;
	-webkit-transform: translate3d(0, -15px, 0) scale(.9);
	transform: translate3d(0, -15px, 0) scale(.9);
	transition: opacity .85s cubic-bezier(.475, .425, 0, .995);
	transition: opacity .85s var(--primary-ease);
	opacity: 1
}

@media screen and (max-width:768px) {
	.identity {
		-webkit-transform: translate3d(0, -12px, 0) scale(.8);
		transform: translate3d(0, -12px, 0) scale(.8);
		-webkit-transform-origin: center left;
		transform-origin: center left
	}
}

.identity svg {
	height: 28px
}

.identity .letter {
	position: absolute;
	top: 0
}

.identity .a {
	left: 20px
}

.identity .u {
	left: 45px
}

.identity .n {
	left: 69px
}

.identity .f {
	left: 94px
}

.identity .i {
	left: 114px
}

.identity .r {
	left: 124px
}

.identity .e {
	left: 147px
}

.identity .circle {
	position: absolute;
	left: 20px;
	width: 45px;
	height: 45px;
	-webkit-transform: translate3d(-16px, -7px, 0);
	transform: translate3d(-16px, -7px, 0)
}

.identity .symbol {
	position: absolute;
	top: -13px;
	left: 0;
	width: 56px;
	line-height: 0
}

.cd_a {}

.cd_b {}

.cd_c {}

.cd_z {
	transform: none;
}

@media screen and (max-width:768px) {
	.identity .symbol {
		top: -5px;
		width: 44px
	}
}

@media screen and (max-width:768px) {
	.identity.is-symbol {
		opacity: 0
	}
}

.identity.hide {
	opacity: 0
}

.header {
	width:100%;
	box-sizing: border-box;
	padding:0 50px;
	height: 150px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 21;
	transition: opacity .55s var(--primary-ease);
	pointer-events: none;
}

@media screen and (max-width:768px) {
	.header {
		max-width: calc(100% - 40px);
		height: 116px
	}
}

.header.hidden .logo-container,
.header.hidden .minimal {
	-webkit-transform: translate3d(0, -200px, 0);
	transform: translate3d(0, -200px, 0)
}

.header.reveal {
	opacity: 1;
	transition-delay: 1s
}

.header.reveal .logo-container,
.header.reveal .minimal {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.header .logo-container,
.header .minimal {
	transition: -webkit-transform 1.25s var(--primary-ease);
	transition: transform 1.25s var(--primary-ease);
	transition: transform 1.25s var(--primary-ease), -webkit-transform 1.25s var(--primary-ease)
}

.header .logo-container {
	width: 165px;
	cursor: pointer;
	pointer-events: all;
	transition-duration: .2s;
}

.header nav.minimal {
	display: flex;
	align-items: center;
	pointer-events: all;
}

.header .prevent-container {
	overflow: hidden
}


.custom-cursor {
	position: fixed;
	top: -2px;
	left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color-primary-red);
	z-index: 100;
	pointer-events: none
}

.custom-cursor .default {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-sub-gray-3);
	border-radius: 50%;
	opacity: .2;
	box-sizing: border-box;
	z-index: 99
}

.custom-cursor .hover {
	position: absolute;
	top: -38px;
	left: -38px;
	width: 80px;
	height: 80px;
	background-color: var(--color-sub-gray-4);
	border-radius: 50%;
	opacity: .12;
	z-index: 98;
	box-sizing: border-box
}


/*内页banner*/

.ny_banner {
	width: 100vw;
	height: 100vh;
	background: url(../images/movies_banner.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}

.ny_banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 146px;
	background: url(../images/movies_bannera.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ny_banner .aa {
	display: block;
	width: 0px;
	height: 246px;
	position: absolute;
	top: 50%;
	margin-top: -170px;
	left: 50%;
	margin-left: -326px;
	z-index: 3;
	background: url(../images/movies_banner1.png) no-repeat left center;
}

.ny_banner img.ab {
	display: block;
	width: 3.77rem;
	height: 3.45rem;
	position: absolute;
	left: 50%;
	margin-left: -1.88rem;
	bottom: 2rem;
	z-index: 2;
}

.ny_banner .down {
	height: 80px;
	position: absolute;
	cursor: pointer;
	width: 100%;
	bottom: 40px;
	left: 0;
}

.ny_banner .down span {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/down_icon.png) no-repeat;
	background-size: 100% 100%;
	animation-name: beat1;
	/*动画名称*/
	animation-duration: 2s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速度曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-play-state: running;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -37.5px;
	transform: translateY(-20px);
}

@keyframes beat1 {
	0% {
		transform: translateY(-20px);
	}
	50% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-20px);
	}
}

.media_banner {
	width: 100vw;
	height: 100vh;
	background: url(../images/media_banner.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}

.media_banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 146px;
	background: url(../images/movies_bannera.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
}

.media_banner .aa {
	display: block;
	width: 0px;
	height: 2.89rem;
	position: absolute;
	top: 50%;
	margin-top: -2.13rem;
	left: 50%;
	margin-left: -2.96rem;
	z-index: 3;
	background: url(../images/media_ban2.png) no-repeat left center;
}

.media_banner img.ab {
	display: block;
	width: 5.25rem;
	height: 4.57rem;
	position: absolute;
	left: 50%;
	margin-left: -2.62rem;
	bottom: .8rem;
	z-index: 2;
}

.media_banner .down {
	height: 80px;
	position: absolute;
	cursor: pointer;
	width: 100%;
	bottom: 40px;
	left: 0;
	z-index: 3;
}

.media_banner .down span {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/down_icon.png) no-repeat;
	background-size: 100% 100%;
	animation-name: beat1;
	/*动画名称*/
	animation-duration: 2s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速度曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-play-state: running;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -37.5px;
	transform: translateY(-20px);
}


/*媒体页面*/

.media {
	position: relative;
}

.media1 {
	width: 100%;
	height: 17.3rem;
	background: url(../images/media_jp.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.media1{ height:1730px;}
.media2{ margin-top:-400px;margin-left: 105px;padding-bottom: 780px;}
@media screen and (min-width: 2000px){
.media2{margin-left: 220px;}
}

.media1-1 {
	display: block;
	position: absolute;
	width: 2.35rem;
	right: 3rem;
	top: 2.7rem;
}

.media1 p {
	display: block;
	position: absolute;
	width: 7.1rem;
	right: 6.5rem;
	top: 5.5rem;
	font-size: .16rem;
	line-height: 2;
	color: #595757;
	/*font-family: 'hp-l';*/
	text-indent: 2em;
	letter-spacing: 2px;
	text-align:justify; 
	text-justify:inter-ideograph;
}

.media2 {
	position: relative;
	margin-top: -4rem;
	margin-left: 1.05rem;
	padding-bottom: 7.8rem;
	overflow: hidden;
}

.media2 dl {
	position: relative;
	z-index: 3;
}

.media2 dt {
	position: relative;
}

.media2 dt img:nth-child(1) {
	width: 5rem;
}

.media2 dt img:nth-child(2) {
	position: absolute;
	left: 3rem;
	top: 1.4rem;
}
.media2 dl:nth-child(1) dt img:nth-child(2){
	width:5.26rem;
}
.media2 dl:nth-child(2) dt img:nth-child(2){
	width:5.89rem;
}
.media2 dl:nth-child(3) dt img:nth-child(2){
	width:7.22rem;
}
.media2 dl:nth-child(4) dt img:nth-child(2){
	width:8.44rem;
}
.media2 dl:nth-child(5) dt img:nth-child(2){
	width:6.52rem;
}
.media2 dl:nth-child(6) dt img:nth-child(2){
	width:9.62rem;
}

.media2 dl:nth-child(6) dd img{
	max-width: 11rem;
}


.media2 dd {
	margin-left: 2.3rem;
}

.media2 dd h4 {
	font-size: .25rem;
	letter-spacing: 5px;
	font-family: 'm_hp_m';
	font-weight: normal;
	margin-bottom: .30rem;
	color: #858586;
}

.media2 dd h5 {
	font-size: .25rem;
	letter-spacing: 5px;
	font-family: 'm_hp_m';
	font-weight: normal;
	margin-bottom: .30rem;
	color: #858586;
	margin-top: 1rem;
}

.media2 dd h3 {
	font-size: .25rem;
	letter-spacing: 6px;
	font-family: 'm_hp_m';
	font-weight: normal;
	margin-bottom: .1rem;
	color: #858586;
	margin-top: .6rem;
}

.media2 dd h6 {
	font-size: .18rem;
	font-weight: lighter;
	font-weight: normal;
	letter-spacing: 2px;
	color: #9D9D9E;
	margin-bottom: .9rem;
}

.media2 dd p {
	font-weight: lighter;
	letter-spacing: 3px;
	font-size: .18rem;
	color:#595757;
}

.clear {
	clear: both;
}

.media2 dd ul {
	width: 11.2rem;
}

.media2 dd ul li {
	width: 25%;
	text-align: center;
	float: left;
	margin-bottom: .5rem;
}

.media2 dd ul li span {
	display: block;
	font-weight: lighter;
	font-size:.18rem;
	color:#595757;
}

.media2 .bg {
	display: block;
	position: absolute;
	right: -1rem;
	bottom: -1.5rem;
	width: 9.18rem;
}


/*设计页面*/

.design_banner {
	width: 100vw;
	height: 100vh;
	/*background: url(../images/design_banner.jpg) center center no-repeat;
	background-size: cover;*/
	position: relative;
}

.design_banner .bg{
	width: 100vw;
	height: 100vh;
	background: url(../images/design_banner.jpg) center center no-repeat;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
}

.design_banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 146px;
	background: url(../images/movies_bannera.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
}

.design_banner .aa {
	display: block;
	width: 0px;
	height: 2.36rem;
	position: absolute;
	top: 50%;
	margin-top: -1.80rem;
	left: 50%;
	margin-left: -3.37rem;
	z-index: 3;
	background: url(../images/design_ban1.png) no-repeat left center;
}

.design_banner img.ab {
	display: block;
	width: 5.34rem;
	height: 5.75rem;
	position: absolute;
	left: 50%;
	margin-left: -2.62rem;
	bottom: .8rem;
	z-index: 2;
}

.design_banner .down {
	height: 80px;
	position: absolute;
	cursor: pointer;
	width: 100%;
	bottom: 40px;
	left: 0;
	z-index: 3;
}

.design_banner .down span {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/down_icon.png) no-repeat;
	background-size: 100% 100%;
	animation-name: beat1;
	/*动画名称*/
	animation-duration: 2s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速度曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-play-state: running;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -37.5px;
	transform: translateY(-20px);
}

.design {
	width: 100vw;
	height: 100vh;
	
	position: relative;
}
.design .bg{
	background: url(../images/design_bg.jpg) center center no-repeat;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
}

.design a {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	color: #6c6d65;
	font-family: 'hp-m';
	letter-spacing: 2px;
	padding-right: 40px;
	position: relative;
	transition-duration: .3s;
	z-index:10;
}

.design a:before {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/design_btn1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 2px;
	right: 0;
	transition-duration: .3s;
	z-index:10;
}

.design a:hover {
	color: #df0012;
	letter-spacing: 4px;
}

.design a:hover:before {
	background: url(../images/design_btn2.png) no-repeat;
	background-size: 100% 100%;
}

.design a:nth-child(1) {
	position: absolute;
	left: 5.2rem;
	top: 2.1rem;
	display: none;
}

.design a:nth-child(2) {
	position: absolute;
	left: 7.8rem;
	top: 2.1rem;
}

.design a:nth-child(3) {
	position: absolute;
	/*right:5.2rem;*/
	left: 11.7rem;
	top: 2.1rem;
}

.design a:nth-child(4) {
	position: absolute;
	left: 2.6rem;
	top: 4.35rem;
}

.design a:nth-child(5) {
	position: absolute;
	left: 4.3rem;
	top: 7.4rem;
}

.design a:nth-child(6) {
	position: absolute;
	left: 11.9rem;
	/*right:5.7rem;*/
	bottom: 1.7rem;
}

.tc {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
}

.tc .swiper-pagination{
	bottom:10%;
	left:0;
	width:100%;
	text-align: center;
	-webkit-transition: 0s!important;
    -moz-transition: 0s!important;;
    -o-transition: 0s!important;;
    transition: 0s!important;;
}

.tc .swiper-pagination-bullet{background: #595757;opacity: 1;margin: 0 5px;}
.tc .swiper-pagination-bullet-active{background:#E5002C;}

.design_show {
	width: 100vw;
	height: 100vh;
	background: url(../images/design_bg1.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 2;
}

.design_showA {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

.design_show .swiper-button-next {
	background: url(../images/design_show_right.png) no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 50px;
	right: 19.2%;
	transition-duration: .3s;
	display: none;
}

.design_show .swiper-button-next:hover {
	
	transform: scale(1.1);
}

.design_show .swiper-button-prev {
	background: url(../images/design_show_left.png) no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 50px;
	left: 13%;
	transition-duration: .3s;
	display: none;
}

.design_show .swiper-button-prev:hover {
	
	transform: scale(1.1);
}
.design_show .swiper-button-disabled{
	display: none;
}

.designA {
	width: 14.2rem;
	height: 8.5rem;
	position: absolute;
	top: 50%;
	margin-top: -4.5rem;
	left: 50%;
	margin-left: -7.7rem;
	z-index: 4;
}

.designA a.close {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 5.5%;
	top: 15.2%;
	transition-duration: .3s;
	display: none;
}

.designA a.close img {
	display: block;
	width: 100%;
}

.designA a.close:hover {
	transform: rotate(90deg);
	transition-delay: 0;
}

.design_show1 {
	width: 0rem;
	height: 8.5rem;
	position: relative;
	margin: 0 auto;
	background: url(../images/design_show_bg.png) left center no-repeat;
	transition: width .5s;
	background-size: 100% 100%;
}

.designB {
	width: 10.85rem;
	height: 5.05rem;
	position: absolute;
	top: 50%;
	margin-top: -2.44rem;
    left: 50%;
    margin-left: -5.35rem;
}

.design_show1 .swiper-container {
	width: 0rem;
	height: 5.05rem;
	margin: 0 auto;
	transition-delay: .6s;
	transition: width 1.2s;
}

.design_show1 .swiper-container img {
	display: block;
	width: 100%;
}

.design_show .fy {
	height: 28px;
	width: 170px;
	position: absolute;
	left: 50%;
	margin-left: -85px;
	bottom: 1rem;
	opacity: 0;
	transition-duration: 1s;
	transition-delay: 1.2s;
}

.design_show .fy a {
	cursor: pointer;
}

.design_show .fy a:nth-child(1) {
	margin-right: .3rem;
}

.design_show .fy a:nth-child(3) {
	margin-left: .3rem;
}

@media screen and (min-width: 2000px) {
	.moives .moives_ny{
		top:1rem;
		height:9.72rem;
		padding: 1.2rem .8rem;
	}
	.moives .moives_ny .swiper-pagination{
		bottom:90px;
	}
	.yd-word h4 {
		font-size: 40px;
		margin: 0 auto .5rem;
		line-height: 40px;
	}
	.yd-word p {
		font-size: 24px;
		line-height: 24px;
	}
	.yd-word img:nth-child(1) {
		width: 12.4rem;
		margin: 0 auto .6rem;
	}
	.yd-word img:nth-child(2) {
		width: 4.62rem;
	}
	.header {
		height: 200px;
	}
	.header .logo-container img {
		width: 144px;
	}
	.hamburger {
		width: 60px;
		height: 60px;
	}
	.button-cta {
		margin-right: 40px;
	}
	.type-comp1 {
		font-size: 20px;
		line-height: 40px;
	}
	.button-cta:after {
		height: 2px;
	}
	.hamburger .icon-hamburger .line-center,
	.hamburger .icon-hamburger:after,
	.hamburger .icon-hamburger:before {
		width: 24px;
		height: 2px;
	}
	.hamburger .icon-close {
		width: 60px;
		height: 60px;
	}
	.hamburger .icon-close:after,
	.hamburger .icon-close:before {
		width: 24px;
		height: 2px;
		top: 30px;
		left: 20px;
	}
	.cover-menu .content-container {
		max-width: 1440px;
	}
	.cover-menu .primary-nav .menu-item .ej:before {
		width: 9.6px;
		height: 20.4px;
		background-size: 100% 100%;
		left: 20px;
	}
	.cover-menu .company-info .sns-links li:nth-child(1) span {
		font-size: 16px;
		bottom: 20px;
	}
	.cover-menu .company-info .sns-links li:nth-child(3) span {
		left: .5rem;
		top: -.1rem;
	}
	.type-h2 {
		font-size: 90px;
		line-height: 114px;
	}
	.cover-menu .primary-nav .menu-item:nth-child(3) {
		line-height: 120px;
	}
	.cover-menu .company-info .word img {
		margin-bottom: 20px;
	}
	.cover-menu .company-info .word img:nth-child(1) {
		width: 268px;
	}
	.cover-menu .company-info .word img:nth-child(2) {
		width: 235px;
	}
	.cover-menu .company-info .word img:nth-child(3) {
		width: 190px;
	}
	.cover-menu .company-info .word img:nth-child(4) {
		width: 315px;
	}
	.cover-menu .company-info .sns-links li {
		padding-right: 44px;
	}
	.cover-menu .company-info .sns-links li:nth-child(1):before {
		width: 19.2px;
		height: 13.2px;
		top: 16px;
	}
	.cover-menu .company-info .sns-links li:nth-child(2):before {
		width: 20.4px;
		height: 16.8px;
	}
	.cover-menu .company-info .sns-links li:nth-child(3):before {
		width: 19.2px;
		height: 13.2px;
		top: 6px;
	}
	.cover-menu .company-info .sns-links li:nth-child(2) {
		width: 19.2px;
		height: 13.2px;
		margin-left: 60px;
	}
	.cover-menu .company-info .sns-links li:nth-child(3) {
		width: 20.4px;
		height: 16.8px;
	}
	.cover-menu .primary-nav .menu-item .ej {
		left: 384px;
		height: 120px;
		line-height: 28px;
		padding-top: 84px;
		padding-bottom: 48px;
		width:612px;
	}
	.cover-menu .primary-nav .menu-item .ej a {
		margin-right: 24px;
		height: 28px;
		width: 120px;
	}
	.cover-menu .primary-nav .menu-item .ej a:nth-child(1) {
		margin-left: 36px;
	}
	.cover-menu .primary-nav .menu-item .ej a p {
		font-size: 20px;
	}
	.cover-menu .primary-nav .menu-item .ej a div {
		font-size: 16px;
		position: absolute;
		bottom: -48px;
	}
	.index-A .index-word p {
		font-size: 30px;
		margin-bottom: .26rem;
		line-height: 30px;
	}
	.index-A .index-word p:nth-child(2) {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 0;
	}
	.index .img1 {
		width: 5.1rem;
		height: auto;
		top: 4.2rem;
		left: 2.4rem;
	}
	.index .img2 {
		width: auto;
	}
	.index .img2 img {
		width: auto;
		height: 104%;
	}
	.icp img {
		width: 2rem;
	}
	/*.back {
		width: 63px;
		height: 42px;
	}
	.tel {
		width: 52.5px;
		height: 58.5px;
		bottom: calc(3% + 45px);
	}*/
	.index-B {
		width: 1000px;
		height: 1120px;
		margin-left: -400px;
		margin-top: -360px;
	}
	.index-B>p:nth-child(1) {
		margin-bottom: .36rem;
	}
	.index-B>p:nth-child(2) {
		margin-bottom: .2rem;
		padding-top:1rem;
	}
	.index-B>p:nth-child(3) {
		margin-bottom: .35rem;
	}
	.index-B>p:nth-child(4) {
		margin-bottom: .75rem;
	}
	.index-B>p:nth-child(5) {
		margin-bottom: .4rem;
		height:1.8rem;
	}
	.index-B>p:nth-child(6) {
		margin-bottom: .2rem;
		padding-top:1rem;
		
	}
	.index-B>p:nth-child(1) img {
		width: 2.1rem;
	}
	.index-B>p:nth-child(1) img.hover{
		width:2.1rem;
		height:.91rem;
	}
	.index-B>p:nth-child(1) a:after {
		width: 50px;
		height: 50px;
		left: 2.5rem;
		
	}
	.index-B>p:nth-child(1) a:hover:after {
		left: 2.8rem;
		background-size: 100% 100%;
	}
	.index-B>p:nth-child(2) img {
		width: 4.62rem;
	}
	.index-B>p:nth-child(3) img {
		width: 3.2rem;
	}
	.index-B>p:nth-child(4) img {
		width: 3.3rem;
	}
	.index-B>p:nth-child(5) img.db {
		width: 2.7rem;
	}
	.index-B>p:nth-child(5) img.hover{
		width:2.7rem;
		height:.95rem;
	}
	.index-B>p:nth-child(6) img {
		width: 4rem;
	}
	.index-B>p:nth-child(7) img {
		width: 2.86rem;
	}
	.index-B li {
		width: 125px;
		height: 36px;
		margin-right: 36px;
	}
	.index-B li p {
		height: 36px;
		line-height: 34px;
		font-size: 20px;
	}
	.index-B li p:after {
		top: 10px;
	}
	.index-B li:nth-child(1) p:after {
		right: 18px;
	}
	.index-B li:nth-child(2) p:after {
		right: 28px;
	}
	.index-B li:nth-child(3) p:after {
		right: 20px;
	}
	.index-B li:nth-child(4) p:after {
		right: 22px;
	}
	.index .swiper-button-next {
		width: .72rem;
		height: .72rem;
	}
	.index-A .index-word {
		bottom: 24%;
	}
	.index-B li div.ac {
		font-size: 16px;
		position: absolute;
		bottom: -34px;
		height: 36px;
		line-height: 36px;
	}
	.index-B li:hover div {
		bottom: 0;
	}
	.tel {
		width: 20.4px;
		height: 22.8px;
		bottom: calc(3% + 40px);
	}
	.tel:hover {
		width: 25.2px;
		height: 22.8px;
	}
	.back {
		width: 26.4px;
		height: 18px;
	}
	.back:hover {
		width: 32.4px;
		height: 18px;
	}
	#wish1 .word p.word1 {
		margin-bottom: .3rem;
	}
	#wish1 .word p.word1 span {
		font-size: .54rem;
		line-height: .66rem;
	}
	#wish1 .word p.word2 {
		font-size: .24rem;
		margin-bottom: 4rem;
	}
	#wish1 .word p.word3 {
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	#wish1 .word p.word4 {
		font-size: .86rem;
	}
	#wish2 .bg2 {
		background-size: 542px;
	}
	#wish2 .word {
		width: 820px;
		right: 10%;
	}
	#wish2 .word .word1 p,
	#wish2 .word .word3 p,
	#wish2 .word .word5 p,
	#wish2 .word .word7 p {
		font-size: 1.6rem;
	}
	#wish2 .word .word1 span,
	#wish2 .word .word3 span,
	#wish2 .word .word5 span,
	#wish2 .word .word7 span {
		font-size: .32rem;
	}
	#wish2 .word .word2 span,
	#wish2 .word .word4 span,
	#wish2 .word .word6 span,
	#wish2 .word .word8 span {
		font-size: .16rem;
		margin-bottom: .16rem;
		letter-spacing: .8px;
	}
	#wish2 .wordA .swiper-pagination-bullet {
		width: 24px;
		height: 24px;
		font-size: 14px;
	}
	#wish2 .wordA .ajj {
		left: 6.7%;
		bottom: 20%;
	}
	#wish2 .word .word1 span {
		right: 3rem;
	}
	#wish2 .word .word3 span {
		right: 3rem;
	}
	#wish2 .word .word5 span {
		right: 3rem;
	}
	#wish2 .word .word7 span {
		right: 3rem;
	}
	#wish2 img.add {
		width: 1.6rem;
	}
	
	#wish1 .word {
		width: 900px;
        right: 3%;
        top: 18%;
	}
	#wish1 .word .word1 p,
	#wish1 .word .word3 p,
	#wish1 .word .word5 p,
	#wish1 .word .word7 p {
		font-size: 1.6rem;
	}
	#wish1 .word .word1 span,
	#wish1 .word .word3 span,
	#wish1 .word .word5 span,
	#wish1 .word .word7 span {
		font-size: .32rem;
	}
	#wish1 .word .word2 span,
	#wish1 .word .word4 span,
	#wish1 .word .word6 span,
	#wish1 .word .word8 span {
		font-size: .16rem;
		margin-bottom: .16rem;
		letter-spacing: 2px;
	}
	#wish1 .wordA .swiper-pagination-bullet {
		width: 24px;
		height: 24px;
		font-size: 14px;
	}
	#wish1 .wordA .ajj {
		left: 6.7%;
		bottom: 20%;
	}
	#wish1 .word .word1 span {
		right: 3rem;
	}
	#wish1 .word .word3 span {
		right: 3rem;
	}
	#wish1 .word .word5 span {
		right: 3rem;
	}
	#wish1 .word .word7 span {
		right: 3rem;
	}
	
	#wish4 img.a1 {
		width: 13.2rem;
		top: 17.2%;
	}
	#wish4 img.a2 {
		width: 7.5rem;
		bottom: 14%
	}
	#wish4 img.a3 {
		width: 3.4rem;
		bottom: 22%;
	}
	#wish4 img.a4 {
		width: 3.2rem;
		bottom: 15%;
	}
	#wish4 .pic {
		height: 5.8rem;
		margin-top: -2.9rem;
	}
	.about .swiper-button-prev {
		width: .72rem;
		height: .72rem;
	}
	.about .swiper-button-next {
		width: .72rem;
		height: .72rem;
	}
	#wish5 .pic1 {
		height: 5.8rem;
		margin-top: -2.9rem;
	}
	#wish5 img.a1 {
		width: 14rem;
		top: 18.2%;
	}
	#wish5 img.a2 {
		width: 7.5rem;
		bottom: 13%
	}
	#wish5 img.a3 {
		width: 3.4rem;
		bottom: 23%;
	}
	#wish5 img.a4 {
		width: 2.2rem;
		bottom: 14%;
	}
	#wish5 .pic {
		height: 5.8rem;
		margin-top: -2.9rem;
	}
	.activity .act_ban img.imgb {
		width: 11.8rem;
		height: 2.89rem;
	}
	.activity_ny .bg {
		width: 19.62rem;
		height: 9rem;
		left: 11.5%;
		top: 28%;
	}
	.activity_ny {
		width: 16.8rem;
		margin-top: 10%;
	}
	.activity_ny .swiper-container {
		padding-bottom: 150px;
	}
	
	.activity_ny .swiper-container .img {
		width: 5.46rem;
		/*height: 2.82rem;*/
	}
	.activity_ny .swiper-container .img img {
		width: 100%;
		height: 100%;
	}
	.activity_ny .swiper-container .word {
		width: calc(100% - 5.46rem);
	}
	.ny_banner img.ab {
		width: 4.54rem;
		height: 4.14rem;
		margin-left: -2.256rem;
	}
	.ny_banner .aa {
		height: 295.2px;
		background-size: 783.6px;
		margin-left: -391px;
	}
	.design_banner .aa {
		height: 283.2px;
		background-size: 745.2px;
	}
	.design_banner img.ab {
		width: 6.408rem;
		height: 6.684rem;
		margin-left: -3.144rem;
	}
	.design a {
		height: 34px;
		line-height: 34px;
		font-size: 20px;
	}
	.design a:nth-child(1) {
		position: absolute;
		left: 7.2rem;
		top: 25%;
	}
	.design a:nth-child(2) {
		position: absolute;
		left: 10.5rem;
		top: 27%;
	}
	.design a:nth-child(3) {
		position: absolute;
		/*right:5.2rem;*/
		left: 16rem;
		top: 27%;
	}
	.design a:nth-child(4) {
		position: absolute;
		left: 4.4rem;
		top: 49%;
	}
	.design a:nth-child(5) {
		position: absolute;
		left: 6.2rem;
		top: 73%;
	}
	.design a:nth-child(6) {
		position: absolute;
		left: 17.2rem;
		/* right: 5.7rem; */
		top: 76%;
	}
	.design a:before {
		top: 5px;
	}
	.media_banner img.ab {
		width: 6.3rem;
		height: 5.484rem;
		position: absolute;
		left: 50%;
		margin-left: -2.742rem;
		bottom: .8rem;
	}
	.media_banner .aa {
		display: block;
		width: 0px;
		height: 346.8px;
		position: absolute;
		top: 50%;
		margin-top: -255.6px;
		left: 50%;
		margin-left: -355.2px;
		z-index: 3;
		background: url(../images/media_ban2.png) no-repeat left center;
		background-size: 643.2px;
	}
	.design_show .swiper-button-prev {
		width: 72px;
		height: 72px;
		left: 21%;
		margin-top: -70px;
	}
	.design_show .swiper-button-next {
		width: 72px;
		height: 72px;
		right: 17.5%;
		margin-top: -70px;
	}
	.designA {
		width: 16.8rem;
		margin-top: -5.5rem;
		margin-left: -8rem;
		height: 10.2rem;
	}
	.design_show1{
		height:10.2rem;
	}
	.designA a.close {
		width: 40px;
		height: 40px;
		top: 15.2%;
	}
	.designB {
		width: 13.02rem;
		height: 6.06rem;
		margin-top: -2.95rem;
		margin-left: -6.42rem;
	}
	.design_show1 .swiper-container{
		height:6.07rem;
	}
	.design_show1 .swiper-container img {
		/*width: 13.02rem;*/
	}
	
	.activity .activity_ny{
		width:14.55rem!important;
		height:6.68rem;
		padding: 1.2rem .7rem;
		top: 2.2rem;
		left: 19%;
	}

	.activity .title{bottom:2.5rem;right:3.8rem;}
	
	
	.media1 p{right:9.2rem}
	.media2{margin-left: 2.1rem;}
	.activity .title{right:3.8rem;bottom:2.6rem;}
	.activity_show a{top:2.55rem;}
	.contact .word{bottom:13%}
}
@media screen and (min-width: 2700px) {
	.yd-word{bottom:28%;}
	.activity .title{bottom:3.2rem;}
	.index-A .index-word{bottom:38%;}
	.design a:nth-child(2){top:27%;}
	.design a:nth-child(3){top:27%;}
	.design a:nth-child(4){top:49%;}
	.design a:nth-child(5){top:78%;}
	.design a:nth-child(6){top:78%;}
	.contact .word {bottom: 18%;}
	.design a:nth-child(2) {position: absolute;left: 11.5rem;top: 30%;}
.design a:nth-child(3) {
    position: absolute;
    /* right: 5.2rem; */
    left: 18rem;
    top: 30%;
}
.design a:nth-child(4) {
    position: absolute;
    left: 4.6rem;
    top: 52%;
}
.design a:nth-child(5) {
    position: absolute;
    left: 6.6rem;
    top: 76%;
}
.design a:nth-child(6) {
    position: absolute;
    left: 19.2rem;
    /* right: 5.7rem; */
    top: 75%;
}
}
@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {
	.yd-word {
		bottom: 15%;
	}
	.media_banner .aa{background-size:4.69rem;}
	.ny_banner .aa{background-size:6.53rem;}
	.design_banner .aa{background-size:6.21rem;}
	
	.design a:nth-child(1){top:2.8rem;}
	.design a:nth-child(2){top:2.8rem;}
	.design a:nth-child(3){top:2.8rem;}
	.design a:nth-child(4){left: 2.5rem;top:3.8rem;}
	.design a:nth-child(5){left: 3.8rem;top:7.4rem}
	.design a:nth-child(6){bottom: 2.2rem;left:12.9rem;}
	
	
}

@media screen and (max-width: 1440px) {
	.index-B {
		margin-left: -3.60rem;
	}
	#wish1 .word{bottom: 24%;right:5%;width:500px;}
	#wish1 .word .word2 span, #wish1 .word .word4 span, #wish1 .word .word6 span, #wish1 .word .word8 span{letter-spacing: -1px;}
	#wish4 img.a1{top:13.5%;}
	#wish5 img.a1{top:13.5%;}
	#wish2 .wordA .ajj{left: 1.09rem;}
	#wish2 .word{right:7%;}
	#wish2 .word .word2, #wish2 .word .word6{width:800px;}
	#wish2 .word .word4, #wish2 .word .word8{width:800px;}
	#wish2 .bg2{background-size:4.52rem;}
	.contact .word{height:200px;}
	.design a:nth-child(1){top:2.4rem;}
	.design a:nth-child(2){top:2.4rem;}
	.design a:nth-child(3){top:2.4rem;}
	.design a:nth-child(4){top:4.2rem;}
	.design a:nth-child(5){top:7.6rem;}
	.design a:nth-child(6){bottom:1.8rem;}
	.designA a.close{right:5.2%;}
	.yd-word{bottom:18%;}
	.activity .activity_ny{top:1.8rem;left:14%;}
	.activity .title{right:230px;}
	.media1{height:17.3rem;}
	.moives .moives_ny .swiper-container .word{padding:20px;}
	.moives .moives_ny{padding: 0.7rem .8rem .7rem .8rem;}
	.moives .moives_ny .swiper-pagination{bottom:35px;}
	.contact .word dl{visibility:visible!important;}
}

@media screen and (max-width: 1366px) {
	.index-B {
		margin-left: -3.60rem;
	}
	.moives .moives_ny .swiper-container .word{
		padding:10px;
		min-height: 70px;
	}
}

@media screen and (max-width: 1280px) {
	.media_banner .aa {
		background-size: 285px;
	}
	#wish2 .bg2 {
		background-size: 242px;
	}
	.design_banner .aa {
		background-size: 332px;
	}
	.designA a.close {
		width: 30px;
		height: 30px;
	}
	.design_show .swiper-button-next {
		width: 40px;
		height: 40px;
	}
	.design_show .swiper-button-prev {
		width: 40px;
		height: 40px;
	}
	.design a:nth-child(1) {
		top: 3.1rem;
	}
	.design a:nth-child(2) {
		top: 2.1rem;
		left: 4rem;
	}
	.design a:nth-child(3) {
		top: 2.1rem;
	}
	.design a:nth-child(4) {
		top: 5.5rem;
		left: 1.9rem;
	}
	.design a:nth-child(5) {
		top: 7.2rem;
	}
	.design a:nth-child(6) {
		top: 7.2srem;
	}
	.activity .act_ban .imga {
		background-size: 157px;
	}
	.activity_ny {
		margin: 1.2rem auto;
	}
	.activity_ny .swiper-container .word {}
	.activity_ny .swiper-button-next {
		margin-top: -40px;
	}
	.activity_ny .swiper-button-prev {
		margin-top: -40px;
	}
	.video-bg img {
		display: block;
	}
	.video-bg video {
		display: none;
	}
	.activity .activity_ny{top:1.3rem;left:14%;padding: .7rem .2rem .5rem .2rem;}
	.activity .activity_ny .swiper-container .word{
		padding:20px;
		min-height: auto;
	}
	.activity .activity_ny .swiper-button-next{right:-.5rem;width:40px;height:40px;}
	.activity .activity_ny .swiper-button-prev{left:-.5rem;width:40px;height:40px;}
	.swiper-pagination-bullet{width: 6px;height: 6px;}
	.activity .title{
		right: 200px;
		    bottom: 100px;
	}
	.header{top:-20px;}
	.index-A .index-word{bottom:20%;}
	#wish1 .word{width:400px;}
	#wish2 .word{width:400px;right:12%;}
	#wish4 img.a1{
		width: 8rem;
		top:16%;
	}
	#wish5 img.a1{
		width: 8rem;
		top:16%;
	}
	.contact .word{
		height:150px;
		
	}
	.contact .word dt{
		padding-right: .45rem;
	}
	.contact .word dd a:nth-child(1){
		top:0;
	}
	.contact .word dd a:nth-child(2){
		bottom:5px;
	}
	.yd-word{
		bottom: 20%;
	}
	.index-B{
		margin-top:-200px;
	}
	
}

@media screen and (min-width: 1400px) {
	.activity .activity_ny{top:1.4rem;}
	#wish1 .word .word2 span, #wish1 .word .word4 span, #wish1 .word .word6 span, #wish1 .word .word8 span {
    letter-spacing: 1px;
     }
    .contact .word dt{padding-right: .35rem;}
}
@media screen and (min-height: 1100px) {
	.design a:nth-child(2){
		left:5.8rem;
		top:2.8rem;
	}
	.design a:nth-child(3){
		top:2.8rem;
	}
	.design a:nth-child(4){
		top:5rem;
	}
	.design a:nth-child(5){
		left:5.5rem;
		top:8rem;
	}
	.design a:nth-child(6){
		left:13rem;
		bottom:2.4rem;
	}
}