@charset "UTF-8";
*[hidefocus],input,textarea,a {outline: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	padding: 0;	margin: 0;}
fieldset,img,html,body,iframe {border: 0;}
body {-webkit-text-size-adjust: none;background: #fff;}

.helvetica_cyrbold {font-family: 'helvetica_cyrbold';}
.about_pic .date {font-family: 'helvetica_cyrbold';}

/*开启gpu加速*/
.inner_banner,.banner {	-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
img {max-width: 100%;}
.elli,.list_newspage .list_newsdl dd .txt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.elli2,.js_newsimg li .txt,.list_newspage .list_newsdl dd .title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*公共样式*/
.imgem,.js_newsimg li .img em,.list_newspage .list_newsdl dt em,.project_dl dt em,.list_team li .img em,.list_servicepage .list_service li .img em,
.list_projectpage .list_project li .img em,.about_pic .img em,.designer_section1 .img em {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.boxsizing {box-sizing: border-box;	-webkit-box-sizing: border-box;}
.mm-offcanvas {display: none;}

/* .Gallery {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #111;
	opacity: 0;
	z-index: 999999;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.Gallery img {
	max-height: 87%;
	max-width: 99%;
}

.Gallery.Gallery-none img {
	max-height: 100%;
	max-width: 99%;
}

.Gallery-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.Gallery.show {
	opacity: 1;
} */

.g-bottom,.g-left,.g-right,.g-top {	z-index: 99;display: block;	-webkit-appearance: none;	transition: all .3s ease;	-moz-transition: all .3s ease;	-webkit-transition: all .3s ease;}
.g-top {position: absolute;	top: 0;	left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);height: 45px;text-align: center;line-height: 45px;color: #fff;z-index: 120;}
.g-left.none,.g-right.none {opacity: .3;cursor: not-allowed;}
.g-bottom {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);	height: 45px;text-align: center;line-height: 45px;	color: #fff;z-index: 120;}
.g-left {position: absolute;top: 43%;left: 0;height: 14%;background: rgba(0, 0, 0, 0.5);width: 55px;cursor: pointer;}
.g-right {position: absolute;top: 43%;right: 0;height: 14%;background: rgba(0, 0, 0, 0.5);width: 55px;cursor: pointer;}
.g-left:after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 16px;top: 50%;margin-top: -1px;}
.g-left:before {content: '';width: 10px;height: 10px;border: 2px solid #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
	border-top: none;border-right: none;display: block;position: absolute;left: 16px;top: 50%;margin-top: -6px;}
.g-right:after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;right: 16px;top: 50%;margin-top: -1px;}
.g-right:before {content: '';width: 10px;height: 10px;border: 2px solid #fff;	transform: rotate(45deg);-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);border-left: none;border-bottom: none;display: block;position: absolute;right: 16px;top: 50%;margin-top: -6px;}
.g-list {width: 100%;height: 100%;text-align: center;vertical-align: middle;position: absolute;left: 0;	top: 0;}
.g-list span {display: inline-block;vertical-align: middle;height: 100%;}
.g-list img {vertical-align: middle;cursor: -webkit-grab;cursor: grab;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;}

.Gallery-wrap.grab .g-list img {cursor: -webkit-grabbing;cursor: grabbing;}
.g-top .g-count {width: auto;height: 100%;position: absolute;left: 0;top: 0;padding: 0 18px;}
.g-top button {height: 45px;width: 45px;border: none;position: absolute;right: 0;top: 0;opacity: .8;background: 0 0;-webkit-tap-highlight-color: transparent;}
.g-top span {display: block;width: 100%;height: 100%;line-height: 45px;color: #fff;}
.g-close {cursor: pointer;}
.g-close:after {content: '';width: 24px;height: 2px;background: #fff;display: block;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;	left: 8px;top: 21px;}
.g-close:before {content: '';width: 24px;height: 2px;background: #fff;display: block;transform: rotate(-45deg);-moz-transform: rotate(-45deg);	-webkit-transform: rotate(-45deg);	position: absolute;	left: 8px;	top: 21px;}
.g-top button:hover {opacity: 1;}
.loading {width: 100%;height: 100%;background: #111111;position: absolute;left: 0;top: 0;z-index: 1000;}
.loading s {display: block;	width: 30px;height: 30px;background: #0ad1a9;border-radius: 50%;position: absolute;left: 50%;top: 50%;	margin-top: -15px;	margin-left: -15px;	-moz-animation: load 1.5s linear infinite;	-webkit-animation: load 1.5s linear infinite;}
.loading p {text-align: center;font-size: 12px;position: relative;top: 50%;	margin-top: 25px;}

@keyframes load {
	0% {-webkit-transform: scale(0.5);transform: scale(0.5);opacity: 1;}
	100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}

@-webkit-keyframes load {
	0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 1;}
	100% {transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 0;}
}
.section_about {text-align: center;	padding: 1.11rem 0 1.39rem;}
.section_about .title {margin-bottom: 0.41rem;line-height: 1.2;}
.section_about .title a {font-size: 0.74rem;font-size: 0.67rem;	color: #333333;}

.section_about .txt {
	font-size: 0.41rem;
	font-size: 0.36rem;
	line-height: 1.91;
	color: #555555;
}

.section_about .txt a {
	color: #555555;
}

.project_dl {
	margin-bottom: 0.37rem;
}

.project_dl a {
	display: block;
	position: relative;
	overflow: hidden;
}

.project_dl a:active {
	background: #c8161d;
}

.project_dl a:active dd .title b {
	color: #fff;
}

.project_dl a:active dd .title i {
	background: #fff;
}

.project_dl dt {
	float: right;
	width: 58.33%;
	position: relative;
	padding-bottom: 36.11%;
	height: 0;
}

.project_dl dd .title {
	text-align: center;
	position: absolute;
	left: 0;
	width: 41.67%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project_dl dd .title b {
	display: block;
	line-height: 0.85rem;
	margin-bottom: 0.44rem;
	font-size: 0.67rem;
	color: #333333;
}

.project_dl dd .title i {
	display: block;
	background: #c9161e;
	margin: 0 auto;
	width: 0.56rem;
	height: 0.06rem;
}

.project_dl:nth-child(2n) dt {
	float: left;
}

.project_dl:nth-child(2n) dd .title {
	left: 58.33%;
}

.footer_nav {
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #d6d6d6;
	border-width: 1px 0;
}

.footer_nav ul li {
	float: left;
	width: 33.33%;
	border-left: 1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_nav ul li a {
	display: block;
	text-align: center;
	padding-top: 0.19rem;
}

.footer_nav ul li .icon {
	display: block;
	width: 0.46rem;
	height: 0.46rem;
	background: url(../images/footer_icon1.png) no-repeat left center;
	background-size: 0.92rem auto;
	margin: 0 auto;
}

.footer_nav ul li span {
	display: block;
	line-height: 0.78rem;
	height: 0.78rem;
	overflow: hidden;
	font-size: 0.37rem;
	color: #333333;
}

.footer_nav ul .li2 .icon {
	background: url(../images/footer_icon2.png) no-repeat left center;
	background-size: 0.92rem auto;
}

.footer_nav ul .li3 .icon {
	background: url(../images/footer_icon3.png) no-repeat left center;
	background-size: 0.92rem auto;
}

.inner_cont {
	padding: 0 4.17%;
}

.inner_title {
	text-align: center;
	margin-bottom: 0.89rem;
	padding-top: 0.91rem;
	line-height: 0.78rem;
	font-size: 0.67rem;
	color: #333333;
}

.list_team li {
	float: left;
	width: 47.73%;
	margin-right: 4.54%;
	margin-bottom: 0.5rem;
}

.list_team li a {
	display: block;
}

.list_team li .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 126.35%;
	overflow: hidden;
}

.list_team li .txt {
	text-align: center;
	line-height: 0.65rem;
	height: 0.65rem;
	padding-top: 0.46rem;
	overflow: hidden;
	font-size: 0.56rem;
	color: #333333;
}

.list_team li:nth-child(2n) {
	margin-right: 0;
}

.page {
	padding: 0.56rem 0;
}

.page a {
	float: left;
	width: 46.97%;
	margin-right: 6.06%;
	line-height: 1.41rem;
	height: 1.41rem;
	overflow: hidden;
	background: #e83428;
	font-size: 0.56rem;
	color: #fff;
	text-align: center;
}

.page .next {
	margin-right: 0;
}

.inner_menu {
	margin-bottom: 0.56rem;
}

.inner_menu ul {
	border: 1px solid #dfdddd;
	border-width: 1px 0;
	padding: 0.37rem 0;
	font-size: 0;
}

.inner_menu ul li {
	display: inline-block;
}

.inner_menu ul li a {
	display: block;
	line-height: 1.11rem;
	height: 1.11rem;
	border-radius: 0.54rem;
	padding: 0 0.4rem;
	font-size: 0.44rem;
	color: #333333;
}

.inner_menu ul .on a {
	background: #e83428;
	color: #fff;
}

.list_servicepage .list_service li {
	margin-bottom: 1.11rem;
}

.list_servicepage .list_service li .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 58.79%;
	overflow: hidden;
	margin-bottom: 0.65rem;
}

.list_servicepage .list_service li .txt .title {
	margin-bottom: 0.44rem;
}

.list_servicepage .list_service li .txt .title b {
	display: block;
	height: 0.89rem;
	line-height: 0.89rem;
	overflow: hidden;
	margin-bottom: 0.41rem;
	font-size: 0.67rem;
	color: #333333;
}

.list_servicepage .list_service li .txt .title i {
	display: block;
	background: #c9161e;
	width: 0.56rem;
	height: 0.06rem;
	line-height: 0.26rem;
	overflow: hidden;
}

.list_servicepage .list_service li .txt .detail {
	margin-bottom: 0.56rem;
	line-height: 1.75;
	height: 3.89rem;
	overflow: hidden;
	font-size: 0.44rem;
	color: #666666;
}

.list_servicepage .list_service li .txt .more {
	display: inline-block;
	padding: 0 0.69rem;
	height: 1.06rem;
	line-height: 1.06rem;
	border: 1px solid #d3d2d2;
	font-size: 0.44rem;
	color: #666666;
}

.list_servicepage .list_service li .txt .more i {
	font-size: 0.44rem;
	padding-left: 0.28rem;
}

.list_projectpage {
	padding-bottom: 0.56rem;
}

.list_projectpage .list_project li {
	width: 48%;
	margin: 0 1% 0.56rem 1%;
	float: left;
}

.list_projectpage .list_project li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.list_projectpage .list_project li .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 60.06%;
	overflow: hidden;
}

.list_projectpage .list_project li .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../images/design_bg.png) repeat-x center bottom;
	background-size: contain;
	padding-bottom: 0.46rem;
	padding-top: 2rem;
}

.list_projectpage .list_project li .txt span {
	display: block;
	line-height: 0.74rem;
	padding: 0 4.39%;
	font-size: 0.44rem;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_aboutpage {
	padding-bottom: 0.56rem;
}

.list_aboutpage img {
	max-width: 100% !important;
	height: auto !important;
}

.list_aboutpage * {
	line-height: 1.75;
	font-size: 0.44rem;
	color: #666666;
	text-align: justify;
}

.about_pic {
	position: relative;
	margin-bottom: 0.93rem;
}

.about_pic .img {
	padding-bottom: 63.94%;
	position: relative;
	overflow: hidden;
	height: 0;
}

.about_pic .date {
	position: absolute;
	left: 5%;
	top: 5%;
	border: 1px solid #fff;
	padding: 0.5rem 0.37rem;
}

.about_pic .date b {
	display: block;
	line-height: 0.48rem;
	text-transform: uppercase;
	font-size: 0.33rem;
	color: #fff;
}

.about_pic .date span {
	display: block;
	line-height: 0.72rem;
	font-size: 0.67rem;
	color: #fff;
}

.cont_designerpage {
	padding-top: 0.85rem;
}

.designer_section1 {
	padding-bottom: 0.7rem;
}

.designer_section1 .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 133.79%;
	overflow: hidden;
	margin-bottom: 0.93rem;
}

.designer_section1 .txt .title {
	margin-bottom: 0.83rem;
}

.designer_section1 .txt .title b {
	display: block;
	margin-bottom: 0.43rem;
	line-height: 0.85rem;
	font-size: 0.67rem;
	color: #333333;
}

.designer_section1 .txt .title i {
	display: block;
	background: #c9161e;
	width: 0.56rem;
	height: 0.06rem;
	line-height: 0.06rem;
	overflow: hidden;
}

.designer_section1 .txt ul li {
	line-height: 0.59rem;
	font-size: 0.44rem;
	color: #555555;
	position: relative;
	padding-left: 0.87rem;
	margin-bottom: 0.56rem;
}

.designer_section1 .txt ul li i {
	display: inline-block;
	width: 0.87rem;
	color: #131313;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0.44rem;
}

.designer_section2 .title {
	margin-bottom: 0.83rem;
}

.designer_section2 .title b {
	display: block;
	margin-bottom: 0.43rem;
	line-height: 0.85rem;
	font-size: 0.67rem;
	color: #333333;
}

.designer_section2 .title i {
	display: block;
	background: #c9161e;
	width: 0.56rem;
	height: 0.06rem;
	line-height: 0.06rem;
	overflow: hidden;
}

.designer_section2 .designer_img {
	margin-bottom: 0.56rem;
}

.designer_section2 .designer_img em {
	display: block;
	margin-bottom: 0.37rem;
}

.designer_section2 .designer_img span {
	display: block;
	line-height: 0.85rem;
	font-size: 0.67rem;
	color: #333333;
}

.designer_section2 img {
	max-width: 100% !important;
	height: auto !important;
}

.designer_section2 .txt * {
	line-height: 1.75 !important;
	text-align: justify;
	font-size: 0.44rem !important;
	color: #666666 !important;
}

.js_projectimg {
	margin-bottom: 1.33rem;
	position: relative;
	padding-bottom: 0.81rem;
}

.cont_projecttxt .title {
	line-height: 0.85rem;
	margin-bottom: 0.38rem;
	font-size: 0.67rem;
	color: #333333;
}

.cont_projecttxt .txt {
	padding-bottom: 0.78rem;
	text-align: justify;
}

.cont_projecttxt .txt * {
	font-size: 0.44rem;
	color: #666666;
	line-height: 1.75;
}

.cont_projecttxt img {
	max-width: 100% !important;
	height: auto !important;
}

.back_list {
	text-align: center;
	padding-bottom: 1.56rem;
}

.back_list a {
	display: inline-block;
	padding: 0 0.69rem;
	height: 1.06rem;
	line-height: 1.06rem;
	border: 1px solid #e83428;
	border-radius: 0.54rem;
	font-size: 0.44rem;
	color: #666;
}

.back_list i {
	font-size: 0.37rem;
	color: #000000;
	padding-left: 0.3rem;
}

/*banner*/
.cont_projectpage {
	padding-top: 1.17rem;
}

#js_projectimg.swiper-container {
	width: 100%;
	height: 5.33rem;
}

.js_projectimg .swiper-slide {
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.js_projectimg .swiper-pagination-bullet {
	border-radius: 100%;
	background: #fff;
	opacity: 1;
}

.js_projectimg .swiper-pagination-bullet-active {
	background: #f48033;
}

.js_projectimg .swiper-pagination {
	text-align: center;
}

.js_projectimg .swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	line-height: 0.26rem;
}

.js_projectimg .swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.19rem;
	background: #dfdfdf;
	width: 0.26rem;
	height: 0.26rem;
	line-height: 0.26rem;
	overflow: hidden;
	border-radius: 50%;
}

.js_projectimg .swiper-pagination .swiper-pagination-bullet-active {
	background: #e83428;
}

.js_projectimg .swiper-slide a {
	display: block;
	position: relative;
	position: relative;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.js_projectimg .swiper-slide img {
	position: absolute;
	background: #e7eaee;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	left: 50%;
	top: 50%;
	width: auto;
	min-width: 100px;
	max-width: 100%;
	max-height: 100%;
	min-height: 0px;
}

.list_contactpage .list_contact li {
	border: 1px solid #ececec;
	padding: 0.46rem 2.5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.56rem;
}

.list_contactpage .list_contact li h4 {
	font-size: 0.5rem;
	line-height: 0.56rem;
	color: #333333;
	margin-bottom: 0.37rem;
}

.list_contactpage .list_contact li p {
	font-size: 0.44rem;
	color: #666666;
	line-height: 1.75;
}

/*.page_wrap { padding-bottom: 1.26rem; }*/
.footer_nav {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	z-index: 999;
}

.js_newsimg li a {
	display: block;
	position: relative;
}

.js_newsimg li a:after {
	position: absolute;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60.28%;
	background: url(../images/news_bannerbg.png) repeat-x center bottom;
	background-size: cover;
}

.js_newsimg li .img {
	padding-bottom: 50%;
	width: 100%;
	overflow: hidden;
}

.js_newsimg li .txt {
	line-height: 1.2;
	font-size: 0.56rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0.63rem;
	right: 3.89%;
	left: 3.89%;
	height: 0.67rem;
}

.news_menu {
	border-bottom: 1px solid #dfdddd;
	margin-bottom: 0.69rem;
}

.news_menu ul {
	border-bottom: 1px solid #fff;
	background: #f1f0f0;
	padding: 0.41rem 0.56rem 0.33rem;
}

.news_menu li {
	float: left;
	margin-right: 0.31rem;
}

.news_menu li a {
	display: block;
	height: 1.11rem;
	line-height: 1.11rem;
	padding: 0 0.78rem;
	font-size: 0.56rem;
	color: #333333;
	border-radius: 0.54rem;
}

.news_menu .on a {
	color: #fff;
	background: #e83428;
}

.list_newspage {
	padding: 0 0.56rem;
}

.list_newspage .list_newsdl {
	margin-bottom: 0.56rem;
	padding-bottom: 0.56rem;
	border-bottom: 1px solid #dfdddd;
}

.list_newspage .list_newsdl a {
	display: block;
}

.list_newspage .list_newsdl dt {
	float: left;
	width: 2.96rem;
	margin-right: 3.64%;
	position: relative;
	padding-bottom: 2.22rem;
	overflow: hidden;
	height: 0;
}

.list_newspage .list_newsdl dd .title {
	font-size: 0.56rem;
	line-height: 1.2;
	padding-bottom: 0.1rem;
	color: #333333;
}

.list_newspage .list_newsdl dd .txt {
	font-size: 0.44rem;
	color: #666666;
	line-height: 1.75;
}

.article_infopage {
	padding: 0.56rem;
}

.article_infopage .article_top {
	margin-bottom: 1.02rem;
}

.article_infopage .article_top .title {
	margin-bottom: 0.28rem;
	font-size: 0.56rem;
	line-height: 0.83rem;
	color: #313131;
}

.article_infopage .article_top h4 {
	line-height: 1.88;
	font-size: 0.44rem;
	color: #a7a7a7;
}

.article_infopage .article_top h4 span {
	display: block;
}

.article_infopage .article_top h4 b {
	color: #5c697c;
	padding-left: 0.37rem;
}

.article_infopage .article_cont {
	margin-bottom: 1rem;
	font-size: 0.44rem !important;
	color: #2a2a2a;
	line-height: 2 !important;
	text-align: justify;
}

.article_infopage .article_cont img {
	max-width: 100% !important;
	height: auto !important;
}

.article_infopage .article_cont * {
	font-size: 0.44rem !important;
	color: #2a2a2a;
	line-height: 2 !important;
	text-align: justify;
}

.article_infopage .turnpage li {
	font-size: 0.44rem;
	line-height: 1.75;
	margin-bottom: 0.19rem;
}

.article_infopage .turnpage li a {
	color: #313131;
}

.article_infopage .turnpage li span {
	color: #313131;
}

.js_newsimg li .img:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60.28%;
	background: url(../images/news_bannerbg.png) repeat-x center bottom;
	content: "";
	background-size: contain;
}