@charset "utf-8";



html {
	overflow-y:scroll;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;




  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display: none; height: 0; }
audio, canvas, img, video { vertical-align:middle; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }
table { border-collapse:collapse; border-spacing:0; }
img, fieldset { border:0; }
input, select, textarea { line-height:1.2; vertical-align:middle; }
body, table, th, td, input, textarea, button, select { font-family:"Roboto", sans-serif; font-size:12px; color:#666; }
button, select {
text-transform:none;
}
button, input {
line-height:normal;
}
textarea {
resize:vertical;
overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
font-style:normal;
font-weight:normal;
}
label {
cursor:pointer;
}
/* For Screen Reader */
legend {
display:none;
visibility:hidden;
}
/* For Screen Reader */
caption {
display:none;
visibility:hidden;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
a {
color:#666;
text-decoration:none;
}
a:active, a:hover, a:focus {
text-decoration:none;
}
button{
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
background:none;
}
body.mouse a:focus, 
body.mouse button:focus{
outline:none;
}




















#mainProjectContent{font-size:0.93333em; height:100%; box-sizing:border-box;}

.main-project-tit-box{display:table;  width:100%;}
.main-project-tit-box .main-project-tit-box-inner{display:table-cell; vertical-align:middle;}
.main-project-tit-box .area{position:relative;}
.main-project-tit-box .main-project-tit{margin:0.21em 0 0 0; }
.main-project-tit-box .read-more-btn{position:absolute; bottom:13px; right:0px;   }

.main-project-list-container{position:absolute; bottom:0px; left:0px; right:0px; width: 100%; 
/* padding-top:50.0011%;  */
top: 0;

}
.accordion-wrapper{overflow:hidden; position:absolute; top:0; left:0; right:0; height:100%;}

.accordion-bg-list-container{height:100%;}
.accordion-bg-list{position:relative; height:100%;}
.accordion-bg-list .accordion-bg-item{position:absolute; top:0px; width:33.3333%; height:100%; overflow:hidden; opacity:0; }
.accordion-bg-list .accordion-bg-item:nth-child(1){left:0%;}
.accordion-bg-list .accordion-bg-item:nth-child(2){left:33.3333%;}
.accordion-bg-list .accordion-bg-item:nth-child(3){left:66.6666%;}
/* .accordion-bg-list .accordion-bg-item:nth-child(4){left:75%;} */
.accordion-bg-list .accordion-bg-item .accordion-inner{display:block; position:relative; width:100%; height:100%; margin:0; background-size:cover !important;}
.accordion-bg-list .accordion-bg-item .accordion-outer{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background-size:cover !important; transition:opacity 0.2s ease, transform 0.2s ease;;}
.accordion-bg-list .accordion-bg-item.active{z-index:1;}
.accordion-bg-list .accordion-bg-item.active .accordion-inner{transform:scale(1.1) rotate(0.002deg); transition:transform 5s ease-in-out}
.accordion-bg-list .accordion-bg-item.active .accordion-outer{opacity:0; transform:scale(1.05) rotate(0.002deg); z-index:0;}

.accordion-over-container{position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:2;}
.accordion-over-list{position:absolute; top:0px; left:0px; bottom:0px; right:0px; }
.accordion-over-item{float:left; position:relative; width:33.3333%; height:100%; }
.accordion-over-item .accordion-inner-con{position:relative; display:block; height:100%; }
.accordion-over-item:before{
position:absolute;	left:0; right:0; top:0; bottom:0;
content:"";
/* background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); */
}
.accordion-over-item .accordion-off-tit-box{position:absolute; bottom:3em; left:3.33em; right:3.33em; color:#fff; font-size: 25px; text-align: center; color: transparent; }
.accordion-over-item .project-category{display:block; font-size:1em; letter-spacing:-0.15px; margin-bottom:1em}
.accordion-over-item .project-tit{display:block; font-size:2.14em; letter-spacing:-0.3px; line-height:1.33; font-weight:700; }


.accordion-detail-con h1{ font-size: 35px; color: #fff; }
.accordion-detail-con ul{ list-style: auto; margin: 10px 0px 20px 20px; }
.accordion-detail-con ul li{ line-height: 30px; font-size: 16px; color: #fff; font-weight: 600; }


.accordion-over-item .accordion-detail-con.con-ed{ background: #dc7223 !important; }

.accordion-over-item .accordion-detail-con{position:absolute; bottom:0px; left:0px; width:100%; height:300px; display:flex; align-items:flex-start; flex-direction:column; flex-wrap:nowrap;
align-content:center;
/* justify-content:center; */
background:#233e7a  /*#ffe345;*/; opacity:0; 
/* padding:0 3.33em;  */
padding: 4em 3.33em ;
box-sizing:border-box;}
.accordion-over-item .accordion-detail-con .accordion-detail-txt{color:#fff;}
.accordion-over-item .accordion-detail-con .read-more-btn{ display: inline-block; font-size: 16px; border: 1px solid #fff; padding: 12px 18px; color: #fff; font-weight: 400;
/* margin-top: 2.08em;  */  }
.accordion-over-item .accordion-detail-con .read-more-btn:before{opacity:0;}
.accordion-over-item .accordion-detail-con .read-more-btn:hover:before{opacity:0.5;}

@media all and (min-width:1281px) {
	.accordion-over-item{background:none !important; }
}


@media all and (max-width: 480px){
.accordion-over-item{background:none !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px){

.accordion-over-item { width: 100%; height: 33.333%; background-size: cover !important; }
.main-project-list-container { padding-top: 80%; top: 0; }
.accordion-bg-list .accordion-bg-item { position: absolute; top: 0px; width: 100% !important; height: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(2) { left: 0% !important; top: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(3) { top: 66.6666% !important; left: 0% !important; }

.accordion-over-item .accordion-detail-con { height: 100%; }
.accordion-detail-con h1 { font-size: 25px; color: #fff; }
.accordion-detail-con ul { margin: 20px 0px 20px 20px; }
.accordion-detail-con ul li { line-height: 28px; font-size: 14px; font-weight: 400; }
.accordion-over-item .accordion-detail-con .read-more-btn { display: inline-block; font-size: 14px; border: 1px solid #fff; padding: 12px 18px; color: #fff; font-weight: 400; }
}


@media only screen and (min-width: 1080px) and (max-width: 1280px){
.accordion-detail-con h1 { font-size: 30px; }
.accordion-detail-con ul li { line-height: 30px; font-size: 17px; font-weight: 300; }
.accordion-over-item .accordion-detail-con { justify-content: space-between; } 
}

@media only screen and (min-width: 768px) and (max-width: 1023px){ 
.accordion-over-item { width: 100%; height: 33.333%; background-size: cover !important; }
.main-project-list-container { padding-top: 80%; top: 0; }
.accordion-bg-list .accordion-bg-item { position: absolute; top: 0px; width: 100% !important; height: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(2) { left: 0% !important; top: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(3) { top: 66.6666% !important; left: 0% !important; } 
ul.accordion-over-list li.accordion-over-item aside.accordion-detail-con{ padding: 20px 20px 20px 40px; }
ul.accordion-over-list li:nth-child(2).accordion-over-item aside.accordion-detail-con.con-ed{ height: 100%; width: 40%;}
ul.accordion-over-list li:nth-child(1).accordion-over-item aside.accordion-detail-con,
ul.accordion-over-list li:nth-child(3).accordion-over-item aside.accordion-detail-con{ height: 100%; max-width: 30%; min-width: 40%;} 
/* .accordion-over-item .accordion-detail-con { height: 100%; width: 40%; } */ 
.accordion-detail-con h1 { font-size: 25px; color: #fff; font-weight: 300; }
.accordion-detail-con ul { margin: 10px 0px 10px 20px; }
.accordion-detail-con ul li { line-height: 28px; font-size: 14px; font-weight: 400; }
.accordion-over-item .accordion-detail-con .read-more-btn { display: inline-block; 
/* font-size: 14px; border: 1px solid #fff; padding: 12px 18px; */
font-size: 13px; border: 1px solid #fff; padding: 9px 15px;
color: #fff; font-weight: 400; }

}

@media only screen and (min-width: 640px) and (max-width: 767px){ 
.accordion-over-item { width: 100%; height: 33.333%; background-size: cover !important; }
.main-project-list-container { padding-top: 80%; top: 0; }
.accordion-bg-list .accordion-bg-item { position: absolute; top: 0px; width: 100% !important; height: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(2) { left: 0% !important; top: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(3) { top: 66.6666% !important; left: 0% !important; } 
ul.accordion-over-list li.accordion-over-item aside.accordion-detail-con{ padding: 20px 20px ; }
ul.accordion-over-list li:nth-child(2).accordion-over-item aside.accordion-detail-con.con-ed{ height: 100%; width: 40%;}
ul.accordion-over-list li:nth-child(1).accordion-over-item aside.accordion-detail-con,
ul.accordion-over-list li:nth-child(3).accordion-over-item aside.accordion-detail-con{ height: 100%; max-width: 30%; min-width: 40%;} 
/* .accordion-over-item .accordion-detail-con { height: 100%; width: 40%; } */ 
.accordion-detail-con h1 { font-size: 25px; color: #fff; font-weight: 300; }
.accordion-detail-con ul { margin: 10px 0px 10px 20px; }
.accordion-detail-con ul li { line-height: 28px; font-size: 14px; font-weight: 400; }
.accordion-over-item .accordion-detail-con .read-more-btn { display: inline-block; 
/* font-size: 14px; border: 1px solid #fff; padding: 12px 18px; */
font-size: 13px; border: 1px solid #fff; padding: 9px 15px;
color: #fff; font-weight: 400; }

}




@media only screen and (min-width: 240px) and (max-width: 639px){ 
.accordion-over-item { width: 100%; height: 33.333%; background-size: cover !important; }
.main-project-list-container { padding-top: 80%; top: 0; }
.accordion-bg-list .accordion-bg-item { position: absolute; top: 0px; width: 100% !important; height: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(2) { left: 0% !important; top: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(3) { top: 66.6666% !important; left: 0% !important; } 
ul.accordion-over-list li.accordion-over-item aside.accordion-detail-con{ padding: 20px 20px ; }
ul.accordion-over-list li:nth-child(2).accordion-over-item aside.accordion-detail-con.con-ed{ height: 100%; padding: 40px 40px !important; max-width: 100%; min-width: 100%;}
ul.accordion-over-list li:nth-child(1).accordion-over-item aside.accordion-detail-con,
ul.accordion-over-list li:nth-child(3).accordion-over-item aside.accordion-detail-con{ height: 100%; padding: 40px 40px !important; max-width: 100%; min-width: 100%;} 
/* .accordion-over-item .accordion-detail-con { height: 100%; width: 40%; } */ 
.accordion-detail-con h1 { font-size: 25px; color: #fff; font-weight: 300; }
.accordion-detail-con ul { margin: 10px 0px 10px 20px; }
.accordion-detail-con ul li { line-height: 28px; font-size: 14px; font-weight: 400; }
.accordion-over-item .accordion-detail-con .read-more-btn { display: inline-block; 
/* font-size: 14px; border: 1px solid #fff; padding: 12px 18px; */
font-size: 13px; border: 1px solid #fff; padding: 9px 15px;
color: #fff; font-weight: 400; }

}













@media only screen and (min-width: 640px) and (max-width: 926px){

}


/*
@media only screen and (min-width: 768px) and (max-width: 960px) {

.accordion-over-item { width: 100%; height: 33.333%; }
.main-project-list-container { padding-top: 80%; top: 0; }
.accordion-bg-list .accordion-bg-item { position: absolute; top: 0px; width: 100% !important; height: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(2) { left: 0% !important; top: 33.3333%; }
.accordion-bg-list .accordion-bg-item:nth-child(3) { top: 66.6666% !important; left: 0% !important; }
.accordion-bg-list .accordion-bg-item:nth-child(1) { left: 0%; z-index: 9999; }

.accordion-detail-con h1 { font-size: 25px; color: #fff; }
.accordion-detail-con ul { margin: 20px 0px 20px 20px; }
.accordion-detail-con ul li { line-height: 28px; font-size: 14px; font-weight: 400; }
.accordion-over-item .accordion-detail-con .read-more-btn { display: inline-block; font-size: 14px; border: 1px solid #fff; padding: 12px 18px; color: #fff; font-weight: 400; }

}

@media only screen and (min-width:240px) and (max-width: 479px){

}
 */