@charset "utf-8";
html{
	
	
}
body{
	font-family: "Helvetica Neue",arial, 微软雅黑,微軟雅黑, sans-serif;
	font-size: 14px;
}
.editor{overflow: hidden;}
.editor p{letter-spacing: 0.3px;margin-bottom: 5px;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%!important;max-height: 100%;}
.editor table {max-width: 100%!important;}
.padding-none{
	padding: 0px;
}
#header-box .common-body{
	min-height: 0px;
}
.common-body{
	min-height: 600px;
	max-width: 1292px;
	margin: 0px auto;
}
.main{
	min-height: 600px;
	margin-bottom: 30px;
	position: relative;
}
@media only screen and (max-width: 1200px) {
	.common-body{
		padding: 0px 15px;
	}
}
a{
	-webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}
a:hover{
	-webkit-transform:scale(1.06);
  -moz-transform:scale(1.06);
  -o-transform:scale(1.06);
  -ms-transform:scale(1.06);
  transform:scale(1.06);
}

.short-line{
	width: 34px;
	height: 2px;
	margin: 0px auto;
	background: #fcca0f;
}
/* header */
#header-box{
	padding-top: 30px;
	background: #394050;
}
.header-icon{
	padding: 0px 15px;
}
@media only screen and (max-width: 768px) {
	.header-icon{
		padding: 0px;
	}
}
@media only screen and (max-width: 1200px) {
	#header-box{
		padding-left: 15px;
		padding-right: 15px;
	}
	#header-box .logo-box img{
		width: 150px;
	}
}
#header-box .logo-box{
	float: left;
}
#header-box .btn-box{
	float: right;
}
#header-box .btn-box .header-icon{
	text-align: right;
}
#header-box .btn-box .header-icon img:not(:last-child){
	margin-right: 5px;
}
#header-box .btn-box .menu-box{
	margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
	#header-box .btn-box .menu-box{
		margin-top: 10px;
	}
}
#header-box .btn-box .menu-box .menu-bar{
	/*margin-right: -15px;*/
	display: table;
}
#header-box .btn-box .menu-box .menu-bar li{
	display: table-cell;
}
#header-box .btn-box .menu-box .menu-bar .active{
	border-bottom: 5px #fcca0f solid;
}
#header-box .btn-box .menu-box .menu-bar a{
	font-size: 16px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	#header-box .btn-box .menu-box .menu-bar a{
		font-size: 12px;
	}
}

#header-box .btn-box .menu-box .menu-bar a:hover{
	background: #fcca0f;
}

/* header */
/* slide-show */
.slick-dots{
	bottom: 60px !important;
}
@media only screen and (max-width: 768px) {
	.slick-dots{
		bottom: 10px !important;
	}
	.slick-dots li{
		width: 15px !important;
		height: 15px !important;
	}
}
.slick-dots li{
	background: #394050;
	border-radius: 10px;
}
.slick-dots .slick-active{
	background: #fcca0f;
}
/* slide-show */
/* home */
.home-pj-title{
	text-align: center;
	color: #394050;
	font-size: 36px;
	font-weight: 600;
}
.orange-line{
	width: 88px;
	height: 6px;
	margin: 30px auto;
	background: #fcca0f;
	
}
.home-desc{
	text-align: center;
	margin-bottom: 50px;
	color: #5c5c5c;
	font-size: 18px;
}
.project-box{
	min-height: 600px;
	margin-bottom: 50px;
}
.post-masonry {
		color: #fff;
    margin-bottom: 30px;
}

.post-masonry .post-thumb {
    border: 35px solid #bfbfbf;
    /*overflow: hidden;*/
    position: relative;
}
@media only screen and (max-width: 767px) {
	.post-masonry .post-thumb{
    border: 25px solid #bfbfbf;
	}
}
.post-masonry .post-thumb img {
    width: 100%;
    display: block;
}

.post-masonry .post-thumb .title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
    padding: 15px 20px;
}

.post-masonry .post-thumb .title-over h4 {
    font-size: 16px;
    font-family: 'robotoregular';
}

.post-masonry .post-thumb .title-over a {
    color: #fff;
}

.post-masonry .post-thumb .post-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 70px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.9);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.post-masonry .post-thumb .post-hover .inside {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-masonry .post-thumb .post-hover h4 {
	color: #fff;
	margin-top: 20px;
  font-size: 18px;
}

.post-masonry .post-thumb .post-hover a {
    margin-bottom: 25px;
    display: inline-block;
    color: #fff !important;
}
.post-masonry .post-thumb .post-hover a:hover{
	text-decoration: none;
}

.post-masonry .post-thumb .post-hover i {
    display: block;
    margin-bottom: 10px;
}

.post-masonry .post-thumb .post-hover p {
    font-size: 12px;
}

.post-masonry .post-thumb .post-hover span {
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
}

.post-masonry .post-thumb:hover .title-over {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    visibility: hidden;
    opacity: 0;
    bottom: -50px;
}

.post-masonry .post-thumb:hover .post-hover {
    top: 0;
    visibility: visible;
    opacity: 1;
}
.bottom-left-conner:after { 
	width: 0; 
	height: 0; 
	position: absolute;
	bottom: 0px;
	left: 15px;
	content: "";
	border-bottom: 35px solid #fff; 
	border-right: 35px solid transparent; 
} 
/*.top-left-conner:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: 15px;
  content: "";
  border-top: 35px solid #fff;
  border-right: 35px solid transparent;
  z-index: 9;
}*/
/* home */
/* foot */
.foot-line{
	height: 1px;
	background: #fcca0f;
}
#foot-box .foot-top h2{
	font-size: 24px;
	font-weight: 600;
	float: left;
}
#foot-box .foot-top p{
	line-height: 56px;
	float: right;
}
#foot-box .contact_detail{
	float: left;
}
#foot-box .contact_detail p{
	margin-bottom: 0px;
}
#foot-box .foot-icon{
	line-height: 60px;
	float: right;
}
#foot-box{
	padding-bottom: 20px;
}

