@import url("menu.css");
@import url("jssor.css");
@import url("layout.css");
@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');


#loader.loadComplete,
#loader.loadComplete > span {
  visibility: hidden;
  opacity: 0;
}

.delighter {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}

.delighter.started {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .solution-item.delighter.started {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }
}

/* loader */
#loader {
  -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #FFF;
  top: 0;
  left: 0;
  z-index: 99999;
  visibility: visible;
  opacity: 1;
}

#loader > span {
  -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
  background-image: url(../images/loader-logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30vw;
  max-width: 120px;
  height: 124px;
  background-position: 50%;
  display: block;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: loaderAnime 0.5s ease-in-out;
  animation: loaderAnime 0.5s ease-in-out;
}
@-webkit-keyframes loaderAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.title{
	width:100%;
	position:relative;
	margin:0 0 40px 0;
}
.title:before{
	content:"";
	display:block;
	width:50px; 
	height:2px;
	background:#000;
	position:absolute;
	top:20px;
	left:0;
}
.title p{
	padding:0 0 0 60px;
	box-sizing:border-box;
	font-size:2rem;
}
.title p span{
	display:block;
	font:0.9rem Arial, Helvetica, sans-serif;
	letter-spacing:4px;
	margin:5px 0;
}
ul.page {
  display: table;
  margin: 30px auto;
}
.page li{
	font-size:1.1rem;
	line-height:45px;
	float:left;
	width:130px;
}
.page li a{
	display:block;
	color:#000;
	font-family: 'Quicksand', sans-serif;
}
.page li a:hover{
}
.page li:nth-child(1){
	height:45px;
	border:1px solid #000;
	letter-spacing:2px;
	position:relative;
	text-indent:70px;
}
.page li:nth-child(1) a:before{
	content:"";
	display:inline-block;
	width:8px;
	height:15px;
	background: url(../images/btprev.png) no-repeat;
	position:absolute;
	top:15px;
	left:20px;
}
.page li:nth-child(1) a:hover{
	background:#eee;
	color:#0e1637;
}
.page li:nth-child(2){
	text-align:center;
	margin:0 20px;
}
.page li:nth-child(2) select{
	width:80px;
	height:45px;
	background:none;
	color:#000;
	border:1px solid #000;
}
.page li:nth-child(3){
	height:45px;
	border:1px solid #000;
	letter-spacing:2px;
	position:relative;
	text-indent:15px;
}
.page li:nth-child(3) a:after{
	content:"";
	display:inline-block;
	width:8px;
	height:15px;
	background: url(../images/btnext.png) no-repeat;
	position:absolute;
	top:15px;
	right:20px;
}
.page li:nth-child(3) a:hover{
	background:#eee;
	color:#0e1637;
}
.yufubg{
	width:100%;
	height:530px;
	background:url(../images/aboutbg.jpg) no-repeat;
	padding:65px 0 0 0;
	box-sizing:border-box;
}
.ceobg{
	width:100%;
	height:auto;
	overflow:hidden;
}
.about-left{
	width:52%;
	float:left;
	margin:50px 0 0 0;
}
.about-right{
	width:48%;
	float:right;
	padding:30px 130px 0 40px;
	box-sizing:border-box;
	margin:50px 0 0 0;
}
.philosophy{
	font-size:3rem;
	font-weight:bold;
	text-align:right;
	margin:50px 0;
}
.philosophy span{
	display:block;
	font-size:0.9rem;
	font-weight:normal;
	letter-spacing:4px;
	padding:8px 0;
	box-sizing: border-box;
}
.text-1{
	font-size:1.5rem;
	font-weight:bold;
	color:#555;
	margin:40px 0;
}
.text-2{
	font-size:1.1rem;
	line-height:2;
	color:#555;
}
.text-3{
	font-size:2rem;
	text-align:center;
	font-weight:bold;
	margin:40px 0 120px 0;
}
.text-4{
	width:47%;
	margin:0 auto;
}
.yufu{
	width:130px;
	margin:0 auto;
	text-align:center;
	font-size:0.9rem;
}
.yufu span{
	display:block;
	font-size:1.7rem;
	border-top:1px solid #6ad8cf;
	padding:5px 0;
	box-sizing:border-box;
	margin:5px 0 0 0;
}
.ceo{
	font-size:3rem;
	font-weight:bold;
	margin:0 0 50px 0;
}
.ceo span{
	display:block;
	font-size:0.9rem;
	font-weight:normal;
	letter-spacing:4px;
	padding:8px 0;
	box-sizing: border-box;
}
.ceo-section{
	width:100%;
	padding:60px;
}
.ceo-left{
	width:40%;
	float:left;
}
.ceopic{
	width:40%;
}
.selectInner{
	width:82%;
	margin:0 auto;
	position: relative;
	background:url(../images/ceobg.png);
	padding:0 150px;
	box-sizing:border-box;
}

