.Loop {position: relative; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
section { position: relative;text-align: center; min-height: 800px;font-size: 4.5rem;/*  max-height: 700px;  height: 80%;*/overflow: hidden;padding-top: 25px;} 
/*::scrollbar { display: none;}*/


@media screen and (max-width:1000px){
	 
}
article u{font-size: 75%; font-weight:normal;text-decoration:none;}
.page_greyoffice {background: #81234e;background:none;}
.page_projects {background: #df5252;background:none;}
.page_archive {background: #ff9a56;background:none;/* background: rgba(255,163,164,0.5)*/}
.page_infomation { background: #371465;background:none;/* background: rgba(160,255,206,0.5)*/}
.page_contact{ background: #ff4400;background:none;/*background: rgba(0,0,0,0.5)*/}

.guide{width:50%; text-align: center; margin: 33rem auto;}

sup{ font-size: 50%;color: #0000ff; position: relative;width:2rem;height: 2rem;cursor:pointer;}
sup a{width:30rem; height: 40rem; margin-top: -40rem; margin-left: -2rem; position: absolute;  z-index: 3; display: none}

/*.over_viewproject{font-size: 2rem;color: #0000ff;border: 1px solid #FF5500;width:12rem; height: 2rem;position: absolute; z-index: 10; margin-left: -6rem;}*/
.projects_list{width:50%; margin: 40rem auto 0 auto;}
.projects_list li{color: #0000ff;/* margin-bottom: 30rem; */ padding-top: 30rem;}
.projects_list li:nth-child(1){ padding-top: 0;}
.projects_list li h3,.projects_list li h4,.projects_list li article{font-size: 2.4rem;}
.projects_list li h4{line-height: 1.2;}
.projects_list li article{ margin-top: 2rem;}
.projects_list li:nth-last-child(1){ margin-bottom: 0}
.projects_list li dd{position:relative;margin:0 auto;padding:0; margin-bottom: 2.5rem;/*cursor:none;cursor: url("../Images/viewProject.ico"), default; */overflow: hidden;}
.secondimg{position:absolute; left:0;top:0;opacity: 0; z-index: 5;}
.projects_list li dd:hover .secondimg{opacity: 1}
.mobile_float_img{display: none}

.desktop_float_icon_projects{width:10rem;color: #0000ff;position:fixed; z-index: 20; height: 2rem;text-align: center; margin-left: -5rem; top:0; top:-9900px; left: -9900px;}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px){ 
	.mobile_float_img{position:fixed;display: none; z-index: 5; opacity:1; width:40%; margin-left: 30%;}
	sup a{display: none; opacity: 0; left: -999999px;}
}

@media screen and (max-width:1000px){
	
	.guide{width:100%;}
	.projects_list{width:100%;}
	.mobile_float_img{position:fixed;display: none; z-index: 5; opacity:1; width:70%; margin-left: 15%;}
	sup a{display: none; opacity: 0; left: -999999px;}
	.projects_list li h3,.projects_list li h4,.projects_list li article{font-size: 3rem;}
}

.archive_list ul{overflow: hidden;}
.archive_list{margin: 40rem auto 2rem auto; background: rgba(179,85,86,0);}
.archive_list li{color: #ff267C; float: left; text-align: left; font-size: 2.4rem;}
.archive_list li sup{color: #ff267C;}
.archive_list_hover ul{overflow: hidden;position: relative}
.archive_list>.wrapper>ul li{font-size: 1.6rem;}
.archive_list_hover {margin-top: 1rem;}
.archive_list_hover li:nth-child(6n-5),.archive_list li:nth-child(6n-5){width:40%; clear: both;}
.archive_list_hover li:nth-child(6n-4),.archive_list li:nth-child(6n-4){width:20%;}
.archive_list_hover li:nth-child(6n-3),.archive_list li:nth-child(6n-3){width:12%;}
.archive_list_hover li:nth-child(6n-2),.archive_list li:nth-child(6n-2){width:14%;}
.archive_list_hover li:nth-child(6n-1),.archive_list li:nth-child(6n-1){width:8%;}
.archive_list_hover li:nth-child(6n),.archive_list li:nth-child(6n){width:6%;}
.archive_list_hover:hover ul{opacity: 0.2;}
.archive_list_hover ul:hover{opacity: 1;cursor:pointer;}
.archive_list_hover ul li{/*position: relative;*/}
.archive_list_hover a{width:20rem; height: 30rem; margin-top: -32rem; margin-left: 0; position: absolute;  z-index: 3; display: none}

.spacing{ padding-top: 5rem;padding-bottom: 5rem;}
.spacing_top{ padding-top: 10rem;}
.smallsize{width:50%; margin: 0 auto;}
.smallfont{font-size: 2.4rem;}

.infomation_box{color: #3cff4a;margin:40rem auto 2rem auto;}

.contact_box{color: #ffa800;margin:40rem auto 2rem auto;}
.contact_box a{color: #ffa800; }
.contact_box a:hover{border-bottom: 2px solid #ffa800;}
.desktop_float_img_archive{position: absolute;width:35rem;opacity: 1; z-index: 10;max-height: 35rem; margin-top: 2rem;}

.mobile_floatimg_archive{display: none;}

@media screen and (max-width:1000px){
	.archive_list{margin-top: 30rem;}
	
	.archive_list li{font-size: 3rem;}
	.archive_list>.wrapper>ul{display: none}
	.archive_list_hover li:nth-child(6n-5),.archive_list li:nth-child(6n-5){width:87%; clear: both;}
	.archive_list_hover li:nth-child(6n-4),.archive_list li:nth-child(6n-4){display: none;}
	.archive_list_hover li:nth-child(6n-3),.archive_list li:nth-child(6n-3){display: none;}
	.archive_list_hover li:nth-child(6n-2),.archive_list li:nth-child(6n-2){display: none;}
	.archive_list_hover li:nth-child(6n-1),.archive_list li:nth-child(6n-1){display: none;}
	.archive_list_hover li:nth-child(6n),.archive_list li:nth-child(6n){width:13%;}
	
	.archive_list_hover>ul{position: relative;}
	.smallsize{width:80%;}

	.desktop_float_img_archive{display: none; opacity: 0;}
	
	.mobile_floatimg_archive{position:fixed;display: none; z-index: 5; opacity:1; width:60%; margin-left: 20%; /*border: 3px solid #FF6600*/}
	.mobile_floatimg_archive img{width:100%;}
	sup a{display: none; opacity: 0; left: -999999px;}
}
.imgpreload{width:0px; height: 0px; overflow: hidden; display: none}
.imgpreload img{display: none;width:0px; height: 0px;}

/*Projects List Detail*/

.header_projects{width:100%; position: fixed; top: 1.5%; z-index: 10;}
.header_projects h1{float: left;color: #0000ff;width: 70%; text-align: center; line-height: 1;}
.header_projects .link_back{width:15%; text-align: left;cursor:pointer;}


.projects_list_box>li{font-size: 4rem;color: #0000ff;overflow: hidden; padding-bottom: 15rem;}
.projects_list_box>li>a{ opacity: 0;}
.projects_list_box h5{color: #0000ff; text-align: center; margin-top: -3rem;}

.projects_slide{width:70%; margin: 15rem auto 2rem auto;}

.projects_slide .swiper-slide img{ height: 100%; width:auto;}
.projects_baseinfo{color: #0000ff; font-size: 3rem;overflow: hidden; margin: 5rem 0;}
.projects_baseinfo>li{width:16%;float: left;}
.projects_baseinfo>li:nth-child(1){width:46%;}
.projects_baseinfo>li:nth-child(5){width:6%;}

@media screen and (max-width:1000px){
	.header_projects h1{ font-size: 6rem;width: 70%;}
	.header_projects .link_back{width:15%; font-size: 3rem; line-height:1.2;}
	.projects_slide{width:100%;}
	.projects_baseinfo{width:100%;font-size:3.2rem;}
	.projects_baseinfo>li{width:100%;}
	.projects_baseinfo>li:nth-child(1){width:100%;}
	.projects_baseinfo>li:nth-child(5){width:100%;}
	.projects_baseinfo>li h3{float: right;width:50%;font-size:3.2rem;}
	.projects_list_box{ margin-top: 20rem}
}

/*archive*/
.archive_all *{color: #ff267C;}
.archive_all h1,.archive_all h5{color: #ff267C;}

.header_projects_full{color: #0000ff;width:100%; position: fixed; top: 1.8%; z-index: 10; }
.header_projects_full h3{width:50%;float: left}
.header_projects_full h3:nth-child(3){ float: right; text-align: right}

.projects_full{ margin-top:40px;}


@media screen and (max-width:1000px){
	.header_projects_full h3{width:33.333%;float: left; text-align: left; line-height:1.2; font-size: 3rem;}
	.header_projects_full h3:nth-child(2){ float:left; text-align:left}
	.header_projects_full h3:nth-child(3){ float:left; text-align:center}
	.header_projects_full h4{position: fixed; bottom:1.5%; width:100%;text-align: center}
}


    
/* 实线条部分 */
/*.grid-line{
	overflow: hidden;
	width: 100%;
	height:100%;
	position: fixed;
	opacity: 0;
	z-index: -1;
	transform: scale(1);
	background: linear-gradient(to right,rgba(0,0,0,0.1) 1px,transparent 1px),
	linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 1px);
	background-size: 14vh 14vh;
	background-repeat: repeat;
	-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;
}*/
.grid-line-s{
	overflow: hidden;
	width: 100%;
	height:100%;
	position: fixed;
	z-index: -1;
	transform: scale(1);
	background: linear-gradient(to right,rgba(0,0,0,0.1) 1px,transparent 1px),
	linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 1px);
	background-size: 4.667vh 4.667vh;
	background-repeat: repeat;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;
	/*-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;*/
		
}
@media screen and (max-width:1000px){
	.grid-line-s{
		-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;
	}
}

.grid-line-projects{
	top:0;
	overflow: hidden;
	width: 100%;
	height:100%;
	position: fixed;
	z-index: -1;
	transform: scale(1);
	background: linear-gradient(to right,rgba(0,0,0,0.1) 1px,transparent 1px),
	linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 1px);
	background-size: 14vh 14vh;
	background-repeat: repeat;
}

.slide_float_area{width:100%; height: 95%; position: absolute;top: 0;left: 0; z-index: 20;}
.float_icon{font-size: 2.4rem; position:absolute; margin-left: -7.5rem; margin-top: -1.2rem; cursor:none; opacity: 0;width:15rem; text-align: center; z-index: 5;}
.page_projects .float_icon,.projects_list_box .float_icon,.projects_full .float_icon{color:#0000ff}

.archive_all .float_icon{color:#ff267C;}
.popup{/*padding:40px 20px; */display:none; text-align:center; z-index:140; background:#FFF; }