/* foot */
/* project-list */
#project-list{
	padding: 0px;
}
/*@media only screen and (max-width: 768px) {
	#project-list{
		padding: 0px 15px;
	}
}*/
.side-menu h3{
	margin-top: 0px;
	font-size: 30px;
	font-weight: 600;
}
.side-menu ul{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
.side-menu ul li{
	margin:  5px 0px;
	font-family: "times new roman";
	font-size: 24px;
}
.side-menu ul li.selected,
.side-menu ul li.selected a{
	color: #fcca0f;
}
.side-menu ul li a{
	color: #000;
}

.side-menu ul li i{
	font-size: 12px;
}
/* project-list */
/* project-detail */
.circle-pos{
	width: 14px;
	margin: 30px auto;
	color: #fcca0f !important;
	display: block !important;
}
@media only screen and (max-width: 320px) {
	.circle-pos{
		margin: 10px auto;
	}
}
.porject-desc{
	max-width: 1024px;
	margin: 0px auto 30px;
}
.photo-line{
	margin-bottom: 30px;
}
.photo-line .row div{
	margin-bottom: 10px;
}
.related-box h1{
	font-weight: 600;
}
.post_re {
		color: #fff;
    margin-bottom: 30px;
}

.post_re .post-thumb {
    border: 35px solid #bfbfbf;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 767px) {
	.post_re .post-thumb{
    border: 25px solid #bfbfbf;
	}
}
.post_re .post-thumb img {
    width: 100%;
    display: block;
}

.post_re .post-thumb .title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
    padding: 15px 20px;
}

.post_re .post-thumb .title-over h4 {
    font-size: 16px;
    font-family: 'robotoregular';
}

.post_re .post-thumb .title-over a {
    color: #fff;
}

.post_re .post-thumb .post-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 70px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.9);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.post_re .post-thumb .post-hover .inside {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post_re .post-thumb .post-hover h4 {
	margin-top: 20px;
  font-size: 18px;
}

.post_re .post-thumb .post-hover a {
    margin-bottom: 25px;
    display: inline-block;
    color: #fff !important;
}
.post_re .post-thumb .post-hover a:hover{
	text-decoration: none;
}

.post_re .post-thumb .post-hover i {
    display: block;
    margin-bottom: 10px;
}

.post_re .post-thumb .post-hover p {
    font-size: 12px;
}

.post_re .post-thumb .post-hover span {
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
}

.post_re .post-thumb:hover .title-over {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    visibility: hidden;
    opacity: 0;
    bottom: -50px;
}

.post_re .post-thumb:hover .post-hover {
    top: 0;
    visibility: visible;
    opacity: 1;
}
.post_re:after { 
	width: 0; 
	height: 0; 
	position: absolute;
	bottom: 0px;
	left: 15px;
	content: "";
	border-bottom: 35px solid #fff; 
	border-right: 35px solid transparent; 
}
.owl-wrapper-outer{
	border: 0px !important;
	box-shadow: none !important;
}
.owl-carousel{
	margin-bottom: 20px;
}
.back-btn{
	width: 117px;
	height: 36px;
	line-height: 36px;
	margin: 20px auto;
	background: #fcca0f;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.related-pic{
	margin-top: 20px;
}
.related-pic h4{
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 0px;
	background: rgba(252,202,15,0.7);
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.related-pic h4 a{
	color: #000;
	font-weight: 600;
}
/* project-detail */
/* photo */
.thumb-list{
	max-width: 821px;
	margin: 15px auto 50px;
}
.photo-desc{
	margin: 15px auto;
	font-size: 18px;
}

/* photo */
/* photo-thumb */
.slick-prev,
.slick-next{
	height: 40px !important;
}
.slick-prev{
	background: url("../images/left.png") no-repeat !important;
}
.slick-next{
	background: url("../images/right.png") no-repeat !important;
}
/* photo-thumb */
/* contact */
.contact-color-line{
	width: 420px;
	height: 13px;
	background: #fcca0f;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
@media only screen and (max-width: 767px) {
	.map iframe{
		height: 300px !important;
	}
	.padding-none{
		margin-bottom: 10px;
	}
}

/* contact */
/* about */
.about-desc{
	max-width: 1246px;
	margin: 15px auto 50px;
}
.about-text{
	max-width: 1151px;
	padding: 45px;
	font-size: 18px;
	color: #fff;
	background: #394050;
	position: relative;
	z-index: 1;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	.about-text{
		padding: 15px;
		font-size: 16px;
  	margin-top: 15px;
	}
}
.about-text p{
	max-width: 1022px;
	margin: 0px auto;
}
.about-line{
	width: 6px;
	height: 30px;
	background: #fcca0f;
	position: absolute;
	left: 20px;
}
@media only screen and (max-width: 767px) {
	.about-line{
		left: 5px;
	}
}
/* about */
/*.slick-box{
	padding: 0px 5px;
}*/
@media only screen and (max-width: 767px) {
	.about-img div:first-child{
		margin-bottom: 15px;
	}
}

.yellow-shadow img{
	box-shadow: #FCCA0F 5px 5px 5px;
}
.desc-box{
	margin-top: 20px;
}
.slick-box{
	margin-right: 5px;
}

.slider-nav{
	margin-top: 15px;
}