@media only screen and (max-width:1200px) {
.header {
  width: 100%;
  height: 50px;
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
  /*
  position: fixed;
  box-shadow: 0 3px 3px rgba(0,0,0,.11);
  margin-bottom: 50px;
  */
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.paddingOnly {
  /*
  padding-top: 50px;
  */
}
.header .headerGray {
  display: none;
}
.header .headerLogo,
.header .headerMain {
  width: 50%;
}
.positioning .icon {
  color:#e36226;
}
.positioning {
  font-size:14px;
  line-height:40px;
  color:#999;
}
.positioning span {
  color:#000;
  padding:0 5px;
}
.top_r {
	display: none;
}
.subheader {
	width:100%;
	top:0;
	right:0;
	z-index:99999999;
	height:52px;
}
.alignFixed {
  padding-left: 15px;
}
.logo {
}
.logo img {
  height: 50px;
}
.iconMenu {
	position:absolute;
	right:0px;
	top:0;
	width:60px;
	height:52px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	color:transparent;
	cursor:pointer;
	cursor:pointer;
}
.iconMenu span {
	top:24px;
	left:20px;
}
.iconMenu span:before {
	top:-8px;
}
.iconMenu span:after {
	top:8px;
}
.iconMenu span,.iconMenu span:after,.iconMenu span:before {
	position:absolute;
	width:30px;
	height:2px;
	background-color:#e36226;
	border-radius:1px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	content:"";
	left:0;
}
.iconMenu.active span {
	background-color:transparent;
}
.iconMenu.active span:before {
	background-color:#e36226;
	-webkit-transform:translateY(8px) rotate(-45deg);
	-ms-transform:translateY(8px) rotate(-45deg);
	transform:translateY(8px) rotate(-45deg);
}
.iconMenu.active span:after {
	background-color:#e36226;
	-webkit-transform:translateY(-8px) rotate(45deg);
	-ms-transform:translateY(-8px) rotate(45deg);
	transform:translateY(-8px) rotate(45deg);
}
.shade {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	right:0;
	top:0;
	z-index:999;
	display:none;
	background:rgba(0,0,0,.4);
}
.globalMenu {
	position:fixed;
	left:100%;
	top:0;
	width:70%;
	height:100%;
	text-align:left;
	z-index:11111;
	overflow-y:scroll;
	background:#FFFFFF;
}
.globalMenu li {
	position:relative;
}
.globalMenu li>span {
	display:block;
	position:relative;
	padding:0 20px 0 38px;
	height:50px;
	line-height:50px;
	color:#767676;
	font-size:14px;
	border-bottom:1px solid #e9e9e9;
}
.globalMenu li:nth-child(1)>span {
	border-top:1px solid #e9e9e9;
}
.globalMenu ul li>span::before {
	content:'';
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-4px;
	width:4px;
	height:4px;
	border:2px solid #e36226;
	border-radius:100%;
}
.globalMenu ul li span a {
	color:#322e2d;
}
.globalMenu ul li>span.default::after {
	content:'';
	position:absolute;
	right:25px;
	top:50%;
	width:10px;
	height:10px;
	margin-top:-5px;
	background:url(../images/menu_bg.png) no-repeat;
	background-size:cover;
}
.submenu {
  background: #f8f8f8;
	display:none;
}
.submenu a {
	position:relative;
	display:block;
	padding:0 20px 0 38px;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#7c7d7d;
	border-bottom:1px solid #e9e9e9;
}
.submenu a::before {
	content:'';
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-5px;
	width:10px;
	height:10px;
	background:url(../images/menu_bg3.png) no-repeat;
	background-size:cover;
}
.submenu a:hover,
.submenu a.active {
	background:#e36226;
	color:#FFFFFF;
}
.globalMenu li>span.active a {
	color:#e36226;
}
.globalMenu li>span.active::before {
	color:#fff;
	background:#e36226;
	border-color:#e36226;
}
.globalMenu li>span.active::after {
	content:'';
	position:absolute;
	right:25px;
	top:50%;
	width:10px;
	height:10px;
	margin-top:-5px;
	background:url(../images/menu_bg2.png) no-repeat center;
}


































































.mt20 {
  float:left;
}

/* 轮播 */

.slide_banner {
  width:100%;
}
.slide_banner .swiper-slide {
  height: 50vmin;
  background-size: cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.slide_banner .swiper-slide a {
  width:100%;
  display:block;
  height:100%;
}
.more {
    display: block;
    width: 80%;
    height: 50px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
.more:hover {
  background-color:#e36226;
  border:1px solid #e36226;
  color:#fff;
}
.banner_fl {
  width:48%;
  float:left;
}
.banner_fl img,.banner_fr img {
  max-width:100%;
}
.banner_fr {
  width:48%;
  float:right;
  padding-top:100px;
}
.slide_banner .swiper-slide .ban1_1 {
  padding:100px 0 0;
}
.ban1_2 {
  padding:45px 0 38px;
}
.ban3_main {
  width:466px;
  position:relative;
  background:rgba(255,255,255,0.6);
  height:600px;
}
.ban3_txt {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  left:50px;
  right:50px;
}
.ban3_txt h1 {
  font-size:60px;
  color:#333;
}
.ban3_txt h2 {
  font-size:22px;
  color:#333;
  padding:15px 0;
  background:url(../images/bor.jpg) no-repeat left bottom;
}
.ban3_txt p {
  font-size:16px;
  color:#333;
  line-height:30px;
  margin:45px 0;
}
.radus_more {
  display:block;
  width:120px;
  height:38px;
  border-radius:30px;
  border:1px solid #e36226;
  font-size:14px;
  color:#fff;
  line-height:38px;
  text-align:center;
  background-color:#e36226;
}
.radus_more:hover {
  background-color:transparent;
  border:1px solid #e36226;
  color:#e36226;
}
.slide_banner .swiper-pagination-bullet {
  width:60px;
  border-radius:0;
  height:5px;
  margin:0 5px;
}
.slide_banner .swiper-pagination {
  bottom:20px;
}
.nav_list {
  width:100%;
  margin-top:40px;
  margin-bottom:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.nav_box {
  background-color:#f2f2f2;
  padding:30px 0;
}
.nav_card {
  width:232px;
  height:108px;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:#fff;
  border-radius:6px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer;
  transition:all .25s
}
.nav_card i {
  font-size:36px;
  color:#e36226
}
.nav_card span {
  font-size:16px;
  color:#646464;
  margin-top:5px;
  letter-spacing:1px;
}
.nav_card:hover {
  background-color:#009b75;
  transform:translate3d(0,-2px,0);
}
.nav_card:hover i,.nav_card:hover span {
  color:#fff
}
.active {
  transition:all .25s
}
.active i,.active span {
  color:#e36226;
}
/*安全家定制精装*/
.home_custom {
  background:url(../images/custom_bg.jpg) no-repeat center;
  background-size:cover;
}
.public_title {
  padding:50px 0 30px;
  text-align:center;
}
.public_title h1 {
  font-size:36px;
  color:#000;
  letter-spacing:2px;
}
.public_title p {
  font-size:18px;
  color:#666;
  margin-top:10px;
  letter-spacing:2px;
}
.public_title p i {
  color:#e36226;
}
.public_title.white_title h1,.public_title.white_title p {
  color:#fff;
}
.custom_l,.custom_r {
  width:50%;
  float:left;
  height:465px;
  overflow:hidden;
}
.custom_l img {
  width:100%;
}
.custom_main {
  margin-bottom:60px;
  -webkit-box-shadow:0 9px 32px rgba(218,209,209,.6);
  -moz-box-shadow:0 9px 32px rgba(218,209,209,.6);
  box-shadow:0 9px 32px rgba(218,209,209,.6);
  border:solid 1px rgba(188,188,188,.24);
}
.custom_txt {
  padding:50px 50px 0;
}
.custom_txt h1 {
  font-size:22px;
  color:#000;
}
.custom_txt h1 a {
  color:#000;
  letter-spacing:2px;
}
.custom_txt small {
  font-size:18px;
  color:#e36226;
  display:block;
  margin:20px 0;
}
.custom_txt p {
  font-size:16px;
  color:#666;
  line-height:30px;
  margin-top:10px;
  height:120px;
  padding-bottom:20px;
  overflow:hidden;
}
.custom_txt li {
  letter-spacing:2px;
  display:inline-block;
  width:60px;
  padding:8px 0;
  text-align:center;
  border-radius:5px;
  font-size:14px;
  color:#666;
  border:1px solid #cccccc;
  margin:0 10px 10px 0;
  transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
  -ms-transform:all 0.25s ease-in-out;
  cursor:pointer;
}
.custom_txt li .lsfont {
  color:#666;
  font-size:22px;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
}
.custom_txt li span {
  display:block;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
}
.custom_txt li:hover span,.custom_txt li:hover .lsfont {
  color:#fff;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
}
.custom_txt li:hover {
  background:#e36226;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
  border:1px solid #e36226;
}
.custom_txt li.none {
  margin-right:0;
}

.img_wraps {
  /*
	overflow:hidden;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
  */
}
.img_wraps img {
  width:100%;
}
.view {
  display:block;
  width:120px;
  height:38px;
  border-radius:30px;
  border:1px solid #cccccc;
  font-size:16px;
  color:#666;
  line-height:38px;
  text-align:center;
}
.view:hover {
  background-color:#e36226;
  border:1px solid #e36226;
  color:#fff;
}
/*作品赏析*/
.home_case {
  background-color:#f2f2f2;
  padding-bottom:60px;
}
.case_l,.case_r {
  width:600px;
  float:left;
  height:490px;
  overflow:hidden;
}
.case_r {
  box-sizing:border-box;
  padding-left:5px;
}
.case_slide .swiper-slide {
  height:490px;
}
.case_slide .swiper-slide img {
  width:100%;
}
.case_slide .swiper-slide p,.case_full p,.case_half p,.team_img p {
  font-size:18px;
  color:#fff;
  position:absolute;
  padding:15px 0;
  background:rgba(0,0,0,0.5);
  width:100%;
  text-align:center;
  bottom:0;
  left:0;
}
.case_slide .swiper-button-next,.case_slide .swiper-button-prev {
  width:50px;
  background:rgba(0,0,0,0.5);
  text-align:center;
  padding:22px 0 18px;
}
.case_slide .swiper-button-next .lsfont,.case_slide .swiper-button-prev .lsfont {
  color:#fff;
  font-size:35px;
}
.case_slide .swiper-button-next:hover,.case_slide .swiper-button-prev:hover {
  background:#e36226;
}
.case_full img,.case_half img {
  width:100%;
}
.case_full {
  position:relative;
  width:100%;
  margin-bottom:3px;
  height:245px;
  overflow:hidden;
}
.case_half {
  width:49.75%;
  margin-right:0.5%;
  float:left;
  position:relative;
  height:245px;
  overflow:hidden;
}
.case_half.none {
  margin-right:0;
}
/*资深设计团队*/
.home_team {
  background:url(../images/team_bg.jpg) no-repeat center;
  background-size:cover;
  padding-bottom:60px;
}
.team_main {
  padding:0 60px;
  position:relative;
}
.team_img {
  width:870px;
  position:relative;
  height:550px;
}
.team_img img {
  width:870px;
  height:550px;
}
.team_txt {
  width:310px;
  position:absolute;
  right:0;
  top:30px;
  background-color:#e36226;
}
.team_text {
  padding:20px;
}
.team_text img {
  width:100%;
}
.team_text h1 {
  font-size:22px;
  color:#fff;
  margin:20px 0 15px;
  letter-spacing:2px;
}
.team_text h1 span {
  font-size:14px;
  color:#fff;
}
.team_text p {
  font-size:14px;
  color:#fff;
  margin-bottom:15px;
}
.big {
  overflow:hidden;
}
.view_white {
  display:block;
  width:120px;
  height:38px;
  border-radius:30px;
  border:1px solid #fff;
  font-size:14px;
  color:#fff;
  line-height:38px;
  text-align:center;
}
.view_white:hover {
  background-color:#fff;
  border:1px solid #fff;
  color:#e36226;
}
.team_main .swiper_next,.team_main .swiper_prev {
  cursor:pointer;
  width:60px;
  background:none;
  text-align:center;
  height:60px;
  margin-top:-30px;
  position:absolute;
  top:50%;
}
.team_main .swiper_next .lsfont,.team_main .swiper_prev .lsfont {
  color:#333333;
  font-size:60px;
  font-weight:bold;
}
.team_main .swiper_next {
  right:-30px;
}
.team_main .swiper_prev {
  left:-30px;
}
/*热门楼盘*/
.home_bulid {
  background-color:#f2f2f2;
  padding-bottom:60px;
}
.home_bulid .animatebox {
  transform:translateY(100px);
  -webkit-transform:translateY(100px);
  -ms-transform:translateY(100px);
  opacity:0;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -ms-transition:0.5s all;
}
.home_bulid .animatebox.animate {
  transform:translateY(0);
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  opacity:1;
}
.home_bulid li.animatebox.animate:hover {
  z-index:5;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.bulid_main li .inner {
  margin:8px;
}
.d_txt {
  display:none;
}
.bulid_main li .right_txt h2 {
  padding-top:10px;
}
.bulid_main li .right_txt {
  height:auto;
}
.hei_all {
  width:100%;
  height:100%;
  display:block;
}
.bulid_main {
  margin:10px 0 0;
}
.bulid_main li {
  float:left;
  width:33.2%;
  *margin-left:-1px;
  transition:0.2s all;
  -webkit-transition:0.2s all;
  position:relative;
}
.bulid_main li:hover {
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -ms-transform:scale(1.05,1.05);
  z-index:5;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.bulid_main li .inner {
  margin:13px;
  position:relative;
}
.bulid_main li .img {
  width:100%;
  overflow:hidden;
  height:236px;
}
.bulid_main li .bot_txt {
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:24px;
  line-height:24px;
  padding:10px 0;
  text-align:center;
  background:url(../images/tm_50.png) repeat;
  z-index:2;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.bulid_main li .bot_txt p {
  padding:0 10px;
  color:#fff;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bulid_main li .right_txt {
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
  position:absolute;
  width:90px;
  height:72px;
  right:0;
  top:0;
  z-index:2;
  background:rgba(18,170,156,0.8);
  color:#fff;
  filter:alpha(opacity=80);
}
.bulid_main li .right_txt h3 {
  padding:15px 5px 10px 10px;
  font-size:14px;
  margin:0;
}
.bulid_main li .right_txt h3 span {
  display:block;
}
.bulid_main li .right_txt h3 span em {
  font-weight:bold;
}
.bulid_main li .txt {
  color:#fff;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  visibility:hidden;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
  background:url(../images/tm_50.png) repeat;
}
.bulid_main li .txt .txt_in {
  padding:5.5% 5.5% 0;
}
.bulid_main li .txt .txt_in p {
  font-size:14px;
  line-height:26px;
}
.bulid_main li .txt .t_i_logo {
  width:28.3%;
  max-height:81px;
  margin-bottom:1%;
  /*border:1px solid #fff;
  */
}
.bulid_main li .txt .t_i_logo img {
  width:auto;
}
.bulid_main li .txt .t_i_c {
  font-size:14px;
  color:#fff;
  overflow:hidden;
  margin-top:1em;
}
.bulid_main li:hover .txt {
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
  z-index:9;
  visibility:visible;
}
.bulid_main li:hover .bot_txt,.bulid_main li:hover .right_txt {
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0)
}
.bulid_main li .img img {
  transition:all 0.2s;
  -webkit-transition:all 0.2s;
  width:375px;
  height:236px;
}
.bulid_main li:hover .img img {
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}
.font-18 {
  font-size:18px;
  margin-right:2px;
}
/*五大施工保障*/
.home_five {
  background:url(../images/five_bg.jpg) no-repeat center;
  background-size:cover;
  padding-bottom:60px;
}
.five_main {
  margin-top:30px;
}
.five_main li {
  width:19%;
  float:left;
  text-align:center;
  background:rgba(0,0,0,0.6);
  background:rgb(0,0,40)\6;
  filter:alpha(opacity=60);
  margin:0 0.5%
}
.five_main li:hover {
  background:rgba(18,170,156,0.7);
  background:rgb(18,170,156)\7;
  color:#fff;
  box-shadow:0 0 5px #aaa;
  z-index:10;
}
.five_main li:hover em {
  border-color:#eee;
  transition:all 0.3s ease 0s;
  width:50%;
}
.five_main dl {
  padding:50px 30px;
  color:#ececeb;
  letter-spacing:2px;
  position:relative;
  height:270px;
}
.five_slide {
  position:absolute;
  top:75px;
  width:100%;
  left:0;
  transition:all .4s cubic-bezier(.4,0,.2,1);
}
.five_main dt {
  margin-bottom:36px;
}
.five_main dd {
  margin-top:24px
}
.five_main em {
  width:40%;
  display:inline-block;
  border-bottom:1px solid #41413f;
  transition:all 0.3s ease 0s;
}
.five_main h4 {
  font-size:18px;
  padding-bottom:15px;
}
.five_main p {
  height:46px;
  margin-top:15px;
  overflow:hidden;
  font-size:14px;
}
.five_main li .lsfont {
  color:#fff;
  font-size:48px;
}
.five_main li:hover .five_slide {
  top:35px;
}
.five_main dd.dd_link {
  opacity:0;
  filter:alpha(opacity=0);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  transition:all .4s cubic-bezier(.4,0,.2,1);
  margin-top:80px
}
.five_main li:hover  .dd_link {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  margin-top:24px
}

/*友情链接*/
.home_link {
  background-color:#f2f2f2;
  padding:30px 15px;
}
.home_link span {
  font-size:16px;
  color:#000;
  margin-bottom:20px;
}
.home_link a {
  font-size:14px;
  color:#666;
  display:inline-block;
  margin:0 15px 10px 0;
}
.home_link a:hover {
  transform:translateY(-2px);
  color:#e36226;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
}

.content {
	width: auto;
}
.breadcrumb {
  padding: 0 15px;
}
.quality1 {
	width: auto;
}
.softdress1 {
  margin: 15px;
}
/*新闻媒体*/
.home_news {
  background:url(../images/news_bg.jpg) no-repeat center;
  background-size:cover;
  padding-bottom:60px;
}
.news_nav {
  text-align:center;
}
.news_nav li {
  display:inline-block;
  border:1px solid #ccc;
  border-radius:5px;
  font-size:16px;
  color:#333333;
  margin:0 10px 30px 0;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -ms-transform:all 0.2s ease-in-out;
}
.news_nav li a {
  display:block;
  padding:10px 25px;
  font-size:14px;
}
.news_list li {
  width:100%;
}
.news_list li.none {
  margin-right:0;
}
.news_img img {
  width:100%;
}
.news_txt {
  padding:30px;
  border:1px solid #e5e5e5;
  background-color:#fff;
}
.news_txt h1 {
  font-size:16px;
  color:#333;
  margin-bottom:20px;
}
.news_txt time {
  font-size:14px;
  color:#999;
}
.foot {
	background-color:#333;
	padding: 0 15px 50px;
}
.foot_nav {
	padding: 15px 0;
}
.foot_nav ul {
	width: 100%;
}
.foot_nav li {
  display: inline-block;
}
.foot_nav li:nth-of-type(1):after {
  content: '|';
  display: inline-block;
  padding: 0 15px;
}
.foot_nav li a {
    font-size: 16px;
    color: #999;
    height: 36px;
    line-height: 36px;
    display: inline-block;
}
.foot_nav li a:hover {
  color:#f90;
}
.foot_add {
    padding: 15px 0;
}
.foot_txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.foot_txt h1 {
    font-size: 16px;
    color: #999;
    line-height: 30px;
}

.banner {
  position:relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 50%;
}
.quality0 {
  background-image: url(../images/quality_ban_m.jpg);
}
.construction_team {
  background-image: url(../images/gold_ban_m.jpg);
}
.news {
  background-image: url(../images/about_ban_m.jpg);
}
.softdress {
  background-image: url(../images/softoutfit_ban_m.jpg);
}
.build0 {
  background-image: url(../images/bulid_ban_m.jpg);
}
.team0 {
  background-image: url(../images/team_ban_m.jpg);
}
.cases0 {
  background-image: url(../images/case_ban_m.jpg);
}
.safehome0 {
  background-image: url(../images/hardcover_ban_m.jpg);
}
.subbanner {
	width: 100%;
	height: 100%;
	color: #fff;
	margin-top: -50%;
	position: absolute;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;

	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
}
.subbanner h3 {
	font-size: 30px;
	font-weight: 700;
}
.subbanner p {
	font-size: 14px;
	font-weight: 200;
	height: 30px;
	line-height: 30px;
}

.home_title {
  background-color:#ececec;
  padding: 15px 0;
}
.home_title span {
  font-size:14px;
  color:#666;
}
.home_title span a:hover {
  color:#e36226;
}
.home_title a.on {
  color:#e36226;
}
.home_title label span {
  color:#e36226;
      display: none;
}

.about_nav {
	margin: 15px;
}
.about_nav .content {
  background: #e36226;
  padding: 15px 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
.about_nav a {
	width: 70px;
  height: 30px;
	line-height: 30px;
	margin: 5px;
  border-bottom: 1px solid transparent;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.about_nav a:hover,.about_nav a.on {
  border-bottom: 1px solid #fff;
}
.about {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  padding: 15px;
}
.about .about_profile img {
    padding-left: 0;
    float: none;
    width: 100%;
}
.about .content {
  /*
  background: transparent;*/
}
.about_title {
	padding: 15px 0;
}
.about_title h3 {
	font-size: 24px;
	background: none;
	text-align:center;
	color:#333;
	font-weight:bold;
}
.about_title p {
    font-size: 14px;
    margin-top: 9px;
	text-align:center;
	color:#999;
}
.about_profile {
  line-height: normal;
  text-align: justify;
}
.culture li {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 3px 3px 15px rgba(0,0,0,.11);
}
.culture li.none {
  margin-right:0;
}
.culture li span {
  font-size:20px;
  color:#000;
  margin-bottom:15px;    display: block;
}
.culture li span .lsfont {
  color:#e36226;
  font-size:25px;
  padding-right:10px;
}
.culture li p {
  color: #666;
  font-size: 16px;
  text-align: justify;
}
.branch {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.branch li {
  width: 44vmin;
  line-height: 40px;
  background: rgba(18,170,156,.8);
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
  box-shadow: 3px 3px 9px rgba(0,0,0,.11);
}
.branch li a {
  color:#fff;
}
.history {
  overflow:hidden;
  zoom:1;
  border-top:1px solid #ddd;
}
.history:nth-of-type(even) {
}
.history_date {
  color: rgba(255,255,255,.8);
  font-size: 24px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: rgba(18,170,156,.8);
  margin: 15px 0;
}
.histroy_txt {
}
.histroy_txt li {
  font-size:16px;
  color:#666;
  list-style:disc;
}
.histroy_txt ul {
  height:150px;
  overflow:hidden;
  display:block;
}
.history.history_active  .histroy_txt ul {
  height:auto;
}
.bt {
  font-size:16px;
  color:#666;
  cursor:pointer;
  position:relative;
  background: #f3f3f3;
  padding-left: 15px;
  padding-right:30px;
  display:inline-block;
}
.bt:before {
  content:"\eb8c";
  font-size:30px;
  color:#666;
  position:absolute;
  right:0;
  font-family:"lsfont";
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
}
.histroy_txt.open .bt:before {
  content:"\eb8a";
}
.honnor {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.honnor li {
  width: 100%;
  margin-bottom: 15px;
  box-shadow: 3px 3px 9px rgba(0,0,0,.11);
}
.honnor li h3 {
  font-size:16px;
  color:#333;
  text-align:left;
}
.honnor li img {
  width:100%;
  display: block;
}
.honnor_img {
  height:auto;
}
.honnor li a {
  display: block;
}
.honnor li .list_title {
  padding: 15px;
}
.honnor time {
  font-size:14px;
  color:#999;
}
.recommend {
  padding:30px 0 20px;
  border-bottom:1px solid #e5e5e5;
}
.recommend h1 {
  font-size:18px;
  font-weight: 700;
  color:#333;
  padding-left:10px;
  background:url(../images/bor1.jpg) no-repeat center left;
  line-height:30px;
}
.recommend h1 span {
  font-size:14px;
  color:#ccc;
  display: block;
}
.recommend img {
  padding-top:30px;
}
.contact {
}
.contact .c1 {
  font-size:24px;
  color:#333;
  text-align: center;
      margin: 15px auto;
}
.contact .c2 {
  font-size:16px;
  color:#666;
}
.contact_l {
  width: 100%;
}
.contact_l p {
  font-size:16px;
  color:#333;
  line-height:30px;
}
.contact_l p .lsfont {
  display: none;
}
.contact_r {
  width: 100%;
}
.message_inline,.message_block {
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	padding: 5px 0;
	box-sizing: border-box;
}
.message_inline {
}
.message_inline label,.message_block label {
  width:60px;
  height:60px;
  display:block;
  float:left;
}
.message_inline input,.message_block input {
  font-size:16px;
  color:#999;
  width: calc(100% - 60px);
  height:60px;
  line-height:60px;
  padding: 15px;
  box-sizing:border-box;
  float:left;
  border-left:1px solid #f3f3f3;
  border-radius: 0;
}
.message_inline.none {
  margin-right:0;
}
.message_inline input {
}
.message_block input {
}
.message_block textarea {
	font-size: 16px;
	color: #999;
  width: calc(100% - 60px);
	height: 100px;
	border-left: 1px solid #f3f3f3;
  border-radius: 0;
	padding: 15px;
	box-sizing: border-box;
	display: inherit;
	resize: none;
}
.form_name {
  background:url(../images/name.png) no-repeat center;
}
.form_email {
  background:url(../images/contact_email.png) no-repeat center;
}
.form_phone {
  background:url(../images/contact_tel.png) no-repeat center;
}
.form_suggest {
  background:url(../images/suggest.png) no-repeat center;
}
.submit_zone{
  width: 100%;
  height: 50px;
  box-shadow: 3px 3px 15px rgba(0,0,0,.22);
}
.apply_submit {
  width: 50%;
  height: 50px;
  line-height: 50px;
  background-color: #e36226;
  float: left;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 18px;
}
.apply_submit:hover {
  background:#e36226;
  color:#fff;
}
.submit_zone label {
    width: 50%;
    display: inline-block;
    float: left;
}
input[type=reset] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 0;
    font-size: 18px;
    color: #444;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
}
#ditu1 {
  display: none;
}
.pad_0 {
  padding:15px;
}

.detail_title {
  /*
  padding: 30px 0;
  */
}
.detail_title h3 {
font-size: 18px;
    color: #333;
    line-height: normal;
    font-weight: 700;
}
.detail_title .c4 {
  padding:15px 0;
  color:#999;
  border-bottom: 1px dashed #ddd;
}
.detail_title .c4 label {
    display: block;
    line-height: normal;
    text-align: left;
    font-size: 14px;
}
.detail_title .list_title h3 {
  color:#333;
    line-height: normal;
}
.detail {
  font-size:16px;
  color:#333;
  line-height:30px;
}
.detail img {
  width:100%;
}
.fontSong {
  font-family:Microsoft YaHei;
}
.fontSong p {
  margin:16px 0;
}
.fontSong p img {
  /*
  margin-left:50%;
  transform:translateX(-50%);
  */
}
.case_details p {
}
.case_details p img {
  margin:16px 0;
}
.case_top {
  margin-top:30px;
}
.case_detail {
}
.detail_l {
    margin: 15px;
}
.detail_r {
background: url(../images/form_bg.jpg) no-repeat center center/cover;
    margin: 15px;
}
.detail_l .c4 {
  font-size:14px;
  line-height: normal;
}
.detail_l .c4.tit {
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #ddd;
  font-weight: 700;
  color: #333;
}
.detail_l .tit {
  font-size: 18px;
  line-height: 40px;
}
.detail_l .c7 {
  font-size:16px;
  margin-bottom:15px;
  padding: 15px 0;
}
.detail_l .c7 label {
  display: block;
}
.detail_l .c7 span {
  color:#11aa9c;
}
.detail_l .recommend {
  margin-bottom:35px;
}
.detail_l .recommend h3 {
    font-size: 18px;
    line-height: 40px;
}
.case_team {
  background-color:#fff;
  font-size:16px;
  color:#333;
      padding-bottom: 15px;
}
.case_team h3 {
  font-size:22px;
  color:#333;
  padding-bottom:20px;
  margin-bottom:20px;
  background:url(../images/bor.png) no-repeat bottom left;
}
.case_team label {
  font-size:18px;
  color:#333;
  margin-top:15px;
  font-weight:bold;
  display: block;
}
.case_team label span {
  font-size:16px;
}
.case_team p {
  margin-bottom:20px;
}
.case_team a {
  display:inline-block;
  width:100px;
  height:40px;
  line-height:40px;
  text-align:center;
  border:2px solid #e36226;
  font-size:12px;
  font-weight:bold;
  color:#e36226;
  margin-right:10px;
}
.case_team a:hover,.case_team a.on {
  color:#fff;
  border:2px solid #e36226;
  background-color:#e36226;
}
.urlInfo {
  padding: 15px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; 
  margin-top: 30px;
  color: #999;
}
.urlInfo span {
  display: block;
  word-wrap: break-word;
}
/*上一页下一页样式*/
.news_shares {
  width:100%;
  padding-top:60px;
}
.news_shares .news_sharesL {
}
.news_pag a {
  font-size:14px;
  color:#666;
  line-height:24px;
}
.news_pag a:hover {
  text-decoration:underline;
  color:#666;
}
.news_sharesL .ToMenu {
  width:160px;
  height:34px;
  border:1px solid #e36226;
  text-align:center;
  line-height:34px;
  color:#e36226;
  margin-bottom:20px;
  transition:0.6s;
  display:block;
  font-size:14px;
}
.news_sharesL .ToMenu:hover {
  background:#e36226;
  color:#fff;
}
.news_shares .news_sharesR {
}
.news_pag span {
  font-size:16px;
  color:#666;
}
.news_sharesR>span {
  font-size:14px;
  color:#666;
  float:left;
  line-height:38px;
  padding-right:10px;
}
.share_com {
  float:left;
}
.share_com a {
  display:inline-block;
  width:38px  !important;
  height:38px !important;
  margin:0 !important;
  background:url(../images/share.png) no-repeat 0 0 !important;
  margin-right:11px !important;
  padding-left:0 !important;
}
.share_com a.wb {
  background-position:-47px 0 !important;
}
.share_com a.kj {
  background-position:-92px 0 !important;
}
.share_com a.shareM {
  background-position:-136px 0 !important;
}
.share_com .bdsharebuttonbox {
  display:inline-block;
}
.share_com .bdsharebuttonbox {
  display:inline-block;
}
.pro_nav {
  position:relative;
  margin-bottom:30px;
box-shadow: 0px 9px 9px rgba(0,0,0,.11);
}
.pro_nav ul {
  display: flex;
}
.pro_nav ul li {
  font-size: 16px;
  width: calc(100% / 3);

  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.pro_nav ul li span {
  cursor:pointer;
  font-size: 18px;
  color: #333;
  line-height: 50px;
  height: 50px;
  text-align: center;
}
.pro_nav li span:before {
  content:"\eb8a";
  font-family:'lsfont';
  font-size:30px;
  color:#cdcdcd;
  position:absolute;
  right:0;
}
.pro_nav ul li span {
  display:inline-block;
  padding-right:28px;
  position:relative;
  font-size:16px;
}
.pro_nav ul li.selected {
  background-color:#e36226;
}
.pro_nav ul li.selected span {
  color:#fff;
}
.pro_nav ul li.selected span:before {
  color:#fff;
}
.pro_nav ul li div {
      width: 100%;
  color:#666;
  z-index:2;
  display:none;
  position:absolute;
  left: 0px;
  top: 50px;
  background:rgba(0,0,0,.8);
}
.pro_nav ul li div aside {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.pro_nav ul li div a {
  display:block;
  float:left;
  width:calc(100% / 3);
  font-size:14px;
  color:#ddd;
  text-align:center;
  line-height: 40px;
  height: 40px;
      border-bottom: 1px solid #444;
    box-sizing: border-box;
}
.pro_nav ul li div a:hover,
.pro_nav ul li div a.active {
color: #fff;
    background: rgba(18,170,156,.5);
}
.case_search {
  position: relative;
      height: 130px;
      margin: 15px;
}
.case_search .button {
  text-align:center;
  display:inline-block;
  width:100px;
  height:50px;
  line-height:50px;
  background:#fff;
  border: 1px solid #ddd;
  font-size:16px;
  cursor:pointer;
  transition:all .3s;
  -moz-transition:all .3s;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  float:left;
  position: absolute;
  top: 60px;
}
.case_search .button:nth-of-type(2) {
  left: 120px;
}
.case_search  i {
  font-size:15px;
  vertical-align:top;
  margin-left:6px;
}
.case_search .button.on {
      background: #f3f3f3;
}
.case_search .button.on i {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  vertical-align:middle;
}
.case_form {
  position: absolute;
    width: 100%;
    height: 50px;
}
.case_form label {
    width: 70%;
    height: 50px;
    line-height: 50px;
    float: left;
    border: 1px solid #ddd;
    border-right: 0;
    box-sizing: border-box;
}
.case_form input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-indent: 15px;
    float: left;
    border: 0;
}
.case_form a {
    width: 30%;
    height: 50px;
    line-height: 50px;
    background: #e36226;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    float: left;
    text-align: center;
}
.pro_list {
  margin: 15px;
}
.pro_list li {
  position:relative;
  width: 100%;
  margin-bottom:30px;
  transition:all .5s;
  -moz-transition:all .5s;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  box-shadow: 3px 3px 9px rgba(0,0,0,.22);
}
.pro_list li.none {
  margin-right:0;
}
.pro_img {
}
.pro_list li h3.title {
  padding: 15px;
  font-size: 16px;
  color: #333;
  position: relative;
}
.pro_list .clearfix li:hover {
  box-shadow:0 0 30px #d2d0d0;
  transform:translate3d(0,-2px,0);
}
.case_ar {
  width:100px;
  height:50px;
  position:absolute;
  background:rgba(18,170,156,0.85);
  text-align:center;
  padding:25px 0;
  border-radius:50%;
  left:50%;
  margin-left:-50px;
  top: calc((100vmin - 30px) * (55 / 87) / 2 - 50px);
}
.case_ar h3 {
  font-size:14px;
  color:#fff;
  padding-top:5px;
  line-height:20px;
}
.case_consult {
  padding:30px;
}
.case_consult div {
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 15px 0;
}
.case_consult h3 {
  font-size:26px;
  color:#fff;
  text-align:center;
}
.case_consult p {
  font-size:16px;
  color:#fff;
  text-align:center;
  margin-bottom:25px;
}
.consult_form label {
  width:100%;
  height:50px;
  display: block;
  background:#fff;
  margin-bottom:15px;
  box-shadow: 3px 3px 30px rgba(0,0,0,.11);
}
.consult_form input {
  width:100%;
  border:0;
  height:50px;
  line-height:50px;
  text-indent:20px;
}
.consult_submit {
  display:block;
  border:1px solid #fff;
  line-height:50px;
  height:50px;
  font-size:16px;
  color:#fff;
  text-align:center;
}
.consult_submit:hover {
  background-color:#fff;
  color:#e36226;
}
.detail_l .honnor li {
  width:100%;
}
.detail_l .honnor_img {
}
.detail_l .honnor li h3 {
  font-size:16px;
}
.team_list ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.team_list li {
  width: 44vmin;
  margin-bottom: 15px;
  box-shadow: 3px 3px 9px rgba(0,0,0,.22);
}
.team_image {
	position:relative;
	width: 100%;
}
.team_list .team_image img {
	width: 100%;
	height: 100%;
}
.team_button {
	width: 100%;
  padding: 15px 0 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.team_button a {
	width: 48%;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	background: #e36226;
	display: inline-block;
	text-align: center;
}
.team_info {
  padding:5px;
  font-size:14px;
  color:#333;
  line-height:24px;
}
.team_info h3 {
  font-size:18px;
  color:#333;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px dashed #ddd;
}
.team_info h3 span {
    font-size: 14px;
    display: block;
    line-height: 30px;
    color: #999;
}
.team_info p {
	line-height: 20px;
}
.team_info p label,
.team_info p span {
	display: block;
}
.team_detail {
}
.team_figure {
}
.team_figure img {
  width:100%;
}
.team_introduce {
}
.team_introduce span {
font-size: 22px;
    margin: 15px 0;
    text-align: center;
    display: block;
}
.team_introduce span b {
  font-weight:normal;
  color:#fff;
  background:#e36226;
  width: 40%;
  height: 40px;
  line-height: 40px;
  display:inline-block;
}
.team_introduce span b.on {
  width: 60%;
  color:#666;
  background:#ddd;
}
.team_introduce p {
  font-size:16px;
  color:#333;
  line-height:30px;
}
#per_inf {
  height:300px;
}
.team_detail .recommend {
  padding-top:30px;
}
.bulid_nav {
  background-color:#fff;
  text-align:center;
  margin-bottom:40px;
}
.bulid_nav a {
  padding:30px 0;
  border-bottom:4px solid #fff;
  font-size:18px;
  color:#333;
  display:inline-block;
  margin:0 20px;
}
.bulid_nav a:hover,.bulid_nav a.on {
  border-bottom:4px solid #e36226;
}
.bulid_list li {
  box-shadow: 3px 3px 9px rgba(0,0,0,.11);
  overflow:hidden;
  zoom:1;
  margin-bottom:30px;
}
.bulid_txt {
  padding:15px;
}
.bulid_txt .c5 {
  font-size:22px;
  color:#000;    display: block;
}
.bulid_txt .c6 {
  font-size:14px;
  color:#e36226;
  margin-top:10px;
  margin-bottom:10px;
}
.bulid_txt p {
  margin-bottom:15px;
}
.bulid_txt span,.bulid_title h1 a {
width: 120px;
    height: 40px;
    display: inline-block;
    background-color: #e36226;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.bulid_txt span:hover,.bulid_title h1 a:hover {
  background-color:#f5f5f5;
  border:1px solid #e36226;
  color:#11aa9c;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.bulid_title {
  overflow:hidden;
  padding-bottom:20px;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:20px;
}
.bulid_title h1 {
  font-size:22px;
  color:#000;
  line-height:30px;
}
.bulid_title h1 b {
  font-size:14px;
  color:#e36226;
  padding-left:20px;
  font-weight:normal;
}
.bulid_title h1 a {
  float:right;
}
.document_ban {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.ban2 {
    width: 100%;
    height: 260px;
    position: relative;
    overflow: hidden;
}
.ban2 ul {
    position: absolute;
    left: 0;
    top: 0;
}
.ban2 ul li {
    width: calc(100vmin - 30px);
    text-align: center;
    float: left;
}
.ban2 ul li img {
  width: 100%;
}
.prev {
  float:left;
  cursor:pointer;
}
.num {
    width: 250px;
    height: 100px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-top: 5px;
}
.min_pic {
    width: 100%;
        height: 60px;
    margin: 20px auto;
}
.num ul {
    position: absolute;
    left: 0;
    top: 0;
}
.num ul li {
    width: 75px;
    height: 52px;
    margin-right: 10px;
    border: 1px solid#cdcdcd;
    text-align: center;
    box-sizing: border-box;
}
.num ul li img,.ban2 ul li img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
.num ul li.on {
  border:2px solid #e36226;
  padding:0;
}
.prev1 {
    position: absolute;
    top: 220px;
    left: 20px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}
.next1 {
    position: absolute;
    top: 220px;
    right: 20px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}
.prev_btn1 {
    width: 20px;
    text-align: center;
    height: 66px;
    margin-right: 10px;
    cursor: pointer;
    float: left;
}
.next_btn1 {
  width:20px;
  text-align:center;
  height:66px;
  cursor:pointer;
  float:right;
}


/*******************************

装修攻略

*******************************/
.pad_b5 {
  padding: 15px;
}
.home {
}
.home_nav {
  background: #e36226;
  margin-bottom: 30px;
  padding: 15px 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
.home_nav a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.home_nav i {
  color:#ccc;
}
.home_nav a:hover,.home_nav a.on,.strategy_txt a:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.home_nav a:first-child {
  padding-left:0;
}
.home_strategy li {
    overflow: hidden;
    zoom: 1;
    margin-bottom: 30px;
    box-shadow: 3px 3px 9px rgba(0,0,0,.11);
}
.strategy_img {
  width: 100%;
}
.strategy_img img {
  width:100%;
}
.strategy_txt {
    padding: 15px;
}
.strategy_txt h3 {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold;
}
.strategy_txt p {
    font-size: 16px;
    color: #777;
    margin: 18px 0;
    line-height: 24px;
    text-align: justify;
}
.strategy_txt time {
    font-size: 14px;
    color: #999;
    display: block;
    margin: 15px 0;
    font-style: italic;
}
.strategy_txt span.time {
  display:inline-block;
  padding-left:25px;
  background:url(../images/time.png) no-repeat center left;
}
.strategy_txt span.glance {
  display:inline-block;
  padding-left:25px;
  background:url(../images/view.png) no-repeat center left;
}
.strategy_txt a.news_more {
  font-size:14px;
  color:#333;
  display:inline-block;
  width:120px;
  font-size:14px;
  color:#666;
  line-height:38px;
  border:1px solid #e5e5e5;
  text-align:center;
  margin-top:10px;
}
.strategy_txt a.news_more:hover {
  background:#e36226;
  color:#fff;
}
.construction_team1 {
}
.eight {
      margin: 15px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
.eight li {
	width: 44vmin;
	height:80px;
	line-height:80px;
	margin-bottom: 15px;
	background: #e36226;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.eight li:hover {
  background-color:#e36226;
  color:#fff;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.gold {
  padding: 15px;
}
.gold ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.gold ul li {
    width: 44vmin;
    margin-bottom: 15px;
    box-shadow: 3px 3px 9px rgba(0,0,0,.11);
}
.gold ul li img {
    width: 100%;
}
.gold .team_info p {
  height:auto;
  color:#333;
}
.offer {
  margin: 15px;
  box-shadow: 3px 3px 15px rgba(0,0,0,.22);
  border-radius: 15px;
}
.offer_l {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.offer_l:before {
  content:"\e689";
  font-family:"lsfont";
  font-size:88px;
  color:#e36226;
}
.offer_l h3 {
  font-size:24px;
  color:#333;
}
.offer_l p {
  font-size:16px;
  color:#666;
      padding: 10px 0;
}
.offer_l p span {
}
.offer_l span {
}
.offer_r {
  width:100%;
  padding:15px 0;
}
.offer_form {
  padding: 15px;
}
.offer_form label {
  display: block;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 25px;
}
.offer_form input {
  font-family:"lsfont";
  width:100%;
  height:50px;
  font-size:16px;
  color:#666;
  line-height:50px;
  text-indent:45px;
  position:relative;
}
.offer_submit {
  width:80%;
  height:50px;
  line-height:50px;
  border-radius: 25px;
  text-align:center;
  background-color:#e36226;
  box-shadow: 3px 3px 15px rgba(0,0,0,.22);
  text-align:center;
  display: block;
  margin: 15px auto;
}
.offer_submit span {
  padding-left:30px;
  position:relative;
  color:#fff;
  font-size:16px;
}
.offer_submit span:before {
  content:"\e639";
  font-family:"lsfont";
  position:absolute;
  left:0;
  font-size:26px;
  color:#fff;
}
.offer_name {
  background:url(../images/person.png) no-repeat 15px 20px;
}
.offer_phone {
  background:url(../images/phone.png) no-repeat 15px 20px;
}
.offer_area {
  background:url(../images/area.png) no-repeat 10px 15px;
}
.offer_name:before {
  content:"";
  font-family:"lsfont";
  position:absolute;
  left:0;
  font-size:25px;
  color:#666;
}
.offer_phone:before {
  content:"\e658";
  font-family:"lsfont";
  position:absolute;
  left:0;
  font-size:25px;
  color:#666;
}
.offer_area:before {
  content:"\e647";
  font-family:"lsfont";
  position:absolute;
  left:0;
  font-size:25px;
  color:#666;
}


#d_kongjian {
  margin: 15px;
}
.hardcover {
  background:#f3f3f3;
  padding: 15px;
}
.hardcover_title {
  padding: 30px 0;
  text-align:center;
}
.hardcover_title h3 {
  font-size:24px;
  color:#333;
}
.wide {
  padding-bottom:30px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.wide li {
  cursor: pointer;
  background: #fff;
  text-align: center;
  width: 28vmin;
  height: 28vmin;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
  box-shadow: 3px 3px 15px rgba(0,0,0,.22);
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.wide li.none {
  margin-right:0;
}
.wide li p {
}
.wide li p:before {
  content: "";
  display: block;
  background: rgba(0,0,0,.11);
  width: 80%;
  height: 1px;
  margin: 5px auto;
}
.wide li i {
  font-size:40px;
  color: #999;
}
.wide li:hover {
  background-color:#e36226;
  color:#fff;
  transform:translate3d(0,-2px,0);
}
.wide li:hover i {
  color:#fff;
}
.wide li:hover p:before {
  background: rgba(255,255,255,.11);
}
.hide {
  display:none!important;
}
.fourimg {
  margin:auto;
}
.fourimg li {
}
.fourimg li img {
  width: 100%;
}
.fbbtn {
  border-top: 1px solid #fff;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
}
.fbbtn li {
  position: relative;
  background:#e36226;
  color:#fff;
  cursor: pointer;
  width: 20%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
}
.fbbtn li:after {
    content: '';
    width: 1px;
    height: 50px;
    background: -moz-linear-gradient(top, #e36226 0%, #fff 50%, #e36226 100%);
    background: -webkit-linear-gradient(top, #e36226 0%,#fff 50%,#e36226 100%);
    background: linear-gradient(to bottom, #e36226 0%,#fff 50%,#e36226 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e36226',GradientType=0 );
    position: absolute;
    top: 0;
    right: 0px;
}
.fbbtn li:nth-of-type(5):after {
    content: none;
}
.fbbtn li:active {
  height: 50px;
  background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #e36226 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#e36226 100%);
  background: radial-gradient(ellipse at center, #fff 0%,#e36226 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e36226',GradientType=1 );
}
.fbbtn .btnactive {
}
.fourtable {
  height:auto;
  overflow:auto;
  overflow-x:hidden;
  margin-bottom:60px;
}
.fourtable ul {
  font-size:16px;
  color:#333;
  line-height:30px;
}

.safeContent {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.safeContent > div:nth-of-type(1) {
    border-top: 1px dashed #ddd;
}
.safeLine {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    align-items: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
}
.safeLine:nth-of-type(1) {
    font-weight: 700;
    font-size: 24px;
}
.safeLine div {
    padding: 15px;
    font-size: 16px;
}
.safeLine div:nth-of-type(1) {
    width: 30%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px dashed #ddd;
}
.safeLine div:nth-of-type(2) {
    width: 70%;
    border-right: 1px solid #ddd;
    border-bottom: 1px dashed #ddd;
}





#d_dingzhi {
  padding: 15px;
}
.designer {
  /*
  background:url(../images/hardcover2.jpg) no-repeat center;
  */
  background: #f3f3f3;
  padding-bottom:60px;
}
.hardcover_title.write h3 {
}
.designer_main {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.fl_l {
  width: 44vmin;
  margin-bottom: 15px;
}
.design_item,
.design_block {
  position: relative;
}
.design_item img {
  width:100%;
}
.li_bg {
  background:#000;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:all ease-in-out 200ms;
  transition:all ease-in-out 200ms
}
.design_item:hover .li_bg {
  opacity:0.3;
}
.li_title {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:all ease-in-out 200ms;
  transition:all ease-in-out 200ms;
  text-align:center;
  z-index:2
}
.li_title h3 {
  font-size:22px;
  color:#fff;
  text-align:center;
  position:absolute;
  width:100%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  top:50%;
}
.li_title h3 p {
  font-size:14px;
  margin-top:5px;
}
.design_item:hover .li_title {
  opacity:1;
}
.design_item.view_more {
  background-color: #e36226;
  height: calc((17 / 20) * 44vmin);
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.design_item.view_more .more {
  margin:0 auto 0;
}
.design_item.view_more .more:hover {
  background-color:#fff;
  color:#e36226;
}
#d_process {
  padding: 15px;
}
.serviceProcess {
  padding-bottom:60px;
}
.serviceProcess .item,.serviceProcess {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.serviceProcess .item {
  width: 28vmin;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  padding: 15px 0;
  position:relative;
  cursor:pointer;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.serviceProcess .item:hover {
  color:#009b75
}
.serviceProcess .item:hover .num {
  color:#009b75;
  border-color:#009b75
}
.serviceProcess .item:hover .title {
  color:#009b75;
}
.serviceProcess .item i {
    font-size: 36px;
    width: 100%;
    text-align: center;
    color: #999;
}
.serviceProcess .item .title {
  font-size:16px;
  color:#333;
  font-weight:400;
}
.serviceProcess .item .title:before {
  content: "";
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,.11);
  display: block;
  margin: 5px auto;
}
.serviceProcess .item .des {
  font-size:12px;
  color:#666;
  line-height:14px
}
.serviceProcess .item .num {
  width: 100%;
  height: 30px;
}
.serviceProcess .item .num label {
    height: 30px;
    width: 30px;
    margin: 0 auto;
    display: block;
    border-radius: 15px;
    border: 1px solid #999;
    text-align: center;
    line-height: 26px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
}
.serviceProcess .item .line {
}
.seven {
  padding-bottom: 30px;
  background: #f3f3f3;
}
.seven_main {
    margin: 15px;
}
.seven_one,.seven_two,.seven_three {
    padding: 15px;
    background-color: #444;
    text-align: center;
    margin-bottom: 15px;
}
.seven_one h3 {
  font-size:24px;
  color:#fff;
  font-weight:bold;
  margin:15px 0;
}
.seven_two h3,.seven_three h3 {
  font-size:18px;
  color: #ddd;
  margin: 15px 0;
}
.seven_one p,.seven_two p,.seven_three p {
  font-size:16px;
  color:#ddd;
}
.seven_one .iconfont,.seven_two .iconfont,.seven_three .iconfont {
  color:#ddd;
  font-size:48px;
}
#d_anquan {
  padding: 15px;
}
.section1 ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.section1 ul li {
  width: 28vmin;
  margin-bottom: 15px;
}
.section1 ul li:nth-of-type(7) {
}
.section1 ul li div a {
  display:block;
  width:100%;
  height:100%;
  text-align:center;
}
.nine.section1 ul li div a {
  background:#e36226;
  color:#fff;
  height: 40vmin;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.section1 ul li h3,.section1 ul li p {
  width:100%;
}
.section1 ul li h3 {
  font-size:24px;
}
.section1 ul li h3 .iconfont {
  color: rgba(255,255,255,.8);
  font-size: 48px;
}
.section1 ul li p {
  font-size: 16px;
}
.section1 ul li p:before {
  content: "";
  width: 60%;
  height: 1px;
  background: rgba(255,255,255,.2);
  display: block;
  margin: 9px auto;
}
.nine {
  padding-bottom:30px;
}
#d_pinzhi {
  padding: 15px;
}
#d_pinzhi ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.brand_service {
  background-color:#f3f3f3;
  padding-bottom:60px;
}
.brand_service li {
  width: 44vmin;
  height: 22vmin;
  margin-bottom: 15px;
}
.brand_service li img {
  width:100%;
  height:80px;
}
.packing {
}
.packing ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.packing li {
width: 28vmin;
    margin-bottom: 15px;
}
.packing li.none {
  margin-right:0;
}
.packing li p {
  font-size:18px;
  color:#333;
  text-align:center;
  line-height: 36px;
}
.pack_ico {
background: #f8f8f8;
    border: 1px solid #ddd;
    height: 28vmin;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}
.pack_ico .iconfont {
    color: #999;
    font-size: 48px;
}
.soft_error {
  margin: 15px;
  padding-bottom:30px;
  text-align:center;
}
.softdress2 {
  margin: 15px;
}
.savor li {
  background-color:#f2f2f2;
  overflow:hidden;
  zoom:1;
  margin-bottom:30px;
}
.savor_l,.savor_r {
}
.savor_l img {
  width: 100%;
}
.savor_r {
  text-align:center;
  padding: 30px 5px 0;
  box-sizing:border-box;
}
.savor_r h3 {
  font-size:30px;
  color:#333;
  margin-bottom:30px;
}
.savor_r label {
  font-size:22px;
  color:#333;
  padding:15px 0 30px;
  border-bottom:1px solid rgba(0,0,0,.2);
  display: block;
}
.savor_r p {
font-size: 14px;
    color: #333;
    line-height: 24px;
    margin: 30px 0;
}
.savor_r .custom_txt {
  padding:0
}
.quality {
  margin: 15px;
  background: none;
  padding-bottom:50px;
}
.qualiy_slide {
  position:relative;
}
.qualiy_slide  .swiper-slide {
  width:80vmin;
  height:80vmin;
  background:#fff;
  border-radius:50%;
  overflow:hidden;
  text-align:center;
  border:10px solid #fff;
}
.qualiy_slide  .swiper-slide img {
  height:80vmin;
}
#quality {
  position:relative;
}
#quality .swiper-button-prev,#quality .swiper-button-next {
  background:none;
  width:36px;
  height:36px;
  margin-top:-18px;
  display: none;
}
#quality .swiper-button-prev .iconfont,#quality .swiper-button-next .iconfont {
  font-size:36px;
  color:#333;
}
.designer_list {
  padding: 15px;
}
.team_name {
	width: 100%;
  color:#444;
}
.team_name h3 {
  font-size: 16px;
      text-align: center;
}
.team_name h3 label {
  line-height: 30px;
  font-size: 20px;
}
.team_name h3 p {
  line-height: 24px;
}
.team_bg {
  display: none;
}
.softdress3 {
  margin: 15px;
}
.soft_team {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.soft_team li {
  width: 44vmin;
  margin-bottom: 15px;
  box-shadow: 3px 3px 9px rgba(0,0,0,.22);
}
.soft_team li:nth-of-type(3) {
  width: 100%;
}
.soft_team li:nth-of-type(6) {
  width: 100%;
  box-shadow: none;
  margin: 15px auto;
}
.soft_team li:hover .team_bg,
.soft_team li:hover .team_name {
  opacity:1;
  -webkit-transition:all ease-in-out 200ms;
  transition:all ease-in-out 200ms;
  -ms-transition:all ease-in-out 200ms;
  -moz-transition:all ease-in-out 200ms;
  -o-transition:all ease-in-out 200ms;
}
.soft_team li.li_bor a {
  width: 80%;
  height: 20vmin;
  margin: 0 auto;
  background: #fff;
  border-radius: 10vmin;
  box-shadow: 3px 3px 15px rgba(0,0,0,.11);
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;

  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;

  align-items:center;
  -webkit-align-items:center;
  -moz-align-items:center;

  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
}
.soft_team li.li_bor i {
  font-family:"iconfont" !important;
  font-size:30px;
  font-weight:200;
  color:#666;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:rotate(0deg);
}
.soft_team li.li_bor label {
  font-size:18px;
  color:#666;
}
.soft_case {
    margin: 15px;
}
.soft_case .news_txt,.join_list .news_txt {
    padding: 0;
    height: 50px;
    line-height: 50px;
}
.soft_case .news_txt h3,.join_list .news_txt h3 {
  font-size:15px;
  margin-bottom:0;
  text-align:center;
}
.soft_case .news_list li,.join_list.news_list li {
  margin-bottom:30px;
}
.soft_case .news_list li.li_bor a {
  width: 80%;
  height: 20vmin;
  margin: 0 auto;
  background-color:#fff;
  color:#666;
  border-radius: 10vmin;
  box-shadow: 3px 3px 15px rgba(0,0,0,.11);
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;

  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;

  align-items:center;
  -webkit-align-items:center;
  -moz-align-items:center;

  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
}
.soft_case .news_list li.li_bor i {
  font-family:"iconfont" !important;
  font-size:30px;
  font-weight:200;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:rotateY(0deg);
}
.soft_case .news_list li.li_bor a:hover i {
  transform:rotateY(180deg);
  transition:all .3s ease-in-out;
}
.soft_case .news_list li.li_bor label {
  font-size:18px;
  color:#666;
}
.join_list .news_txt {
  border:1px solid #e5e5e5;
}
.softdress4 {
	margin: 15px;
}
.service_process {
	padding: 30px 0 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.service_process li {
  width:28vmin;
  text-align:center;
  margin-bottom:60px;
  position:relative;
  background:#e36226;
  color: #fff;
  box-shadow:3px 3px 15px rgba(0,0,0,.22);
}
.service_process li:nth-of-type(7),
.service_process li:nth-of-type(8),
.service_process li:nth-of-type(9) {
  margin-bottom:15px;
}
.process_txt {
}
.process_txt label {
    font-size: 18px;
    margin-top: 30px;    display: block;
}
.process_txt p {
  font-size:14px;
  margin:10px 0;
}
.service_process li b {
    font-size: 16px;
    color: #999;
    position: absolute;
    left: 50%;
    margin-left: -7vmin;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    top: -25px;
    border-radius: 50%;
    box-shadow: 3px 3px 15px rgba(0,0,0,.11);
}
.soft_appointment {
  margin: 15px;
}
.about_title.apply_title h1 {
  background:url(../images/l3.png) no-repeat center left,url(../images/r3.png) no-repeat center right;
  color:#fff;
}
.about_title.apply_title p {
  color:#fff;
}
.about_title.major_title h1 {
  background:url(../images/l.png) no-repeat center left,url(../images/r.png) no-repeat center right;
  color:#000;
}
.about_title.major_title p {
  color:#999;
}
.appointment_form {
  padding:0 0 30px;
}
.appointment_form label {
  display: block;
  background:#fff;
  margin-bottom: 15px;
  box-shadow:0 0 30px rgba(0,0,0,.1);
}
.appointment_form input {
  width:100%;
  height:60px;
  line-height:60px;
  background:#fff;
  text-indent:15px;
  font-size:16px;
  color:#666;
}
.appointment_form .offer_submit {
    width: 80%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    background-color: #e36226;
    text-align: center;
    box-shadow: 0 0 30px rgba(0,0,0,.11);
    border-radius: 30px;
}
.appointment_form a.offer_submit:hover {
  background-color:#12a093;
}
.join_top {
  padding-top:50px;
}
.join_l {
  width:585px;
  float:left;
}
.join_l h1 {
  font-size:36px;
  color:#e36226;
}
.join_l p {
  font-size:16px;
  color:#333;
  line-height:30px;
  margin:50px 0;
}
.join_l b {
  font-size:24px;
  color:#e36226;
  line-height:35px;
  position:relative;
  display:block;
  position:relative;
  padding-left:40px;
}
.join_l b:before {
  font-size:35px;
  font-weight:normal;
  content:"\e6b1";
  font-family:"lsfont";
  margin-right:10px;
  position:absolute;
  left:0;
}
.join_r {
  width:615px;
  float:left;
  padding-top:80px;
}
.solve {
  padding:75px 0;
  background:url(../images/join3.jpg) no-repeat;
}
.solve h1 {
  background:url(../images/join_title.png) no-repeat center;
  font-size:22px;
  color:#fff;
  text-align:center;
  padding:20px 0 30px;
  margin-bottom:50px;
}
.solve li {
  width:150px;
  border:3px solid #000000;
  margin-right:60px;
  float:left;
  box-sizing:border-box;
  text-align:center;
  padding:25px 0;
}
.solve li.none {
  margin-right:0;
}
.solve li .iconfont {
  font-size:50px;
  color:#000;
}
.solve li p {
  font-size:18px;
  color:#000;
  margin-top:15px;
}
.join_title {
  padding:80px 0 30px;
  border-bottom:4px solid #eaeaea;
  margin-bottom:50px;
}
.join_info {
  float:left;
  width:500px;
}
.join_info h1 {
  font-size:48px;
  color:#333;
  font-weight:bold;
}
.join_info h1 span {
  color:#e36226;
}
.join_info p {
  color:#333;
  font-size:18px;
  margin-top:15px;
}
.join_tel {
  float:right;
  padding-left:60px;
  position:relative;
  font-weight:bold;
  width:230px;
}
.join_tel:before {
  content:"\e6b1";
  font-family:"lsfont";
  margin-right:10px;
  position:absolute;
  left:0;
  font-size:50px;
  color:#e36226;
  top:0;
}
.join_tel p {
  font-size:18px;
  color:#e36226;
}
.join_tel h1 {
  font-size:24px;
  color:#e36226;
}
.for_you li {
  width:575px;
  float:left;
  margin-right:50px;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px dotted #cccccc;
}
.for_you li.none {
  margin-right:0;
}
.for_span {
  display:inline-block;
  border:2px solid #e36226;
  width:185px;
  height:50px;
}
.for_span .iconfont {
  color:#fff;
  background-color:#e36226;
  font-size:26px;
  padding:12px 10px;
  line-height:50px;
}
.for_span span {
  font-size:22px;
  color:#e36226;
  line-height:50px;
  padding-left:15px;
}
.for_you li p {
  font-size:16px;
  color:#333;
  margin-top:30px;
  line-height:30px;
  min-height:60px;
}
.join_support {
  background:url(../images/join1.jpg) no-repeat;
  padding:70px 0;
  background-size:cover;
}
.join_support h1,.condition h1 {
  font-size:48px;
  color:#000;
  font-weight:bold;
  margin-bottom:80px;
  text-align:center;
}
.join_support h1 span,.condition h1 span {
  color:#e36226;
}
.join_support li {
  overflow:hidden;
  zoom:1;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px dashed #949393
}
.join_support li .iconfont {
  font-size:55px;
  color:#333;
  float:left;
}
.join_support li h2 {
  font-size:22px;
  color:#e36226;
  float:left;
  padding-left:10px;
  margin-left:10px;
  border-left:1px dashed #333;
}
.join_support li h2 p {
  font-size:16px;
  color:#333;
  margin-top:10px;
}
.join_case {
  margin:80px 0 30px;
}
.join_case h1 {
  background-color:#eeeeee;
  font-size:30px;
  color:#e36226;
  line-height:30px;
  padding:20px 30px;
  font-weight:bold;
}
.join_case h1 span {
  font-size:18px;
  color:#999;
  padding-left:10px;
}
.join_case h1 a {
  font-size:16px;
  color:#666;
  float:right;
  font-weight:normal;
}
.news_img a {
  display:block;
  line-height:0;
}
.join_list {
  margin-bottom:80px;
}
.join_adv {
  margin-bottom:60px;
}
.join_adv li {
  width:285px;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  text-align:center;
}
.join_adv li.none {
  margin-right:0;
}
.join_adv li h1 {
  font-size:26px;
  color:#fff;
  background:#e36226;
  padding:10px;
}
.join_adv li p {
  font-size:22px;
  color:#333;
  background-color:#eeeeee;
  padding:25px;
}
.condition {
  background:url(../images/join2.jpg) no-repeat center;
  text-align:center;
  padding:60px 0;
  background-size:cover;
}
.join_process.service_process li b {
  background-color:#fff;
}
.join_process.service_process .process_txt h1 {
  color:#e36226;
}
.join_process.service_process .process_txt p {
  font-size:13px;
}
/* 全景工地*/
.bulid_full li {
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 3px 3px 9px rgba(0,0,0,.11);
}
.bulid_full li.none {
}
.full_img {
  position:relative;
}
.full_img>a>img {
  width:100%;
  display: block;
}
.bulid_full .full_img .case_ar img {
  display:block;
  margin:0 auto;
      width: 30px;
}
.full_txt {
    padding: 15px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.full_txt p {
  font-size:14px;
  color:#666;
}
.full_txt a {
  font-size:16px;
  color:#333;
}
.bulid_full li:hover {
  box-shadow:0 0 30px #d2d0d0;
}
.pro_list .clearfix li:hover .case_video.case_ar {
  background:rgba(0,0,0,0.85);
}
.case_video.case_ar {
  background:rgba(0,0,0,0.65);
  transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
  -ms-transform:all 0.25s ease-in-out;
}
.case_video img {
  padding-top:5px;
  padding-left:4px;
}
.ar_target {
    background: #e36226;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    border-radius: 3px;
    box-shadow: 3px 3px 30px rgba(0,0,0,.22);
}
.detail_l h3 .ar_target span {
  display:inline-block;
  padding-left:45px;
  font-size:24px;
  color:#fff;
  background:url(../images/ar.png) no-repeat center left;
}
.radio_group {
  line-height:1;
  vertical-align:middle;
  font-size:0px;
  width:315px;
  margin:0 auto;
}
.el_radio {
  color:rgb(90,94,102);
  font-weight:500;
  line-height:1;
  position:relative;
  cursor:pointer;
  display:inline-block;
  white-space:nowrap;
  font-size:14px;
  user-select:none;
  outline:none;
}
.radios {
  margin-right:35px;
  margin-bottom:15px;
}
.radio_input {
  white-space:nowrap;
  cursor:pointer;
  display:inline-block;
  line-height:1;
  position:relative;
  vertical-align:middle;
  outline:none;
}
.radio_inner {
  width:14px;
  height:14px;
  background-color:rgb(255,255,255);
  position:relative;
  cursor:pointer;
  display:inline-block;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgb(216,220,229);
  border-image:initial;
  border-radius:100%;
}
.radio_inner::after {
  width:4px;
  height:4px;
  background-color:rgb(255,255,255);
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(0);
  border-radius:100%;
  transition:transform 0.15s cubic-bezier(0.71,-0.46,0.88,0.6),-webkit-transform 0.15s cubic-bezier(0.71,-0.46,0.88,0.6);
}
.radio_original {
  opacity:0;
  position:absolute;
  z-index:-1;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  outline:none;
  margin:0px;
}
.radio_label {
  font-size:14px;
  padding-left:10px;
}
.radio_input.is-checked + .radio_label {
  color:rgb(0,155,117);
}
.radio_input.is-checked .radio_inner {
  border-color:rgb(0,155,117);
  background:rgb(0,155,117);
}
.radio_input.is-checked .radio_inner:after {
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
}
#inline_content {
  background-color:#fff;
  padding:20px 15px 20px;
}
#inline_content h1 {
  font-size:16px;
  color:#333;
  padding:5px 0 30px 10px;
}




.five_major {
	margin: 15px;
}
.five_major ul {
	width:100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
}
.five_major li {
	width: 44vmin;
	background: #fff url(../images/workbg.png);
	box-shadow: 3px 3px 9px rgba(0,0,0,.11);
	text-align: center;
	height: 50vmin;
	margin-bottom: 15px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;

	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
}
.five_major li:nth-of-type(3) {
	width: 100%;
}
.five_major li .iconfont {
  font-size:40px;
  color:#666;
}
.five_major li span {
  font-size:22px;
  color:#333;
  margin:15px 0 10px;
  display: block;
}
.five_major li p {
  font-size:14px;
  color:#777;
  padding: 0 15px;
}
.quality_six {
  background: none;
  margin: 15px;
}
.quality_six .sub_quality_six {
  width: 100%;
}
.quality_six .sub_quality_six ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.quality_six .sub_quality_six ul li {
    background: rgba(18,170,156,.8);
    border-radius: 3px;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    box-shadow: 3px 3px 15px rgba(0,0,0,.11);
}
.quality_six .sub_quality_six ul li:nth-of-type(4) {
	display: none;
}
.quality_six .sub_quality_six div h2 {
	width: 100%;
  height: 60px;
  line-height: 60px;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.quality2 {
	width: auto;
	padding: 15px;
}
.six_one,.six_two,.six_three {
	text-align:center;
	box-shadow: 3px 3px 0px rgba(0,0,0,.1);
}
.six_one span,.six_two span,.six_three span {
	width: 100%;
	line-height:40px;
	height:40px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}
.six_one span b,.six_two span b,.six_three span b {
	width: 50%;
	font-size:18px;
	color:#fff;
	background:rgba(18,170,156,.8);
	font-weight:normal;
}
.six_one span small,.six_two span small,.six_three span small {
	width: 50%;
	font-size:18px;
	background-color:#ddd;
	color:#333;
}
.star_txt {
	width:auto;
	color:#666;
	background: #f8f8f8;
	box-shadow: 3px 3px 0px rgba(0,0,0,.1);
	padding: 15px;
	margin-bottom: 30px;
}
.star_half label {
	font-size:16px;
	text-align:center;
  display: block;
}
.star_half p:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 9px auto;
}
.star_half p {
	font-size:16px;
	text-align:justify;
}
.work {
  padding-bottom:15px;
}
.work ul {
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;

  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;

  justify-content:space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
}
.work li {
  width: 44vmin;
  height: 44vmin;
  margin-bottom: 15px;
  box-shadow:5px 5px 0 rgba(0,0,0,.1);
  background:url(../images/workbg.png);
  position:relative;
  overflow:hidden;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;

  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;

  align-items:center;
  -webkit-align-items:center;
  -moz-align-items:center;

  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
}
.work li:hover {
  box-shadow:5px 5px 0 rgba(18,170,156,.4);
}
.work li i {
  font-family:"iconfont" !important;
  font-size:48px;
  font-weight:200;
  color:rgba(18,170,156,.8);
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.work li em {
  content:'';
  width:50%;
  height:1px;
  margin:15px 0;
  background:rgba(0,0,0,.1);
}
.work li h3 {
  text-align:center;
  font-size:18px;
  color:#444;
}
.work li:before {
  content:'';
  position:absolute;
  width:44vmin;
  height:44vmin;
  left:0px;
  top:0%;
  background:rgba(18,170,156,.8);
  border-radius:50%;
  transition:all .5s;
  transform:scale(0);
  opacity:0;
  z-index:-1;
}
.work li:hover:before {
  transform:scale(3);
  opacity:1;
}
.work li:hover em {
  background:#fff;
}
.work li:hover i,.work li:hover h3 {
  color:#fff;
}
.bulid_process {
  margin:50px 0 20px;
}
.bulid_process ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.bulid_process li {
  display:inline-block;
  width:55px;
  text-align:center;
  vertical-align:middle;
      margin-bottom: 30px;
}
.bulid_process li .iconfont {
  color:#999999;
  font-size:38px;
}
.bulid_process li p {
  color:#999;
  font-size:12px;
  height:30px;
}
.bulid_process li.on p,.bulid_process li.on .iconfont {
  color:#e36226;
}
.bulid_process li .iconfont.icon-arrow-left-e {
  font-size:30px;
}
.detail_r.fix_top {
  position:fixed;
  left:50%;
  margin-left:300px;
  top:20px;
}
.bulid_l {
}

.bulid_l span:nth-of-type(2) {
  color: #e36226;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.bulid_l span:nth-of-type(2) h3 {
  margin: 15px auto;    font-size: 30px;
}

.bulid_r {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;

  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.bulid_r a {
  width:120px;
  height:40px;
  line-height:40px;
  display:inline-block;
  background-color:#e36226;
  font-size:14px;
  color:#fff;
  text-align:center;
}
.bulid_r a:hover {
  background-color:#166a5e;
}
.bulid_r h1 {
  font-size:20px;
  color:#333;
  margin:10px 0;
}
.bulid_r h1 p {
  font-size:14px;
  color:#e36226;
}
.bulid_r h3 {
  background-color:#f5f5f5;
  font-size:14px;
  color:#333;
  line-height:38px;
  font-size:16px;
  margin-bottom:15px;
  padding-left:10px;
}
.bulid_r p {
  font-size:16px;
  color:#999;
  line-height:24px;
  margin:10px 0;
  text-align: justify;
}
.add_detail {
}
.positionf {
  position:fixed;
  top:0px;
  width:240px;
}
.cndns-right {
	background: #e36226;
	width: 100%;
	position:fixed;
	bottom:0px;
	z-index:1;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}
.cndns-right .cndns-right-box {
	display: none;
}
.cndns-right .cndns-right-meau {
	width: calc(100% / 3);
  position: relative;
}
.cndns-right .cndns-right-meau:nth-of-type(1):after,
.cndns-right .cndns-right-meau:nth-of-type(2):after {
    content: '';
    width: 1px;
    height: 40px;
    background: #fff;
    background: -moz-linear-gradient(top, #e36226 0%, #fff 50%, #e36226 100%);
    background: -webkit-linear-gradient(top, #e36226 0%,#fff 50%,#e36226 100%);
    background: linear-gradient(to bottom, #e36226 0%,#fff 50%,#e36226 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e36226',GradientType=0 );
    position: absolute;
    top: 0;
    right: 0px;
}
.cndns-right .cndns-right-meau a {
	display: flex;
	justify-content: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}
.cndns-right .cndns-right-meau a:active {
	width: 100%;
	height: 40px;
	background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #e36226 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#e36226 100%);
	background: radial-gradient(ellipse at center, #fff 0%,#e36226 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e36226',GradientType=1 );
}
.cndns-right .cndns-right-meau a i,
.cndns-right .cndns-right-meau a label {
	font-size: 16px;
}
.cndns-right .meau-top {
  display: none!important;
}
.soft_six {
}
.soft_six ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;

  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.soft_six li {
  background: #e36226;
  width:28vmin;
  position:relative;
  text-align:center;
  height:36vmin;
  margin-bottom: 15px;
  color:#fff;
}
.soft_six li:nth-of-type(3) {
  display: none;
}
.soft_six li span {
  font-size:18px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  width:100%;
  left:0;
}
.soft_six li p:before {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: rgba(255,255,255,.4);
    margin: 5px auto;
}
.soft_six li p {
  font-size:14px;
}
.soft_six li b {
  color:#b92728;
  font-size:36px;
}
.condition .soft_six li p {
  font-size:22px;
  margin:0 50px;
  font-weight:normal;
}
.bottom_fixed,.bottom_fixed_open {
  display:none;
}
.sitemap {
}
.sitemap ul li {
  float:left;
  width:100%;
  margin-bottom:10px;
}
.sitemap ul li a {
  font-weight:bold;
  font-size:14px;
  background-color:#ececec;
  padding:6px 20px;
  display:block;
}
.sitemap ul li a:hover {
  color:#e36226;
}
.sitemap ul li .mapmenu {
  width:auto;
  z-index:10;
  box-sizing:border-box;
  height:40px;
  line-height:40px;
}
.sitemap ul li .mapmenu .mapmenu_main {
  padding-top:10px;
}
.sitemap ul li .mapmenu .mapmenu_main a {
  float:left;
  display:block;
  line-height:30px;
  font-size:14px;
  font-weight:normal;
  background:none;
  padding:0 20px;
}
.sitemap ul li .mapmenu .mapmenu_main a:hover {
  color:#e36226;
}
/* 活动样式 */
.huodong {
  width:100%;
}
.huodong img {
  width:100%;
}
.huodong .flex {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;

  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.pagination>li>a,.pagination>li>span{padding:5px 10px!important;}

}