@charset "utf-8";
/*头部导航*/
.gen_beijing{
	width:100%;
	height: auto;
	background: #090909;
}
.one_warp{
	width:100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.one_bg1{
	position: absolute;
	right: 0;
	top: 12vh;
	width:45.15%;
	height: calc(100vw * 0.4515 * 746 / 867);
	text-align: center;
	font-size: 0px;
	overflow: hidden;

	
}
.one_bg2{
	position: absolute;
	right: 0;
	bottom: 0;
	width:41.4%;
	height: calc(100vw * 0.414 * 741 / 795);
	text-align: center;
	font-size: 0px;
	overflow: hidden;
	animation: fangda 10s infinite alternate;
}
@keyframes fangda {
    from { transform: scale(1); }
    to   { transform: scale(1.1); }
}


.one_bg1 img,.one_bg2 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.one_bg3 {
    color: #d9bb90;
    font-size: 6.25rem;
	font-family: Gotham;
    writing-mode: vertical-lr;
    position: absolute;
    right: 45.5%;
    top: 12vh;
	text-transform: uppercase;  
}

.one{
	width: 73vw;
	width: var(--mainwidth);
	height:100vh;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 12vh;
}
.one_logo{
	width:100%;
	height:3.75rem;
	font-size: 0px;
	overflow: hidden;
}
.one_logo img{
	width:auto;
	height: 3.75rem;
}
.one_con{
	width: 100%;
	height: auto;
	padding-bottom: 10vh;
}
.one_1{
	background: #d9bb90;
	width: 3.75rem;
	height: 0.25rem;
}
.one_2{
	width:100%;
	height: auto;
	font-size: 5.625rem;
	font-weight: bold;
	line-height: 6.25rem;
	color: #d9bb90;
	letter-spacing: 1rem;
	margin-top: 4rem;
}
.one_3{
	width:100%;
	font-size: 1.75rem;
	color: #fff;
	line-height: 3.5rem;
	margin-top: 2.5rem;
}





.two_warp{
	width: 100%;
	height: auto;
	position: relative;
}
.two_warp:after{
	content: '';
	background: url("../images/gen1_03.png") no-repeat left;
	background-size:cover;
	left: 2vw;
	top: 13.5rem;
	width:45.15vw;
	height: calc(100vw * 0.43 * 746 / 867);
	position: absolute;
}

.two{
	width: 73vw;
	width: var(--mainwidth);
	margin: 0 auto;
	height:auto;
	position: relative;
	z-index: 2;
}
.two_tit{
	width:100%;
	height: 8.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.two_tit_1{
	position: relative;
	font-size: 1.875rem;
	color: #fff;
	font-family: Gotham;
}
.two_tit_1:after{
	content: '';
	background: url("../images/gen2_06.png") no-repeat left;
	background-size:100% auto;
	width: 6.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: -9.5rem;
}
.two_tit_1:before{
	content: '';
	background: #fff;
	width: 12.5rem;
	height: 1px;
	position: absolute;
	top: calc(50% - 0.5px);
	left: 5.625rem;
}
.two_tit_2{
	font-size: 1.875rem;
	color: #fff;
	font-family: Gotham;
	text-transform: uppercase;
}
.two_con{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 6.25rem;
}
.two_left{
	width:53.35%;
	height: calc(73vw * 0.5335 * 503 / 747);
	height: calc(var(--mainwidth) * 0.5335 * 503 / 747);
	font-size: 0px;
	position: relative;
}
.two_left:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	border-radius:20px;
	border: 1px solid #f5e5bb;
	background: #000000;
	    
}


.two_left:before{
	content: '';
	width: 15.875rem;
	height: 15.875rem;
	position: absolute;
	top:-3.75rem;
	left: -7.9375rem;
	background: url("../images/gen2_10.png") no-repeat left;
	background-size:cover;
	z-index: 3;
	animation: suoxiao 2s infinite alternate;
	
}
@keyframes suoxiao {
    from { transform: scale(1); }
    to   { transform: scale(0.95); }
}


.two_left img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: translate(-1.625rem,-1.625rem);
	position: relative;
	z-index: 2;
}
.two_right{
	width: 46%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.two_right:before{
	content: '';
	width: 10.375rem;
	height: 10.375rem;
	position: absolute;
	top:-4rem;
	right: -5.1875rem;
	background: url("../images/gen2_10.png") no-repeat left;
	background-size:cover;
	z-index: 3;
	
}
.two_zi{
	width:100%;
	height: 15.625rem;
	position: relative;
	transform: translateX(5.625rem);
}
.two_zi_1{
	width:100%;
	font-size: 5.5rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 15.625rem;
}
.two_zi_1 span{
	opacity: 0;
	animation: touming 2s infinite alternate;
}
.two_zi_1 span:nth-child(2){ animation-delay: 0.2s;}
.two_zi_1 span:nth-child(3){ animation-delay: 0.4s;}
.two_zi_1 span:nth-child(4){ animation-delay: 0.6s;}



.two_zi_2{
	width:100%;
	font-size: 15.625rem;
	line-height: 15.625rem;
	font-family: Gotham;
	color: transparent;
	-webkit-text-stroke: 2px rgba(255,255,255,0.3);
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.two_nei{
	position: absolute;
	left: 5.625rem;
	bottom: 0;
	width: calc(100% - 5.625rem);
	display: flex;
	justify-content: space-between;
}
.two_nei_left{
	color: #fff;
	font-size: 1.125rem;
}
.two_nei_left span{
	display: block;
	font-size: 1.875rem;
}
.two_logo{
	width:100%;
	height: auto;
	font-size: 0px;
	overflow: hidden;
	margin-top: 12vh;
}
.two_logo img{
	height: 7.375rem;
	width: auto;
}

.shell_con{
	width: 100%;
	height: 5.625rem;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-top: 10vh;
	display: flex;
	justify-content: space-between;
	position: sticky;
	bottom: 0;
	z-index: 9;
	background: #090909;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shell_con_fiexd{ opacity: 1;}

.shell_con>div{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.025rem;
	margin: 0.65rem 0;
	text-transform: uppercase; 
}
.shell_con_1{
	width: 35%;
	border-right: 1px solid #fff;	
}
.shell_con_1 span{
	font-size: 2.5rem;
	color: #fff;
	font-family: Gotham;
	 
	background: url("../images/gen2_17.jpg") no-repeat left;
	background-size:3.125rem;
	padding-left: 8.375rem;
}

.shell_con_2{
	width: 30%;
	border-right: 1px solid #fff;	
	-webkit-text-stroke: 2px #fff;
	color: transparent;
	font-size: 2.5rem;
	font-family: Gotham;
}
.shell_con_3{
	width:35%;
}
.shell_con_3 span{
	font-size: 2.25rem;
	color: #fff;
	font-family: Gotham;
	 
	background: url("../images/gen2_14.jpg") no-repeat right;
	background-size:2.375rem;
	padding-right: 8.375rem;
}



.three_warp{
	width:100%;
	height:auto;
	position: relative;
	margin-top: 6vh;
	overflow: hidden;
}
.three_warp:after{
	content: '';
	background: url("../images/gen1_03.png") no-repeat left;
	background-size:cover;
	right: 2vw;
	top: 15.625rem;
	width:45.15vw;
	height: calc(100vw * 0.43 * 746 / 867);
	position: absolute;
}


.three_zi{
	width:100%;
	height: 15.625rem;
	position: relative;
}
.three_zi_1{
	width:100%;
	font-size: 5.5rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 15.625rem;
	letter-spacing: 1rem;
}
.three_zi_2{
	width:100%;
	font-size: 18.75rem;
	line-height: 15.625rem;
	font-family: Gotham;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255,255,255,0.1);
	letter-spacing: 6rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.three_tit{
	width:78vw; 
	width: var(--mainwidth);
	margin: 0 auto;
	position: relative;
	font-family: Gotham;
	font-size: 9.25rem;
	color: #fff;
	text-transform: uppercase; 
	line-height: 8rem;
	margin-top: 10vh;
	z-index: 2;
}
.three_tit:after{
	content: '';
	width: 20.875rem;
	height: 20.875rem;
	border-radius:50%;
	overflow: hidden;
	background: #f5e5bb;
	position: absolute;
	top: -2.5rem;
	left: -4.75rem;
	mix-blend-mode:difference;
	    animation: fly-l 2s infinite alternate;
}
@keyframes fly-l {
    from { transform: translateX(0); }
    to   { transform: translateX(2rem); }
}





.three_img{
	width:78vw; 
	width: var(--mainwidth);
	font-size: 0px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 5vh;
	position: relative;
	z-index: 2;
}
.three_img img{
	max-width: 100%;
	height: auto;
}
.three_imga{
	position: relative;
	z-index: 2;
	width:80.1%;
	height: calc(100vw * 0.801 * 355 / 1538);
	font-size: 0px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 3.75rem;
}
.three_imga img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.three_en{
	width:100%;
	font-size: 18.75rem;
	line-height: 15.625rem;
	font-family: Gotham;
	color: transparent;
	-webkit-text-stroke: 2px rgba(255,255,255,0.1);
	letter-spacing: 6rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10vh;
	animation: yanse 2s infinite alternate;
}
@keyframes yanse {
    from { -webkit-text-stroke: 2px rgba(255,255,255,0.1);}
    to   { -webkit-text-stroke: 2px rgba(255,255,255,0.2);}
}


.three_list{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 2.5rem;
}
.three_list>div{
	width: 21.25vw;
	height: 21.25vw;
	background: #f4e4ba;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.875rem;
	color: #000;
	font-family: Gotham;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	
}
.three_list>div:hover{
	border-radius: 50%;
	
}
.three_list>div:nth-child(2):hover{
	border-top-right-radius: 50%;
}


.three_list>div:nth-child(1){
	border-bottom-right-radius: 50%;
	border-top-left-radius: 50%;
}
.three_list>div:nth-child(2){
	background: #c6a679;
	color: #fff;
	border-radius: 50%;
	border-top-right-radius: 0%;
}
.three_list>div:nth-child(3){
	background: #7f5d29;
	color: #fff;
	border-top-right-radius: 50%;
}
.three_list>div:nth-child(4){
	background: #2b1802;
	color: #fff;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.three_ena{
	    text-align: center;
}


.four{
	width:100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-top: -6.25rem;
}


.four_tit{
	width: 100%;
	height: 23rem;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.four_tit_left{
	width: 39%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5.625rem;
	color:#fff;
	font-weight: lighter;
	line-height: 5.875rem;
	position: relative;
}
.four_tit_left:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
}
.four_tit_right{
	width:61%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.four_tit_right_1{
	width:100%;
	height: 50%;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 5rem;
	color: #fff;
	padding-left: 15%;
}
.four_tit_right_1:nth-child(1):after{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
}
.four_tit_right_1:nth-child(2){
	font-family: Gotham;
	font-size: 5.75rem;
}
.four_img{
	width:100%;
	height: calc(100vw * 1272 / 1920);
	font-size: 0px;
	overflow: hidden;
}
.four_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.five{
	width:100%;
	height: auto;
	margin-top: 10vh;
	position: relative;
}

.three_zi_zuo{
	position: absolute;
	top: 0;
	left: 8%;
	width: 2.25rem;
	height: 100%;
	display: flex;
	justify-content:center;
	flex-direction: column;
}
.three_zi_zuo div{ margin-top: 1.25rem;animation: touming 2s infinite alternate; opacity: 0;}
.three_zi_zuo div:first-child{ margin-top: 0;}
.three_zi_zuo div img{
	max-width: 100%;
	height: auto;
}

.three_zi_zuo div:nth-child(2){ animation-delay: 0.2s;}
.three_zi_zuo div:nth-child(3){ animation-delay: 0.4s;}
.three_zi_zuo div:nth-child(4){ animation-delay: 0.6s;}


.three_zi_you{
	position: absolute;
	top: 0;
	right: 8%;
	width: 2.25rem;
	height: 100%;
	display: flex;
	justify-content:center;
	flex-direction: column;
}
.three_zi_you div{ margin-top: 1.25rem;animation: touming 2s infinite alternate; opacity: 0;}
.three_zi_you div:first-child{ margin-top: 0;}
.three_zi_you div img{
	max-width: 100%;
	height: auto;
	transform:rotate(-180deg);
}

.three_zi_you div:nth-child(3){ animation-delay: 0.2s;}
.three_zi_you div:nth-child(2){ animation-delay: 0.4s;}
.three_zi_you div:nth-child(1){ animation-delay: 0.6s;}



@keyframes touming {
    0 { opacity: 0; }
    100%{ opacity: 1; }
}









.five .three_zi_1{
	font-size: 2.5rem;
	font-family: '微软雅黑';
	letter-spacing: 0;
}
.five .three_zi_1 span{ padding: 0px 3.125rem;}

.five_list{
	width:78vw; 
	width: var(--mainwidth);
	margin:0 auto;
	margin-top: 5vh;
}
.five_img{
	width:100%;
	height: calc(73vw * 656 / 1400);
	height: calc(var(--mainwidth) * 656 / 1400);
	font-size: 0px;
	margin-top: 10vh;
	border-radius:50px;
	overflow: hidden;
}
.five_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.five_img:first-child{ margin-top: 0px;}



.alphabet{
	width:100%;
	height: calc(100vw * 1379 / 1920);
	position: relative;
	margin-top: 10vh;
}
.alphabet img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.alphabet_con{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-size: 1.375rem;
}
.alphabet_con span{ font-size: 5rem;}
.shell_cona{
	margin-top: 20vh;
}

.six{
	width:100%;
	height: auto;
	margin-top: 15vh;
	position: relative;
    z-index: 2;
}
.six_con{
	width:78vw; 
	width: var(--mainwidth);
	margin:0 auto;
	margin-top: 10vh;
	height: calc(73vw * 1504 / 1320);
	height: calc(var(--mainwidth) * 1504 / 1320);
	position: relative;
}
.six_con:after{
	content: '';
	background: #f4e4ba;
	width: calc(73vw * 1504 / 1320 * 0.7);
	width: calc(var(--mainwidth) * 1504 / 1320 * 0.7);
	height: calc(73vw * 1504 / 1320 * 0.7);
	height: calc(var(--mainwidth) * 1504 / 1320 * 0.7);
	border-radius:50%;
	position: absolute;
	top: 15%;
	left: calc((100% - 73vw * 1504 / 1320 * 0.7) / 2);
	left: calc((100% - var(--mainwidth) * 1504 / 1320 * 0.7) / 2);
	animation: suoxiao 2s infinite alternate;
}
.six_img{
	width:94%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.six_img img{
	width:100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.six_list{
	width:78vw; 
	width: var(--mainwidth);
	margin:0 auto;
	margin-top: 10vh;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.six_nei{
	width: 27.42%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.six_nei:hover{
	transform: translateY(-1rem);
}

.six_nei_1{
	width:100%;
	height: calc(73vw * 0.2742);
	height: calc(var(--mainwidth) * 0.2742);
	font-size: 0px;
	overflow: hidden;
	border-radius:50%;
}
.six_nei_1 img{
	width:100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.six_nei_2{
	width:100%;
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.875rem;
	
}



.shell{
	width:100%;
	position: relative;
	height: auto;
	padding-top: 10vh;
}



.shell_1{
	width:100%;
	height: auto;
	text-align: center;
}
.shell_1 img{
	height: 42.25rem;
	width: auto;
}
.shell_2{
	width:100%;
	text-align: center;
	color: #fff;
	font-size: 2.625rem;
	font-family:Arial;
	margin-top: 20vh;
}
.shell_3{
	width:100%;
	text-align: center;
	font-size: 2.25rem;
	color: #fff;
	letter-spacing: 1.5rem;
	line-height: 4.75rem;
}
.shell_4{
	width:100%;
	height: auto;
	font-size: 1.125rem;
	color: rgba(255,255,255,0.43);
	text-align: center;
	margin-top: 4.25rem;
	padding-bottom: 15vh;
}


@media screen and (max-width:1023px)and (min-width:300px){
	.one_bg1{
		top: inherit;
		bottom: 10vh;
	}
	.one_bg2{
		width:80%;
		height: calc(100vw * 0.8 * 741 / 795);
	}
	.one_bg3 {
		display: none;
	}
	.one{
		width: 96vw;
		padding-top:14vh;
		justify-content: flex-start;
	}
	.one_logo{
		height:3rem;
		text-align: center;
	}
	.one_logo img{
		width:auto;
		height: 3rem;
	}
	.one_con{
		width: 100%;
		height: auto;
		padding-bottom: 0vh;
		margin-top: 15vh;
	}
	.one_1{
		width: 3rem;
		margin: 0 auto;
	}
	.one_2{
		font-size: 3.625rem;
		line-height: 4.25rem;
		margin-top: 3rem;
		text-align: center;
	}
	.one_3{
		font-size: 1.25rem;
		line-height: 3rem;
		margin-top: 1.5rem;
		text-align: center;
	}

	.two{
		width: 96vw;
	}
	.two_tit_1,.two_tit_2{ font-size: 1.5rem;}
	.two_tit_1:after{
		display: none;
	}
	.two_tit_1:before{
		width: 6.5rem;
		left: 4.5rem;
	}

	.two_con{
		justify-content:center;
		flex-direction: column;
		margin-top: 0vh;
	}
	.two_left{
		width:100%;
		height: calc(96vw * 503 / 747);
	}

	.two_left:after,.two_left:before{
		display: none;
	}
	.two_left img{
		transform: translate(0px,0px);
	}
	.two_right{
		width: 100%;
		margin-top: 4vh;
	}
	.two_right:before{
		display: none;
	}
	.two_zi{
		width:100%;
		height: 10rem;
		position: relative;
		transform: translateX(0);
	}
	.two_zi_1{
		width:100%;
		font-size: 2rem;
		height: 100%;
	}
	.two_zi_2{
		width:100%;
		font-size: 10rem;
		line-height: 10rem;
	}
	.two_nei{
		position: relative;
		left: 0;
		bottom: 0;
		width: 80%;
		margin: 0 auto;
		margin-top: 6vh;
	}
	.two_logo{
		text-align: center;
		margin-top: 8vh;
	}
	.two_logo img{
		height: 6rem;
	}

	.shell_con{
		width: 100%;
		height: 4rem;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		top: 8vh;
		display: flex;
		justify-content: center;
		flex-direction: column;

	}
	.shell_con>div{
		height: 3rem;
		margin: 0.5rem 0;
	}
	.shell_con>div:first-child{ display: none;}	
	.shell_con>div:last-child{ display: none;}	


	.shell_con_2{
		width: 100%;
		border-right:none;	
		-webkit-text-stroke: 1px #fff;
		color: transparent;
		font-size: 1.5rem;
		text-align: center;
	}


	.three_zi{
		height: 8rem;
	}
	.three_zi_1{
		font-size: 2rem;
		height: 8rem;
		letter-spacing: 0;
	}
	.three_zi_2{
		font-size: 8rem;
		line-height: 8rem;
		letter-spacing: 0rem;
	}
	.three_zi_zuo,.three_zi_you{ width: 1.25rem;}
	.three_zi_zuo div,.three_zi_you div{ margin-top: 10px;}
	.three_zi_zuo{ left: 4%;}	
	.three_zi_you{ right: 4%;}	
	.three_tit{
		display: none;
	}
	.three_tit:after{
		width: 10.875rem;
		height: 10.875rem;
		top: -1.5rem;
		left: -4.75rem;
	}
	.three_img{
		width:80vw; 
		margin-top: 4vh;
	}
	.three_imga{
		width:90.1%;
		height: calc(100vw * 0.901 * 355 / 1538);
		margin-top: 4vh;
	}

	.three_en{
		width:100%;
		font-size: 8rem;
		line-height: 8rem;
		-webkit-text-stroke: 2px rgba(255,255,255,0.2);
		letter-spacing: 0;
		margin-top: 8vh;
	}
	.three_list{
		margin-top: 4vh;
	}
	.three_list>div{
		width: 23vw;
		height: 23vw;
		font-size: 1.25rem;
	}

	.four{
		margin-top: -3.25rem;
	}
	.four_tit{
		height: 10rem;
	}
	.four_tit_left{
		font-size: 2.5rem;
		line-height: 2.875rem;
	}

	.four_tit_right_1{
		font-size: 1.75rem;
	}
	.four_tit_right_1:nth-child(2){
		font-size: 2.25rem;
	}

	.five{
		margin-top: 6vh;
	}
	.five .three_zi:after,.five .three_zi:before{
		display: none;

	}
	.five .three_zi_1{
		font-size: 1.75rem;
	}
	.five .three_zi_1 span{ padding: 0px 1.125rem;}

	.five_list{
		width:90vw; 
	}
	.five_img{
		height: calc(90vw * 656 / 1400);
		margin-top: 2vh;
		border-radius:15px;
	}


	.alphabet{
		margin-top: 6vh;
	}

	.alphabet_con{
		font-size: 1.125rem;
	}
	.alphabet_con span{ font-size: 2rem;}
	.shell_cona{
		margin-top: 10vh;
	}

	.six{
		margin-top: 8vh;
	}
	.six_con{
		width:80vw; 
		margin-top:6vh;
		height: calc(80vw * 1504 / 1320);
	}
	.six_con:after{
		width: calc(80vw * 1504 / 1320 * 0.7);
		height: calc(80vw * 1504 / 1320 * 0.7);
		left: calc((100% - 80vw * 1504 / 1320 * 0.7) / 2);
	}

	.six_list{
		width:90vw; 
		margin-top: 6vh;
	}
	.six_nei{
		width: 30%;
	}
	.six_nei_1{
		height: calc(90vw * 0.3);
	}
	.six_nei_2{
		height:5rem;
		font-size: 1.25rem;

	}

	.shell{
		padding-top: 4vh;
	}
	.shell .shell_con{ margin-top: -10vh;}
	.shell_cona{ display: none;}

.shell_1 img{
		height: 20rem;
	}
.shell_2{
		font-size: 1.25rem;
		margin-top: 10vh;
	}
	.shell_3{
		font-size: 1.5rem;
		letter-spacing: 0.5rem;
		line-height: 3.75rem;
	}
	.shell_4{
		font-size: 1rem;
		margin-top:4vh;
		padding-bottom: 10vh;
	}


}