@charset "utf-8";
/*头部导航*/

.case-detail-s1 {
  	position: relative;
  	overflow: hidden;
	background: #0d0d0d;
	z-index: 3;
}
.case-detail-s1 .img-box img {
  display: block;
  width: 100%;
  height: 164vh;
  object-fit: cover;
  transition: transform 1.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.case-detail-s1 .txt-box {
  position: absolute;
  top: 50vh;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
}
.case-detail-s1 .box {
  transform: translateY(0);
}

.txt-box{ display: flex; justify-content: space-between;}

.one_tit{
	width: 100%;
	height: auto;
	 position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}
.one_tit:after{
	content:'';
	background: #fff;
	position: absolute;
	right: 0;
	top: 6.25vw;
	width: 2rem;
	height: 0.375rem;
	
}

.one_tit_left{
	width:auto;
	height: auto;

	color: #fff;
	font-weight: bold;
	font-size: 4.375rem;
	line-height: 5.125rem;
   
}


.one_en{
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	font-size: 11.25rem;
	color: #fff;
	font-family: Gotham;
	padding-left: 3.6%;
	font-weight: bold;
	position: relative;
	line-height: 11.25rem;
	margin-top: -12.5rem;
	height: 12.5rem;
	text-shadow: 4px 5px 32px rgba(0,0,0,0.17);
	opacity: 0.8;
}

.one_en_1{
	width: 6.375rem;
	height: 6.375rem;
	border-radius:50%;
	position: absolute;
	top: calc(50% - 3.1875rem);
	right: 0;
	font-size: 0px;
	line-height: 6.375rem;
	-webkit-animation: aloop3 .5s ease alternate infinite;
	
}
@-webkit-keyframes aloop3 {
    from {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}
.case-detail .c-txt {
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	height: auto;
    padding: 6.25vw 0;
}


.case-detail-s2{
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	height: auto;
	position: relative;
}

.two_right{
	width: 62%;
	opacity: 0;
}
.two_1{
	width:100%;
	height: auto;
	font-size: 1.625rem;
	color: #000;
	line-height: 3.142rem;
}

.two_tu{
	width:100%;
	height: auto;
	margin-top: 7.5rem;
}
.two_tu img{
	width:auto;
	height: 4.285rem;
	object-fit: cover;
	object-position: center;
}


.case-detail-s2 .one_tit_left{ color: #000;}
.case-detail-s2 .two_right{ opacity: 1;}



.three_warp{
	width:100%;
	height: auto;
	padding: 10vh 0 34vh 0;
	position: relative;
	background: #213f76;
}
.three_zi{
	font-size: 17rem;
	color: rgba(255,255,255,0.1);
	font-family: Gotham;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	bottom: -4.5rem;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase; 
	line-height: 16.75rem;
}

.three{
	width: 73vw;
	width: calc(--mainwidth);
	margin: 0 auto;
	height: auto;
	position: relative;
}


.three_img{
	width:100%;
	height: calc(73vw * 775 / 1393);
	height: calc(var(--mainwidth) * 775 / 1393);
	font-size: 0px;
	overflow: hidden;
	border-radius:20px;
	border: #343434 solid 0.428rem;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
	position: relative;
	z-index: 2;
}
.three_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}



.alphabet_warp{
	width:100%;
	height: auto;
	position: relative;
	padding-top: 10vh;
	background: url("../images/ang_18.jpg") no-repeat left;
	background-size:cover;
	background-attachment:fixed;
}
.alphabet{
	width:73vw; 
	width: var(--mainwidth);
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
}
.alphabet_tit{
	width: 100%;
	position: relative;
	font-size: 4.125rem;
	color: #000;
	font-weight: bold;
	height: 10.75rem;
	line-height: 7.25rem;
}
.alphabet_tit:after{
	 content: '';
	background: url("../images/ang1_07.png") no-repeat center;
	background-size: cover;
	width: 11.375rem;
	height: 1.4375rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.alphabet_con{
	width: 100%;
	height: auto;
	margin-top: -1.75rem;
	display: flex;
	justify-content: space-between;
}
.alphabet_left{
	font-size: 2.714rem;
	color: #000;
	line-height: 3.5rem;
	padding-top: 7rem;
	font-family: opp_m;
}
.alphabet_left span{
	color: #1f52a2;
}
.alphabet_right{
	width: 50%;
	height: calc(73vw * 0.5 * 424 / 700);
	height: calc(var(--mainwidth) * 0.5 * 424 / 700);
	background: #213f76;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.alphabet_right_1{
	font-size: 7.5rem;
	color: rgba(255,255,255,0.02);
	line-height: 13.75rem;
	padding-left: 2rem;
}
.alphabet_right_2{
	font-family: opp_m;
	color: #fff;
	text-align: right;
	font-size: 2.375rem;
	padding-right: 3.125rem;
	line-height: 6.75rem;
}
.alphabet_nei{
	width:100%;
	display: flex;
	justify-content: space-between;
	height: calc(73vw * 0.5 * 424 / 700);
	height: calc(var(--mainwidth) * 0.5 * 424 / 700);
}
.alphabet_fang{
	width:50%;
	background: #282b31;
	padding: 0px 5%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.alphabet_1{
	width:100%;
	color: #fff;
	font-size: 1.687rem;
	line-height: 4.5rem;
}
.alphabet_2{
	width:100%;
	height: 5px;
	margin-top: 4rem;
}
.alphabet_2 img{
	height: 5px;
	width: auto;
}
.alphabet_3{
	width:100%;
	height: auto;
	font-size: 1.125rem;
	color: #fff;
	line-height:2rem;
	margin-top: 4.5rem;
}

.alphabet_you{
	width:50%;
	position: relative;
}
.alphabet_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.alphabet_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.alphabet_you_1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.125rem;
	color: #fff;
	letter-spacing: 3.5rem;
}
.alphabet_you_1:after{
	content: '';
	border: 2px solid #fff;
	border-radius:50%;
	width: 1.125rem;
	height: 1.125rem;
	position: absolute;
	top: calc(50% - 0.5625rem);
	left: calc(50% - 2.375rem);
}

.brief_warp{
	width:100%;
	height: auto;
	padding: 14vh 0;
	background: #282828;
}
.brief{ 
	width:73vw; 
	width: var(--mainwidth);
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
	position: relative;
	z-index: 2;
}
.brief_tit{
	width: 100%;
	height: auto;
	font-family: opp_m;
	color: #fff;
	font-size: 3.75rem;
	line-height: 4.5rem;
}
.brief_con{
	width: 100%;
	height: calc(73vw * 502 / 1400);
	height: calc(var(--mainwidth) * 502 / 1400);
	display: flex;
	justify-content: space-between;
	margin-top: 8.75rem;
}
.brief_left{
	width: 60%;
	background: #213f76;
	padding: 0px 4%;
	position: relative;
}
.brief_1{
	width:100%;
	font-size: 2.25rem;
	color: #fff;
	line-height: 11.125rem;
}

.brief_2{
	width:100%;
	font-size: 3.75rem;
	color: #fff;
	line-height:3.75rem;
}
.brief_3{
	position: absolute;
	bottom: 2.375rem;
	right: 4%;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2.25rem;
	text-align: right;
}
.brief_right{
	width:38%;
	background: #0075c1;
	position: relative;
	padding: 0px 4%;
}
.brief_right .brief_2{ font-size: 3rem; font-family:Arial;}

.brief_4{
	position: absolute;
	bottom: 0;
	right: -10%;
	color: rgba(255,255,255,0.2);
	font-size: 21.5rem;
	 font-family:Arial;
	line-height: 21.5rem;
}


.delight_warp {
    width:100%;
	position: relative;
	height: auto;
	padding: 10vh 0 25rem 0;
	background: url("../images/ang_20.jpg") no-repeat left;
	background-size:cover;
}
.delight{
	width:73vw; 
	width: var(--mainwidth);
	margin: 0 auto;
	height:auto;
	position: relative;
}
.delight:after{
	content: '';
	width: 9.75rem;
	height: 9.75rem;
	border-radius:50%;
	border: 1px dashed #fff;
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/ang_04.png") no-repeat left;
	background-size:cover;
	    -webkit-animation: aloop3 .5s ease alternate infinite;
}
.delight_tu{
	width:100%;
	height: 1.5rem;
	margin-top: 6.625rem;
	font-size: 0px;
}
.delight_tu img{
	height: 1.5rem;
	width: auto;
}
.delight_list{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 8.625rem;
	
}
.delight_img:hover img{transform: translateY(-10px);}
.delight_img img{ height: 5.375rem; width: auto;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}

.show_warp{
	width: 100%;
	height: auto;
	margin-top: -15.375rem;
	position: relative;
	z-index: 2;
}
.show_bg{
	position: absolute;
	width: 100%;
	height: calc(100% - 22.75rem);
	left: 0;
	bottom: 7.375rem;
	background: #f0f0f0;
}
.show_en{
	position: absolute;
	left: -4.5rem;
	bottom: 5.375rem;
	font-size: 15.5rem;
	color: rgba(0,0,0,0.1);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	    writing-mode: vertical-lr;
}
.show_en1{
	position: absolute;
	right: -4.5rem;
	top: 14rem;
	font-size: 15.5rem;
	color: rgba(0,0,0,0.1);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	    writing-mode: vertical-lr;
}
.show{
	width:73vw; 
	width: var(--mainwidth);
	margin: 0 auto;
	height:auto;
	position: relative;
	background: #fff;
	z-index: 3;
	padding: 4.75rem 0;
}
.show_tit{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding: 0px 4%;
}
.show_tit_1{
	font-size: 2.875rem;
	color: #555555;
	font-weight: bold;
	line-height: 3.75rem;
}
.show_tit_2{
	font-size: 1.875rem;
	color: #555555;
	line-height: 2.875rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: right;
	font-family: Arial;
}
.show_img{
	width:90.71%;
	margin: 0 auto;
	height: calc(73vw * 0.9071 * 608 / 1270);
	height: calc(var(--mainwidth) * 0.9071 * 608 / 1270);
	font-size: 0px;
	overflow: hidden;
	margin-top: 20vh;
	border-radius:30px;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
	text-align: center;
}
.show_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.show_list{
	width:90.71%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.show_tu{
	width: 48%;
	height: calc(73vw * 0.435408 * 313 / 617);
	height: calc(var(--mainwidth) * 0.435408 * 313 / 617);
	font-size: 0px;
	overflow: hidden;
	margin-top: 11vh;
	border-radius:30px;
	-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.5);
	margin-right:calc(73vw * 0.036284); 
	margin-right:calc(var(--mainwidth) * 0.036284); 
}
.show_tu:nth-child(2n){ margin-right: 0px;}
.show_tu img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.show_lista{
	justify-content: center;
}
.show_lista .show_tu{ margin-right: 0px;}




.shift_warp{
	width:100%;
	height: auto;
	position: relative;

	background: url("../images/ang_44.jpg") no-repeat left;
	background-size:cover;
	margin-top: -7.375rem;
	padding: 20vh 0 24vh 0;
	background-attachment: fixed;
}
.shift{
	width: 73vw;
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	position: relative;
    z-index: 1;
}
.shift .show_tit_1{ color: #fff;}

.shift_con{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.75rem;
}
.shift_left{
	font-size: 1.375rem;
	color: rgba(255,255,255,0.8);
	line-height: 2.25rem;
	height: auto;
	width: 64%;
	padding-top: 5.625rem;
}

.shift_right{
	width: 32.85%;
	height: auto;
}

.shift_right img{
	width:100%;
	height:auto;
	object-fit: cover;
	object-position: center;
}

.love_warp{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	margin-top: -11.25rem;
}
.love_bg {
    position: absolute;
    width: 100%;
    height: calc(100% - 11.25rem);
    left: 0;
    bottom:0;
    background: #f0f0f0;
}
.love{
	width: 73vw;
    width: var(--mainwidth);
    margin: 0 auto;
    height: auto;
    position: relative;
    background: #fff;
    z-index: 3;
    padding-top: 14.25rem;
}
.love_con{
	margin: 0 auto;
	width: 86%;
	height: calc(73vw * 725 / 1400);
	height: calc(var(--mainwidth) * 725 / 1400);
	position: relative;
}

.love_one{
	width: 66%;
	height: calc(73vw * 0.5676 * 403 / 794);
	height: calc(var(--mainwidth) * 0.5676 * 403 / 794);
	font-size: 0px;
	overflow: hidden;
	border-radius:30px;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
	margin: 0 auto;
}
.love_two{
	width: 14.95%;
	height: calc(73vw * 0.12857 * 345 / 180);
	height: calc(var(--mainwidth) * 0.12857 * 345 / 180);
	font-size: 0px;
	overflow: hidden;
	border-radius:30px;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
	position: absolute;
	left: 0;
	bottom: 0;
}
.love_three{
	width: 47.09%;
	height: calc(73vw * 0.404974 * 306 / 567);
	height: calc(var(--mainwidth) * 0.404974 * 306 / 567);
	font-size: 0px;
	overflow: hidden;
	border-radius:30px;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
	position: absolute;
	left: 17.275%;
	bottom: 0;
}
.love_four{
	width: 28.82%;
	height: calc(73vw * 0.247852 * 443 / 347);
	height: calc(var(--mainwidth) * 0.247852 * 443 / 347);
	font-size: 0px;
	overflow: hidden;
	border-radius:30px;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
	position: absolute;
	right:0;
	bottom: 0;
}
.love_one img,.love_two img,.love_three img,.love_four img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.love_zi{
	width:100%;
	height: auto;
	margin-top: 20vh;
	text-align: center;
	font-weight: bold;
	color: #555555;
	font-size: 2.875rem;
	line-height: 3.375rem;
}

.shell_con{
	width: 86%;
	height: auto;
	margin: 0 auto;
	margin-top: 22rem;
	position: relative;
	padding-bottom: 22rem;
}
.shell_con_1{
	width:46.17%;
	height: calc(73vw * 0.4617 * 2491 / 556);
	height: calc(var(--mainwidth) * 0.4617 * 2491 / 556);
	font-size: 0px;
	overflow: hidden;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
}
.shell_con_1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.shell_con_2{
	width:64.95%;
	height: calc(73vw * 0.5614 * 3231 / 785);
	height: calc(var(--mainwidth) * 0.5614 * 3231 / 785);
	font-size: 0px;
	overflow: hidden;
	position: absolute;
	top:-11.875rem;
	right: 0;
	-moz-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    -webkit-box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 7px 43px 0 rgba(0,0,0,0.24);
}
.shell_con_2 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.love_nei{
	width:100%;
	height: auto;
	text-align: center;
	margin-top: 20vh;
}
.love_1{
	width:100%;
	height: auto;
	color: #000;
	font-size: 2.5rem;
	font-family: Arial;
}
.love_2{
	width:100%;
	text-align: center;
	font-size: 2.25rem;
	color: #000;
	letter-spacing: 0.25rem;
	line-height: 4.75rem;
}
.love_3{
	width:100%;
	text-align: center;
	font-size: 1.125rem;
	color: rgba(0,0,0,0.43);
	line-height:6.625rem;
	margin-top: 1.5rem;
}


@media screen and (max-width:1023px)and (min-width:300px){
	
	.case-v1{ width:100%; overflow: hidden;}
	
	.one_tit:after{
		width: 1.5rem;
		height: 0.25rem;
	}
	
	.txt-box,.one_tit {
    display: flex;
    justify-content:center;
		flex-direction: column;
}

	
	.case-detail .c-txt {
    width: 96vw;
}
	.one_tit_left{
		font-size: 2.25rem;
		line-height: 3rem;
		padding-top: 0;
	}
	
	
	.case-detail-s1 .img-box img {
		height: 70vh;
	}
	
	.one_img{
		width:100%;
		height:auto;
		margin-top:-2rem;
	}
	.one_img img{
		width:90%;
		height:auto;
	}

	.one_en{
		width:94%;
		font-size: 3rem;
		padding-left: 0%;
		line-height: 6.25rem;
		margin-top: -6.5rem;
		height: 6.25rem;

	}

	.one_en_1{
		width: 3.375rem;
		height: 3.375rem;
		top: calc(50% - 1.6875rem);
		line-height: 3.375rem;
	}
	.one_en_1 img{
		width: 100%;
		height: 100%;
	}

	.case-detail-s2{
		width: 96vw;
	}
	.case-detail-s2 .one_tit_left,.two_tu{ text-align: center;}
	
	.two_tu{
		padding-bottom: 5rem;
	}
	.two_right{
		width: 100%;
	}
	.two_1{
		width:100%;
		height: auto;
		font-size: 1.35rem;
		color: #000;
		line-height: 2.5rem;
		margin-top: 3rem;
	}

	.two_tu{
			width:100%;
			height: 2.75rem;
			margin-top:2.5rem;
	}


	.three_warp{
		padding: 8vh 0 18vh 0;
	}
	.three_zi{
		font-size: 7rem;
		bottom: -1.5rem;
		line-height: 7.75rem;
	}

	.three{
		width: 96vw;
	}


	.three_img{
		width:100%;
		height: calc(96vw * 775 / 1393);
	}



	.alphabet_warp{
		padding-top: 8vh;
	}
	.alphabet{
		width:96vw; 
	}
	.alphabet_tit{
		font-size: 2.375rem;
		line-height: 3.125rem;
		height: 5.25rem;
		text-align: center;
	}
	.alphabet_tit:after{
		width: 10rem;
		height: 10px;
		position: absolute;
		left: calc(50% - 5rem);
	}
	
	.alphabet_con{
		margin-top: 3rem;
		justify-content:center;
		flex-direction: column;
	}
	.alphabet_left{
		font-size: 1.714rem;
		line-height: 2.5rem;
		padding-top: 0rem;
		padding-bottom: 4vh;
		width: 100%;
		height: auto;
		text-align: center;
	}


	.alphabet_right{
		width: 100%;
		height: calc(96vw * 424 / 700);
	}
	.alphabet_right_1{
		font-size: 4.5rem;
		color: rgba(255,255,255,0.1);
		line-height: 10.75rem;
		padding-left: 2rem;
	}
	.alphabet_right_2{
		font-size: 1.75rem;
		padding-right: 2.125rem;
		line-height: 5.75rem;
	}
	.alphabet_nei{
		flex-direction: column-reverse;
		height: auto;
	}
	.alphabet_fang{
		width:100%;
		height: calc(96vw * 424 / 700);
		padding: 0px 5%;
	}
	.alphabet_1{
		font-size: 1.375rem;
		line-height: 2.5rem;
	}
	.alphabet_2{
		width:100%;
		height: 3px;
		margin-top: 1rem;
	}
	.alphabet_2 img{
		height: 3px;
		width: auto;
	}
	.alphabet_3{
		margin-top: 2.5rem;
	}

	.alphabet_you{
		width:100%;
		height: calc(96vw * 424 / 700);
	}

	.alphabet_you_1{

		font-size: 2rem;
		letter-spacing: 0;
	}
	.alphabet_you_1:after{
		display: none;
	}

	.brief_warp{
		padding: 8vh 0;
	}
	.brief{ 
		width:96vw; 
	}
	.brief_tit{
		text-align: center;
		font-size: 1.625rem;
			line-height: 2.75rem;
	}
	.brief_con{
		width: 100%;
		height: auto;
		justify-content:center;
		flex-direction: column;
		margin-top: 4vh;
	}
	.brief_left{
		width: 100%;
		height: calc(96vw * 502 / 600);
	}
	.brief_1{
		font-size: 1.5rem;
		line-height: 6rem;
		padding-top: 2rem;
	}

	.brief_2{
		font-size: 2.75rem;
		line-height:2.75rem;
	}
	.brief_3{
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.brief_right{
		width: 100%;
		height: calc(96vw * 502 / 600);
		margin-top: 1.5vh;
	}


	.delight_warp {
		padding: 8vh 0 20rem 0;
	}
	.delight{
		width:96vw; 
	}
	.delight:after{
		display: none;
	}
	.delight_tu{
		height: 10px;
		margin-top: 4vh;
		text-align: center;
	}
	.delight_tu img{
		height: 10px;
		width: auto;
	}
	.delight_list{
		margin-top: 2vh;
		flex-wrap: wrap;

	}
	.delight_img{
		width: 50%;
		text-align: center;
		margin-top: 4rem;
	}	
	.delight_img img{ height: 5.375rem; width: auto;}

	.show_warp{
		margin-top: -15.375rem;
	}
	.show_bg{
		height: calc(100% - 22.75rem);
		bottom: 7.375rem;
	}
	.show_en,.show_en1{
		display: none;
	}

	.show{
		width:96vw; 
		padding: 5vh 0;
	}
	.show_tit{
		justify-content:center;
		flex-direction: column;
		text-align: center;
	}
	.show_tit_1{
		font-size: 2.375rem;
		line-height: 3.125rem;

	}
	.show_tit_2{
		font-size: 1.5rem;
		line-height: 2rem;
		text-align: center;
		margin-top: 2vh;
		display: none;
	}
	.show_img{
		height: calc(96vw * 0.9071 * 608 / 1270);
		border-radius:7px;
		margin-top: 6vh;
	}

	.show_tu{
		width: 48%;
		height: calc(96vw * 0.435408 * 313 / 617);
		margin-top:4vh;
		border-radius:7px;
		margin-right:calc(96vw * 0.036284); 
	}


	.shift{
		width: 92vw;
	}
	.shift .show_tit_1 {
		text-align: center;
	}
	.shift_con{
		justify-content:center;
		flex-direction: column-reverse;
		margin-top: 6vh;
	}
	.shift_left{
		font-size: 1.25rem;
		line-height: 2rem;
		width: 100%;
		padding-top: 4vh;
	}

	.shift_right{
		width: 100%;
		height: auto;
		text-align: center;
	}

	.shift_right img{
		width:60%;
		height:auto;
	}


	.love{
		width:96vw;
		padding-top: 4rem;
	}
	.love_con{
		height: calc(96vw * 725 / 1400);
	}

	.love_one{
		height: calc(96vw * 0.5676 * 403 / 794);
		border-radius:7px;
	}
	.love_two{
		height: calc(96vw * 0.12857 * 345 / 180);
		border-radius:7px;
	}
	.love_three{
		height: calc(96vw * 0.404974 * 306 / 567);
		border-radius:7px;
	}
	.love_four{
		height: calc(96vw * 0.247852 * 443 / 347);
		border-radius:7px;
	}

	.love_zi{
		margin-top: 14vh;
		font-size: 1.375rem;
		line-height: 2.125rem;
	}

	.shell_con{
		margin-top:14vh;
		padding-bottom: 10rem;
	}
	.shell_con_1{
		height: calc(96vw * 0.4617 * 2491 / 556);
	}

	.shell_con_2{
		width:64.95%;
		height: calc(96vw * 0.5614 * 3231 / 785);
		top:-8vh;
	}


	.love_nei{
		margin-top: 10vh;
	}
	.love_1{
		font-size: 1.5rem;
	}
	.love_2{
		font-size: 1.625rem;
		line-height: 4.25rem;
	}





}