/*02*/
.public-list{
	width:100%;
	overflow:hidden;
}
.public-list li{
	width:32%;
	float:left;
	margin:0 0 30px 0;
	-webkit-transition: 0.5s;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
}
.public-list li:nth-child(3n+2){
	margin:0 2% 30px 2%;
}
.public-list li a{
	display:block;
}
.public-title{
	font-size:1.3rem;
	line-height:50px;
	height:50px;
	font-weight:bold;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-text{
	font-size:0.9rem;
	line-height:1.5;
	color:#a6a7ae;
	letter-spacing:1px;
	padding:0 0 10px 0;
	box-sizing:border-box;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	clear:both;
}
.news_images {
  position: relative;
  cursor:pointer;
}
.news_image a{
	display:block;
}
.hot_body {
  background: rgba(106, 216, 207, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding:6rem 0 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hot_body:hover {
  opacity: 1;
}
.hot_body:after, .hot_body:before {
  border: 1px solid rgba(255, 255, 255, 0.9);
  bottom: 1rem;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}
.hot_body:before {
  border-bottom: none;
  border-top: none;
  left: 1em;
  right: 1em;
}
.hot_body:after {
  border-left: none;
  border-right: none;
  bottom: 1em;
  top: 1em;
}
.hot_body:hover:after, .hot_body:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.readmore{
	font-size:1.5rem;
	font-style:italic;
	color:#fff;
	font-weight:bold;
}
.readmore span{
	display:inline-block;
	border-bottom:2px solid #fff;
	padding:0 0 5px 0;
	box-sizing:border-box;
}
.public-wrap{
	width:928px;
	margin:0 auto;
}
.public-date{
	font-size:0.9rem;
	color:#6b6b6b;
	padding:0 0 0 20px;
	box-sizing:border-box;
}
.public-2-title{
	font-size:1.7rem;
	font-weight:bold;
	border-bottom:4px solid #6ad8cf;
	padding:10px 0 10px 20px;
	box-sizing:border-box;
	margin:0 0 30px 0;
}
.public-main{
	width:100%;
	margin:20px 0 0 0;
}
.public-main::before{
	content:"";
	display:block;
	width:100%;
	height:45px;
	background:url(../images/bg3.png) no-repeat;
}
.public-main::after{
	content:"";
	display:block;
	width:100%;
	height:45px;
	background:url(../images/bg3.png) no-repeat bottom;
}
.text-wrap{
	background:url(../images/bg4.png) repeat-y;
	padding:20px 50px 20px 60px;
	box-sizing:border-box;
}
.textstyle{
	font-size:1.1rem;
	line-height:1.8;
	letter-spacing:2px;
}
.back{
	width:200px;
	height:50px;
	margin:20px auto;
}
.back a{
	display:block;
	width:200px;
	height:50px;
	font-size:1.1rem;
	line-height:50px;
	font-weight:bold;
	color:#000;
	border:1px solid #000;
	text-align:center;
}
.back a:hover{
	background:#000;
	color:#fff;
}
/*工法*/
.craft-title{ 
    width:100%; 
	font-size:1.5rem; 
	border-bottom:1px solid #6ad8cf;
	border-top:3px solid #6ad8cf;
	margin:20px 0;
 }
.c01{ 
    background:#6ad8cf; 
	color:#fff; padding:20px 0; 
	box-sizing:border-box; display:inline-block; 
	width:22%;
	 text-align:center; 
}
.c02{
	display:inline-block; 
	width:76%; 
	text-align:right;
    color:#6ad8cf;
}
.c03{ 
    padding:20px 0; 
	box-sizing:border-box; 
	display:inline-block; 
	width:22%;
}
.craft-left{ 
    width:25%; 
	float:left; 
	padding:0 3% 0 0; 
	box-sizing:border-box;
}
.craft-right{ 
    width:75%; 
	float:left; 
	padding:0 20px 20px 20px; 
	box-sizing:border-box;
}
.craft{ width:100%;}
.craft-right iframe{ 
     width:100%; 
	 height:500px;
}
.step-info{ 
    width:20%; 
	float:left;
	 margin:30px 0 0 0;
}
.step-text{ 
    width:60%; 
    float:right;
	margin:30px 0 0 0; 
	font-size:1.2rem; 
	line-height:2;
}
.contact-list { 
    text-align:center; 
	border-bottom:1px solid #CCC; 
	height:50px; 
	margin-bottom:30px;
}
.contact-list ul { 
    display:inline-block;
}
.contact-list li{ 
    padding:0 10px;
	height:50px; 
	float:left; 
	font-size:1.2rem; 
	line-height:50px;
	font-weight:bold;
	text-align:center; 
	margin:0 18px;
}
.contact-list li a{ color:#999; }
.contact-list li.current{ 
    background:url(../images/contact.png) center;
	color:#6ad8cf;
}
.select-city{ 
    display:none; 
	width:100%; 
	height:40px; 
	margin:20px 0; 
	font-size:17px;
	font-family:"微軟正黑體 Light";
	border:1px solid #ccc;
}
.qa-list{}
.qa-list li{ 
	padding:30px 0 0 90px; 
	box-sizing:border-box; 
	margin-bottom:40px;
	background:url(../images/qq.png) no-repeat;
	background-size:80px 80px;
}
.qa-style-2{ 
     font-size:1.8rem; 
	 font-weight:bold;
}
.qa-text{ 
     font-size:1.1rem; 
	 line-height:1.8;
	 letter-spacing:1px;
}
.qa-text:before{
	 content:""; 
	 display:block; 
	 width:20px; 
	 height:5px; 
	 background:#000; 
	 margin:30px 0;
}
.city-text{ 
     font-size:1.3rem; 
	 line-height:1.8; 
	 font-weight:bold;
}
.search{ 
     width:60%; 
	 margin:30px 0 30px 40%; 
	 overflow:hidden;
}
.search li{ 
     font-size:18px; 
	 line-height:36px; 
	 float:left;
}
.search li input[type="text"]{ 
     width:100%; 
	 height:34px;
	 background:#fff; 
	 border:1px solid #ccc; 
}
.search li input[type="submit"]{ 
     width:85%; 
	 height:36px; 
	 background:#fff; 
	 border:1px solid #ccc; 
	 cursor:pointer;
	 color:#555;
}
.search li:nth-child(1){ 
     width:20%;
}
.search li:nth-child(2){ 
     width:60%; 
}
.search li:nth-child(3){ 
     width:20%; 
	 text-align:center; 
}
.city-1, .city-2{ 
     width:100%; 
	 overflow:hidden;
}
.city-1 li{ 
     font-size:1.4rem; 
	 line-height:50px; 
	 font-weight:bold;
}
.city-1 li:nth-child(1){ 
     background:#6ad8cf; 
	 color:#fff; 
	 text-align:center; 
	 width:80%; 
	 float:left;
}
.city-1 li:nth-child(2){ 
     background:#6ad8cf; 
	 color:#fff; 
	 text-align:center; 
	 width:20%; 
	 float:left; 
}
.city-2 li{ 
     font-size:1.3rem; 
	 line-height:40px;
	 letter-spacing:1px;
	 border-bottom:1px solid #ccc;
	 background:#fff;
}
.city-2 li img{ 
     width:40px; 
	 height:40px;
}
.city-2 li:nth-child(odd){ 
     width:80%; 
	 float:left; 
	 padding:10px 0 10px 30px; 
	 box-sizing:border-box; 
}
.city-2 li:nth-child(even){ 
     text-align:center; 
	 width:20%; 
	 float:left;  
	 padding:10px 0; 
	 box-sizing:border-box; 
}
.city-2 a{ 
    display:block; 
	height:40px;
}
.city-2 a:hover{ opacity:0.7;}

.contact{
	width:92%;
	margin:0 auto;
	overflow:hidden;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.contact li{
	float:left;
}
.cyan-content{
	width:40%;
	text-align:center;
	background:#6ad8cf;
	padding:80px 0 0 0;
	box-sizing:border-box;
}
.form-content{
	width:60%;
	background:#fff;
	padding:50px;
	box-sizing:border-box;
}
.cyan-content img{
	width:45%;
}
.hotpink{
	color:#e4007f;
}
.repair{
}
.repair li{
	font-size:1.2rem;
	line-height:36px;
}
.repair li:nth-child(odd){
	width:49%;
	margin:0 1% 0 0;
	text-align:left;
	padding:2px 0 7px 0;
	box-sizing:border-box;
}
.repair li:nth-child(even){
	width:50%;
	padding:2px 0 7px 0;
	box-sizing:border-box;
}
.repair li.w100{
	width:100%;
	margin:0;
}
.repair li.w20{
	width:19%;
	margin:0;
}
.repair li.w30{
	width:30%;
	margin:0 1% 0 0;
}
.repair li.w50{
	width:50%;
	margin:0 0 0 0;
}
.repair li.w20 img{
	vertical-align:middle;
}
.repair li.w50 a{
	color:#000;
	text-decoration:underline;
}
.repair li:last-child{
	width:100%;
	text-align:center;
}
input[type="text"]{
	width:100%;
	height:36px;
	padding:3px;
	box-sizing:border-box;
	background:#f6f6f6;
	border:0;
}
input[type="password"]{
	width:100%;
	height:36px;
	padding:3px;
	box-sizing:border-box;
	background:#f6f6f6;
	border:0;
}
textarea{
	width:100%;
	height:120px;
	max-width:100%;
	max-height:120px;
	background:#f6f6f6;
	border:0;
}
select{
	width:100%;
	height:36px;
	background:#f6f6f6;
	border:0;
	font-size:16px;
}
input[type="submit"]{
	width:200px;
	height:46px;
	font-size:16px;
	background:#e4007f;
	color:#fff;
	border:0;
	cursor:pointer;
}
.c-style{
	font-size:1.3rem;
	line-height:2;
	color:#fff;
	font-weight:bold;
	margin:50px 0;
}
.view{
}
.view li{
	font-size:1.2rem;
	line-height:36px;
}
.view li a{
	color:#000;
	text-decoration:underline;
}
.view li:nth-child(odd){
	width:35%;
	float:left;
	padding:8px 0 8px 40px;
	box-sizing:border-box;
}
.view li:nth-child(even){
	width:65%;
	float:left;
	padding:8px 0;
	box-sizing:border-box;
}
.view li.w100{
	width:100%;
}
.view li.w40{
	width:40%;
}
.view li.w25{
	width:25%;
	padding:8px;
}
.recruit-wrap{
	width:80%;
	margin:0 auto;
}
.recruit-style{
	font-size:1.5rem;
	font-family: 'Dosis', sans-serif;
	margin:0 0 20px 0;
}
.recruit{
	width:100%;
	margin:0 auto;
	padding:20px 30px;
	box-sizing:border-box;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}
.recruit li{
	font-size:1.1rem;
	line-height:1.8;
	padding:15px 0;
	box-sizing:border-box;
	letter-spacing:2px;
}
.recruit li:nth-child(odd){
	width:20%;
}
.recruit li:nth-child(even){
	width:80%;
}
.applybox{
	width:200px;
	margin:60px auto 30px auto;
	border:1px solid #6ad8cf;
	text-align:center;
	background:#fff;
}
.applybox p{
	font-size:2.5rem;
	line-height:1.2;
	color:#6ad8cf;
	font-weight:bold;
	padding:30px;
	box-sizing:border-box;
	letter-spacing:10px;
}
.applylink{
	width:100%;
	background:#6ad8cf;
	padding:5px 0;
}
.applylink a{
	margin:0 5px;
}
.login-wrap{
	width:700px;
	margin:70px auto 30px auto;
	background:#fff;
	padding:50px;
	box-sizing:border-box;
	box-shadow:1px 1px 15px #eee;
}
.login{
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.login li{
	font-size:1.1rem;
	line-height:36px;
	padding:8px 0;
	box-sizing:border-box;
}
.login li:nth-child(odd){
	width:25%;
}
.login li:nth-child(even){
	width:75%;
} 
.login li:nth-last-child(4){
	width:50%;
}
.login li:nth-last-child(3){
	width:25%;
	text-align:center;
}
.login li.w100{
	width:100%;
}
.login li a{
	color:#000;
	text-decoration:underline;
}
.list{
	width:100%;
	overflow:hidden;
}
.list li{
	width:30%;
	margin:0 0 30px 0;
	float:left;
}
.list li:nth-child(3n+2){
	margin:0 5% 30px 5%;
}

.listbox{
	width:95%;
	background:rgba(255,255,255,0.8);
	padding:20px;
	box-sizing:border-box;
	position:relative;
	margin-top:-5%;
	left:5%;
}
.list .listimg{
	width:95%;
	position:relative;
	overflow:hidden;
}
.list img{
	-webkit-transform: scale(1.0);
	-webkit-transition:0.3s;
}
.list a:hover img{
	-webkit-transform: scale(1.1);
	-webkit-transition:0.3s;
}
.listdate{
	font-size:0.9rem;
	color:#fff;
	margin:0 0 10px 0;
}
.listdate span{
	padding:5px;
	background:#000;
}
.listdate-2{
	font-size:0.9rem;
	color:#000;
	text-align:right;
}
.listtitle{
	font-size:1.4rem;
	color:#000;
	line-height:1.5;
	font-weight:bold;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.listtitle-2{
	font-size:1.5rem;
	color:#000;
	line-height:1.5;
	font-weight:bold;
}
.list-wrap{
	width:928px;
	margin:20px auto 0 auto;
}
.list-wrap::before{
	content:"";
	display:block;
	width:100%;
	height:45px;
	background:url(../images/bg3.png) no-repeat;
}
.list-wrap::after{
	content:"";
	display:block;
	width:100%;
	height:45px;
	background:url(../images/bg3.png) no-repeat bottom;
}
.line{
	width:2px;
	height:90px;
	background:#dcd3c7;
	margin:60px auto;
}
.listshow{
	margin:40px 0;
}
.city{
	margin:80px 0 60px 0;
}
.cityimg{
	position:relative;
	overflow:hidden;
}
.cityimg img{
	-webkit-transform: scale(1.0);
	-webkit-transition:0.3s;
}
.cityimg a:hover img{
	-webkit-transform: scale(1.1);
	-webkit-transition:0.3s;
}

.citydate{
	font-size:0.9rem;
	color:#555;
}
.city-wrap{
	width:55%;
	margin:0 auto;
}
.city-subtitle{
	font-size:1.8rem;
	color:#6ad8cf;
	text-align:center;
	border-bottom:1px solid #6ad8cf;
	border-top:2px solid #6ad8cf;
	padding:15px 0;
	box-sizing:border-box;
	margin:0 0 20px 0;
}
.city-date{
	font-size:1.5rem;
}
.city-date span{
	display:inline-block;
	border-bottom:1px solid #000;
	padding:0 0 10px 0;
}
.city-title{
	font-size:2.3rem;
	color:#6ad8cf;
	margin:30px 0;
	font-weight:bold;
}
.city-title-2{
	font-size:1.5rem;
	margin:60px 0 30px 0;
	font-weight:bold;
}
.city-text-2{
	font-size:1.1rem;
	line-height:1.6;
	letter-spacing:3px;
}
.citylist{
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #000;
	margin:50px 0;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.citylist li{ 
   font-size:1.1rem; 
   line-height:30px; 
   padding:12px 0; 
   box-sizing:border-box; 
   border-bottom:1px solid #888; 
   color:#000;
   letter-spacing:1px;
}
.citylist li:nth-child(odd){
   width:20%; 
   float:left;
   text-align:center; 
   font-weight:bold;
}
.citylist li:nth-child(even){ 
   width:80%; 
   float:left;
    font-weight:200;
}
.citydown{
	width: 100%;
    overflow: hidden;
    border-top:3px solid #000;
}
.citydown li{ 
   font-size:1.1rem; 
   line-height:30px; 
   padding:12px 0; 
   box-sizing:border-box; 
   border-bottom:1px solid #999; 
   color:#000;
   letter-spacing:1px;
   float:left;
}
.citydown li:nth-child(3n+1){
	width:25%;
	text-align:center;
}
.citydown li:nth-child(3n+2){
	width:60%;
	text-align:left;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.citydown li:nth-child(3n+3){
	width:15%;
	text-align:center;
}
.download{
	width:30px; 
	height:30px;
	background:url(../images/download.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
	margin:0 auto;
}
.download a{
	display:block;
}
.news-list{
	width:100%;
}
.news-list li{
	margin:0 0 30px 0;
	background:#fff;
	overflow:hidden;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.news-pic{
	width:30%;
	float:left;
	overflow:hidden;
}
.news-pic img{
	display:block;
	-webkit-transform: scale(1.0);
	-webkit-transition:0.3s;
}
.news-pic a:hover img{
	-webkit-transform: scale(1.2);
}
.news-right{
	width:60%;
	float:left;
	padding:30px 0 20px 0;
	box-sizing:border-box;
}
.news-bt{
	width:50px;
	float:right;
}
.news-bt a{
	display:block;
	width:100%;
	height:100%;
	background:#6ad8cf;
	margin: auto;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.news-date{
	font-size:1rem;
	font-family:Verdana, Geneva, sans-serif;
	line-height:24px;
}
.item-1{
	padding:4px 15px;
	background:#f0b9cf;
	margin:0 0 0 20px;
	border-radius:15px;
	color:#fff;
}
.item-2{
	padding:4px 15px;
	background:#c9b18f;
	margin:0 0 0 20px;
	border-radius:15px;
	color:#fff;
}
.news-title{
	font-size:1.5rem;
	font-weight:bold;
	margin:30px 0;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-txt{
	font-size:1rem;
	line-height:26px;
	overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.news-select{
	width:200px;
	margin:0 auto 30px auto;
}
.news-select select{
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
}
.newcase{
	width:100%;
	overflow:hidden;
}
.newcase li{
	position:relative;
	margin-bottom:60px;
}
.newcase li:nth-child(1){
	width:55%;
	float:left;
	left:0;
}
.newcase li:nth-child(2){
	width:40%;
	float:left;
	left:5%;
	background: url(../images/03/bg1.png) no-repeat;
	background-size:contain;
	padding:50px;
	box-sizing:border-box;
}
.newcase li:nth-child(3){
	width:55%;
	float:right;
	top:0;
	left:0;
}
.newcase li:nth-child(4){
	width:40%;
	float:right;
	right:5%;
	background: url(../images/03/bg2.png) no-repeat;
	background-size:contain;
	padding:50px;
	box-sizing:border-box;
}
.newcasetitle{
	font-size:2.1rem;
	color:#fff;
}
.newcasetitle:after{
	content:"";
	display:block;
	width:50px;
	height:4px;
	background:#fff;
	margin:20px 0;
}
.newcasetxt{
	width:80%;
	font-size:1.1rem;
	line-height:2;
	letter-spacing:2px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	color:#fff;
}
.newcaseyear{
	font-size:0.9rem;
	color:#fff;
	text-align:right;
	padding:40px 30px 0 0;
}
.newcaseyear:before{
	content:"";
	display:inline-block;
	width:100px;
	height:1px;
	background:#fff;
	margin:0 8px 4px 0;
}
.hotel{
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.hotel li{
	float:left;
	background:#fff;
	margin:0 0 50px 0;
}
.hotel li:nth-child(odd){
	width:75%;
}
.hotel li:nth-child(even){
	width:25%;
	padding:60px 40px;
	box-sizing:border-box;
	position:relative;
}
.hoteltitle{
	font-size:2.1rem;
}
.hotelyear{
	font-size:0.9rem;
	color:#666;
	text-align:right;
	padding:40px 30px 0 0;
}
.hotelyear:before{
	content:"";
	display:inline-block;
	width:100px;
	height:1px;
	background:#666;
	margin:0 8px 4px 0;
}
.hotel-bt{
	width:80px;
	height:80px;
	position:absolute;
	bottom:7%;
}
.hotel-bt a{
	display:block;
	width:80px;
	height:80px;
	line-height:90px;
	background:#6ad8cf;
	text-align:center;
}
.hotel-bt a:hover{
	background:#39c0b5;
}
.detail{ 
   width:100%; 
   padding:40px; 
   box-sizing:border-box; 
   overflow:hidden;
   margin:0 0 50px 0;
   background:#fff;
}
.case-title{ 
   font-size:1.6rem; 
   letter-spacing:1px;
   font-weight:bold;
   color:#555;
   margin:0 0 20px 0;
}
.case-title span{
	display:inline-block;
	padding-bottom:7px;
	border-bottom:1px solid #000;
}
.case-text{ 
   font-size:1.1rem; 
   line-height:1.8; 
}
.case-right{ 
   width:50%; 
   float:right;
}
.case-left{ 
   width:47%; 
   float:left;
}
.case-name{ 
   font-size:2rem;
   color:#6ad8cf; 
   letter-spacing:2px; 
   text-align:right;
   font-weight:bold;
   margin:0 0 20px 0;
}
.gallery{
    width:90%;
	margin:30px auto;
}
.video{
	width:50%;
	height:400px;
	margin:0 auto 30px auto;
}
.viewbt{
	width:200px;
	height:50px;
	font-size:1.2rem;
	line-height:50px;
	text-align:center;
	float:right;
}
.viewbt a{
	display:block;
	border:1px solid #000;
	color:#000;
	background:url(../images/03/more.png) no-repeat 165px 12px;
}
.viewbt a:hover{
	background:url(../images/03/more.png) no-repeat 170px 12px;
}
.portfolio{
	width:100%;
	display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.portfolio li{
	position:relative;
	margin-bottom:60px;
}
.portfolio li a img{
	overflow:hidden;
	-webkit-transform: scale(1.0);
	-webkit-transition:0.3s;
}
.portfolio li a:hover img{
	-webkit-transform: scale(1.05);
} 
.portfolio li:nth-child(1), .portfolio li:nth-child(5){
	width:65%;
	float:left;
	left:0;
}
.portfolio li:nth-child(2), .portfolio li:nth-child(6){
	width:35%;
	float:right;
	right:5%;
}
.portfolio li:nth-child(3){
	width:65%;
	float:right;
	left:30%;
}
.portfolio li:nth-child(4){
	width:35%;
	float:left;
	right:65%;
}
.casebox{
	padding:35px 30px;
	box-sizing:border-box;
	background:#fff;
	position:absolute;
	bottom:0;
}
.caseyear{
	position:absolute;
	top:-20px;
	right:0;
}
.caseyear span{
	padding:4px 10px;
	box-sizing:border-box;
	background:#6ad8cf;
	font-size:2.4rem;
	font-family:"Arial Black", sans-serif;
	font-style:italic;
	color:#fff;
}
.case-txt{
	font-size:1rem;
	line-height:1.6;
	margin-bottom:15px;
	overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}

/*INDEX*/
.cyanbg{
	background:#d1f4f1;
}
.whitebg{
	background:#fff;
}
.hometitle{
	font-size:0.8rem;
	color:#b1b1b1;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	margin:0 0 50px 0;
}
.hometitle p{
	font-size:1.7rem;
	font-weight:bold;
	color:#000;
}
.hometitle p span{
	content:"";
	display:inline-block;
	border-top:1px solid #6ad8cf;
	padding-top:5px;
	box-sizing:border-box;
	margin:5px 0 0 0;
}
.indextitle{
	font-size:0.8rem;
	color:#b1b1b1;
	font-weight:normal;
}
.indextitle span{
    display:block;
	font-size:1.7rem;
	font-weight:bold;
	color:#000;
}
.map{
	width:100%;
	overflow:hidden;
}
.map li{
	width:50%;
	float:left;
}
.map li p{
	font:1.1rem;
	line-height:1.8;
}
.map li:nth-child(odd){
	padding:0 140px 0 0;
	box-sizing:border-box;
}
.map li:nth-child(even){
}
.map-margin{
	margin:40px 0;
}
.homehotsale{
	width:100%;
	overflow:hidden;
}
.homehotsale li{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.homehotsale li:nth-child(odd){
	padding:0 40px;
}
.homehotsale li:nth-child(even){
	padding:100px 0 0 0;
}
.homesalebox{
	background:#6ad8cf;
	padding:50px;
}
.homesalebox p{
	font-size:1.7rem;
	color:#fff;
	font-weight:bold;
	margin:0 0 30px 0;
}
.hometext{
	font-size:1.1rrem;
	line-height:1.8;
	color:#fff;
	letter-spacing:2px;
}
.morebt{
	width:140px;
	height:40px;
	border:1px solid #000;
	font-size:18px;
	text-align:center;
	line-height:40px;
	position:relative;
	margin:30px 0 0 0;
}
.morebt a{
	display:block;
	color:#000;
}
.morebt a:hover{
	background:#000;
	color:#fff;
}
.morebt span{
	display:block;
	width:40px;
	height:1px;
	background:#000;
	position:absolute;
	top:20px;
	right:-20px;
}
.morebt-2{
	width:140px;
	height:40px;
	border:1px solid #fff;
	font-size:18px;
	text-align:center;
	line-height:40px;
	position:relative;
	margin:30px 0 0 0;
}
.morebt-2 a{
	display:block;
	color:#fff;
}
.morebt-2 a:hover{
	background:#fff;
	color:#6ad8cf;
}
.morebt-2 span{
	display:block;
	width:40px;
	height:1px;
	background:#fff;
	position:absolute;
	top:20px;
	right:-20px;
}
.morebt-3{
	width:100px;
	height:40px;
	font-size:18px;
	line-height:40px;
}
.morebt-3 a{
	display:block;
	color:#606060;
	background:url(../images/03/more.png) no-repeat right center;
}
.morebt-3 a:hover{
	color:#000;
}
.homenews{
	width:100%;
	margin:50px 0;
}
.homenews li{
	width:100%;
	border-bottom:1px solid #ddd;
	font-size:1.2rem;
	line-height:40px;
}
.homenews li a{
	display:block;
	color:#000;
	padding:17px 0;
	box-sizing:border-box;
	overflow:hidden;
}
.homenews li a:hover{
	-webkit-box-shadow: 1px 0px 14px rgba(106, 216, 207, 0.8);
          box-shadow: 1px 0px 14px rgba(106, 216, 207, 0.8);
}
.homedate{
	width:20%;
	float:left;
	text-align:center;
}
.homenewstitle{
	width:80%;
	float:left;
}

.charity_images {
  position: relative;
  cursor:pointer;
}
.charity_image a{
	display:block;
}
.charity_body {
  background: rgba(0,0,0, 0.8);
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding:3rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.charity_body:hover {
  opacity: 1;
}
.charity_body h6{
	font-size:0.9rem;
	color:#fff;
	line-height:1.5;
}
.charity_body p{
	font-size:1.1rem;
	color:#6ad8cf;
	letter-spacing:2px;
	line-height:1.5;
}
.charity{
	margin-bottom:50px;
}



@media (max-width: 1366px) {
.ceo-section{
	padding:100px 0 0 10%;
}
}

@media (max-width: 1024px) {
.title:before{
	width:30px; 
	background:#555;
	top:15px;
	left:0;
}
.title p{
	padding:0 0 0 40px;
	font-size:1.6rem;
}
.map li{
	width:100%;
	float:left;
}
.map li:nth-child(odd){
	padding:0;
}
.map li:nth-child(even){
	padding:30px;
	box-sizing:border-box;
}
.map-margin{
	margin:20px 0;
}
.homehotsale li:nth-child(even){
	padding:30px 0 0 0;
}
.about-left{
	width:100%;
	float:none;
	margin:30px 0 0 0;
}
.about-right{
	width:90%;
	float:none;
	padding:0;
	margin:0 auto;
}
.yufubg{
	height:auto;
	background:url(../images/aboutbg.jpg) no-repeat center bottom;
	padding:30px 0;
}
.text-1{
	margin:20px 0;
}
.text-3{
	margin:30px 0;
}
.text-4{
	width:90%;
}
.ceobg{
	height:auto;
	background:none;
}
.ceo-section{
	padding:50px 0 0 5%;
}
.ceopic{
	display:block;
}
.ceo{
	font-size:2rem;
	margin:0 0 20px 0;
}
.philosophy{
	font-size:2rem;
	margin:30px 0;
}
.public-list li{
	width:48%;
	padding:15px;
	margin:0 2% 30px 0;
}
.public-list li:nth-child(3n+2){
	margin:0 2% 30px 0;
}
.public-wrap{
	width:100%;
}
.public-main::before{
	content:"";
	display:none;
}
.public-main::after{
	content:"";
	display:none;
}
.text-wrap{
	background:#fff;
	box-shadow:1px 1px 15px #eee;
	padding:30px;
}
.craft-left{ 
    width:100%; 
	float:none; 
	padding:0 0 20px 0; 
}
.craft-right{ 
    width:100%; 
	float:none; 
}
.craft-right iframe{ 
	 height:450px;
}
.step-info{ 
    width:215px; 
	float:none;
}
.step-text{ 
    width:100%; 
    float:none;
}
.c01{ 
	padding:15px 0; 
	display:block; 
	width:100%;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
}
.c02{
	display:block; 
	width:100%; 
	text-align:center;
	padding:15px 0; 
}
.newcase li{
	margin-bottom:0px;
}
.newcase li:nth-child(1){
	width:100%;
	float:none;
	left:0;
}
.newcase li:nth-child(2){
	width:100%;
	float:none;
	left:0;
	background:#49c5bb;
	padding:40px;
	margin:0 0 20px 0;
}
.newcase li:nth-child(3){
	width:100%;
	float:none;
}
.newcase li:nth-child(4){
	width:100%;
	float:none;
	right:0;
	background:#49c5bb;
	padding:40px;
}
.portfolio li{
	margin-bottom:0;
}
.portfolio li:nth-child(1), .portfolio li:nth-child(5){
	width:100%;
	float:none;
	left:0;
}
.portfolio li:nth-child(2), .portfolio li:nth-child(6){
	width:100%;
	float:none;
	right:0;
}
.portfolio li:nth-child(3){
	width:100%;
	float:none;
	left:0;
}
.portfolio li:nth-child(4){
	width:100%;
	float:none;
	right:0;
}
.casebox{
	position:relative;
}
.hotel{
	width:90%;
	margin:20px auto;
	box-shadow:1px 1px 15px #eee;
}
.hotel li{
	float:none;
	margin:0 0 0 0;
}
.hotel li:nth-child(odd){
	width:100%;
}
.hotel li:nth-child(even){
	width:100%;
	padding:40px;
}
.hotel-bt{
	position: relative;
	bottom:0;
}
.hoteltitle{
	font-size:1.7rem;
}
.city-wrap{
	width:100%;
}
.citylist li:nth-child(odd){
   width:30%; 
}
.citylist li:nth-child(even){ 
   width:70%; 
}
.case-right{ 
   width:100%; 
   float:none;
}
.case-left{ 
   width:100%; 
   float:none;
}
.case-name{ 
   text-align:left;
}
.video{
	width:100%;
}
.news-txt{
	display:none;
}
.news-title{
	margin:10px 0;
	font-size:1.4rem;
}
.contact{
	width:100%;
}
.cyan-content{
	width:100%;
	padding:20px;
}
.cyan-content img{
	display:none;
}
.form-content{
	width:100%;
	padding:35px;
}
.c-style{
	margin:20px 0;
}
.recruit-wrap{
	width:100%;
}
.recruit{
	padding:10px;
}
.list li{
	width:48%;
	margin:0 2% 30px 0;
}
.list li:nth-child(3n+2){
	margin:0 2% 30px 0;
}
.listbox{
	width:94%;
	position:relative;
	margin-top:-5%;
	left:3%;
}
.list .listimg{
	width:100%;
}
.listtitle{
	font-size:1.2rem;
}
.list-wrap{
	width:100%;
	margin:20px auto 0 auto;
}
.list-wrap::before{
	content:"";
	display:none;
}
.list-wrap::after{
	content:"";
	display:none;
}
.line{
	height:50px;
	margin:20px auto;
}
.public-2-title{
	font-size:1.4rem;
}
.select-city{
	display:block;
}
.qa-list li{ 
	padding:10px 0 0 60px;
	background-size:50px 50px;
}
.qa-style-2{ 
     font-size:1.5rem; 
}
.qa-text:before{
	 content:""; 
	 height:2px; 
	 background:#999; 
	 margin:10px 0;
}
.search{ 
     width:100%; 
	 margin:30px 0; 
}
.selectInner{
	width:100%;
	padding:0 50px;
}

}



@media (max-width: 768px) {
.homehotsale li{
	width:100%;
	float:left;
}
.homehotsale li:nth-child(odd){
	padding:0 40px;
}
.homehotsale li:nth-child(even){
	padding:0;
}
.homesalebox{
	padding:40px;
}
.homedate{
	width:100%;
	float:none;
}
.homenewstitle{
	width:100%;
	float:none;
	text-align:center;
}
.hot_body {
  padding:4rem 0 0 0;
}
.craft-right iframe{ 
	 height:300px;
}
.citydown li:nth-child(3n+1){
	display:none;
}
.citydown li:nth-child(3n+2){
	width:70%;
}
.citydown li:nth-child(3n+3){
	width:30%;
}
.video{
	height:300px;
}
.news-pic{
	width:100%;
	float:none;
}
.news-right{
	width:100%;
	float:none;
	padding:20px;
}
.news-bt{
	width:100%;
	float:none;
}
.news-bt img{
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.repair li:nth-child(odd){
	width:100%;
	margin:0;
}
.repair li:nth-child(even){
	width:100%;
}
.repair li.w20{
	width:60%;
}
.repair li.w30{
	width:39%;
	margin:0 1% 0 0;
}
.repair li.w50{
	width:100%;
	text-align:center;
	padding: 10px 0;
}
.view li:nth-child(odd){
	width:100%;
	padding:0;
}
.view li:nth-child(even){
	width:100%;
}
.view li.w40{
	width:40%;
}
.view li.w25{
	width:25%;
	padding:8px;
}
.recruit li{
	padding:10px 0;
}
.recruit li:nth-child(odd){
	width:100%;
	font-weight:bold;
	background:#999;
	color:#fff;
	text-align:center;
}
.recruit li:nth-child(even){
	width:100%;
}
.applybox{
	width:60%;
	margin:30px auto;
}
.login-wrap{
	width:100%;
	padding:40px;
}
.login li{
	padding:2px 0;
}
.login li:nth-child(odd){
	width:100%;
}
.login li:nth-child(even){
	width:100%;
} 
.login li:nth-last-child(4){
	width:39%;
	margin:0 1% 0 0;
}
.login li:nth-last-child(3){
	width:60%;
	text-align:left;
}
.list li{
	width:100%;
	margin:0 0 30px 0;
	float:none;
}
.list li:nth-child(3n+2){
	margin:0 0 30px 0;
}
.listshow{
	margin:20px 0 60px 0;
}
.public-list li{
	width:100%;
	margin:0 0 30px 0;
}
.public-list li:nth-child(3n+2){
	margin:0 0 30px 0;
}
.search li:nth-child(1){ 
     width:100%;
}
.search li:nth-child(2){ 
     width:70%; 
}
.search li:nth-child(3){ 
     width:30%; 
}
.page li:nth-child(1){
	display:none;
}
.page li:nth-child(3){
	display:none;
}
.ceo-section{
	width:90%;
	float:none;
	padding:20px 0;
	margin:0 auto;
}
.ceo-left{
	width:80%;
	float:none;
	margin:0 auto;
}
.ceopic{
	width:90%;
	margin:0 auto;
}
.selectInner{
	padding:0 40px;
}
}

@media (max-width: 480px) {
}