@font-face {font-family: 'NotoSans';
  src: url('../fonts/SourceHanSansCN-Medium.otf');}
/* common */
*{margin: 0; padding: 0; border: 0; font-weight: 500; outline: none; list-style: none; text-decoration: none; box-sizing: border-box; font-family: 'Montserrat', sans-serif, 'NotoSans';}
body{position: relative;}
.container{ margin:0px auto;}
.row{margin: 0 -15px;}
.clear{clear: both;width: 100%;}
:root { --swiper-theme-color: #fff;}


.col-sm-3{width: 25%; float: left;}
.col-sm-4{width: 33.3333%; float: left;}
.col-sm-6{width: 50%; float: left;}

 

.height_100{height: 64vh}

.padding0{padding: 0;}
.padding15{padding: 0 15px;}
.padding20{padding: 0 20px;}
.padding50{padding: 0 50px;}
.padding144{padding: 0 144px;}
.margin50{margin:50px auto;}
.margin60{margin:60px auto;}
.margin100{margin:100px auto;}

.con_stretch{align-items: stretch;}

.juzhong{padding: 0; text-align: center;}
.juzhong span{font-size: 22px; color: #ab916d; font-weight: 800;}

.more{ height: 44px; margin-top: 100px; color: #a98f6a; font-size: 16px; font-weight: 600; display: block;/* margin-left: calc(50% + 30px); */ line-height: 44px; text-align: center;}

/* common */

/* 头部 */
.top{position: absolute; top: 0; z-index: 20; padding:0 144px; padding-top: 60px; width: 100%}
.top .logo_left{float: left; width: 40%; padding-top: 6px;}
.top .logo_left img{width: 280px;}
.top .index_logo { padding-top: 10px;}

.top .nav{width: 60%; float: left; padding-top: 20px; padding-left: 8px;}
.nav ul{/* display: flex; */}
.nav li{/* width: 14.285%; */display: inline-block; padding: 0 22px;text-align: left;}
.nav li a{font-size: 18px; color: #fff; transition: all 0.5s; position: relative;}
.nav li a:hover{color: #000}
.nav li a:hover img{display:block; width:115px; padding:10px; opacity: 1;}

.nav li:last-child{ padding-right: 0; float: right; position: relative; top: 4px;}
.nav li.active a{color: #000}
.nav .active a:after{content:"●"; display: block; width: 34px; text-align: center; font-size: 12px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -20px;  background-size: cover;}

.nav li.icons a{ margin:auto 10px;}
.icon{width: 28px; height: 22px; display: inline-block; /* background: url(../images/icon.png) no-repeat; */}
.tiktok{/* background-position: 0 0; */ background: url(../images/douyin.png) no-repeat;background-size: cover; width:23px;}
.weixin{/* background-position: -30px 0; width: 30px;position: relative; */background: url(../images/weixin.png) no-repeat;background-size: cover; width:23px;}
.tiktok img,.weixin img{position:absolute; top: 26px;left: 50%;opacity: 0; transform: translateX(-50%); background:#fff; transition: all 0.5s; width:0}
.sina{background-position:-60px 0;  }
.xiaohongshu{ background: url(../images/xiaohongshu.png) no-repeat;background-size: cover; width:23px;}
.searchs{ background: url(../images/searchs.png) no-repeat;background-size: cover; width:23px;}



/* 头部 */

/* 内页头部 */
.ny_top{background: #a98f6a; height: 180px; position: inherit;}


/* 内页头部 */

/* 案例头部 */
.casesshow_top{/* background: #a98f6a; */ height: 60px; position: inherit; padding-top: 20px;background-color: transparent;}
.casesshow_top .top_cat{ float: left; padding-top: 10px;  text-align:center;justify-content: center; width:20%; font-weight:bold;}
.casesshow_top .top_cat a{font-family: "微软雅黑";font-weight:500; font-size:20px;/*  color: #fff; */ color: #000;}
.casesshow_top .nav2{ float: right; padding-top: 10px; padding-left: 8px;}
.nav2 ul{}
.nav2 li{display: inline-block; padding: 0 22px;text-align: left;}
.nav2 li a{font-size: 18px; color: #fff; transition: all 0.5s; position: relative;}
.nav2 li a:hover{color: #000}
.nav2 li a:hover img{display:block; width:115px; padding:10px; opacity: 1;}
.nav2 li.icons a{ margin:auto 10px;}
	.casesshow_top #navToggle {
		height: 100%;
		padding: 0px 15px;  
		margin-right: -15px;
		display: inline-block;
		float: right;position: relative; z-index: 21;
	}
	.casesshow_top #navToggle span {
		position: relative;
		width: 28px;
		height: 2px;
		margin-top: 19px;
	}
	.casesshow_top #navToggle span:before,
	.casesshow_top #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}
	.casesshow_top #navToggle span,
	.casesshow_top #navToggle span:before,
	.casesshow_top #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		/* background: #fff; */
		background: #696564;
	}
	.on2 #navToggle span, .on2 #navToggle span:before, .on2 #navToggle span:after{/* background: #fff; */background: #696564;}
	.casesshow_top #navToggle span:before {
		top: 8px;
	}
	.casesshow_top #navToggle span:after {
		bottom: 10px;
	}
	.casesshow_top #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.casesshow_top #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.casesshow_top #navToggle.open span {
		background: none;
	}
	.casesshow_top #navToggle.open span:before,
	.casesshow_top #navToggle.open span:after {
		background: #fff;
	}
	.on2 #navToggle.open span:before,
	.on2 #navToggle.open span:after {
		background: #fff;
	}
	.on2 .nav2{display:none;}
	.casesshow_top .nav{display: none;background: #ab916d; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0;}
	.casesshow_top .nav ul{display: inherit; padding-top: 140px;}
	.casesshow_top .nav li{width: 100%; padding-left: 50%; line-height: 50px;}
	.casesshow_top .nav .active a:after{bottom: -30px}
	
	
	.casesshow_top .nav2 li a{ margin:auto 10px;}
.casesshow_top .nav2 li a:hover img{display:block; width:115px; padding:10px; opacity: 1;}
.casesshow_top .nav2 .icon{width: 28px; height: 22px; display: inline-block; /* background: url(../images/case_icon.png) no-repeat; */
   }
.casesshow_top .nav2 .tiktok{/* background-position: 0 0; */ background: url(../images/case_douyin.png?20231106) no-repeat;background-size: cover; width:23px;}
.casesshow_top .nav2 .weixin{/* background-position: -30px 0; width: 30px;position: relative; */background: url(../images/case_weixin.png?20231106) no-repeat;background-size: cover; width:23px;}
.casesshow_top .nav2 .tiktok img,.casesshow_top .nav2 .weixin img{position:absolute; top: 26px;left: 50%;opacity: 0; transform: translateX(-50%); background:#fff; transition: all 0.5s; width:0}
.casesshow_top .nav2 .sina{background-position:-60px 0;  }
.casesshow_top .nav2 .xiaohongshu{ background: url(../images/case_xiaohongshu.png?20231106) no-repeat; background-size: cover; width:23px;}
.casesshow_top .nav2 .searchs{ background: url(../images/case_searchs.png?20231106) no-repeat;background-size: cover; width:23px;}
/* 案例头部 */

/* 新闻菜单 */
.ny_nav{ overflow: hidden;}
.ny_nav ul{padding-left: 50%;}
.ny_nav ul li{display: inline-block; margin-right: 70px; font-weight: bold; color: #000}
.ny_nav ul li a{ color: #9f8158; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500}
.ny_nav ul li a:hover,.ny_nav ul li .active{color: #a98f6a; font-weight: 800;}
.ny_nav ul li:first-child{margin-left: 30px;}

/* 新闻菜单 */





/* 搜索框 */
.nav_search_box { position: absolute; left:40%; margin-left:-100px; display:none;  /* top:30px; */ top:60px;z-index:999999;}

 .nav_search_box_close {position: absolute; right:-20px; font-size: 20px; top: 10px; color: #fff;z-index: 99999; }
.nav_search_box_close:before{   content: '×';   background-color: transparent;  padding: 0 2.5px;   border-radius: 50%;margin-right: 5px;   color:#fff;}

.nav_search_frame {  position: relative;border-bottom: 1px solid #fff; z-index:999;   height: 36px;   overflow: hidden;  background-color: transparent;}
.nav_search_frame #nav_search_text { transition: opacity 800ms; border:0; width:450px;  float:left;  line-height:36px;   font-size:12px;   color:#fff; background-color: transparent; outline: none;}
.nav_search_frame #nav_search_text::placeholder{color:#fff;}
.nav_search_frame .nav_search_btn {  position: absolute;  top: 10px; right: 20px; color: #fff;font-size: 20px;  cursor: pointer; display:none;}
.nav_search_btn .icon-search-1{  width: 12px;    height: 12px;   border-radius: 100%; border: 3px solid currentcolor;  position: relative;   display: inline-block;}
.nav_search_btn .icon-search-1:before{   content: "";   -webkit-transform: rotate(25deg);    -moz-transform: rotate(45deg);   transform: rotate(25deg);   width: 8px; height: 2px;position: absolute;   top: 11px;   left: 14px;   background-color: currentcolor;}


.nav_search_box.casesshow {  top:20px;}
.nav_search_box.casesshow .nav_search_box_close:before{ /* color: #fff; */ color:#696564;}
.nav_search_box.casesshow .nav_search_frame {  /* border-bottom: 1px solid #fff; */ border-bottom: 1px solid #696564;  }
.nav_search_box.casesshow .nav_search_frame #nav_search_text { transition: opacity 800ms; border:0; width:450px;  float:left;  line-height:36px;   font-size:12px; /* color:#fff; */ color:#696564; background-color: transparent; outline: none;}
.nav_search_box.casesshow .nav_search_frame #nav_search_text::placeholder{/* color:#fff; */ color:#696564;}


/* banner */
.index_banner .swiper-slide{position: relative;}
.swiper-slide .txt{position: absolute; left: 55%; z-index: 10; top: 50%; /* margin-top: -150px; margin-left: 30px; */margin-top: -50px;}
.swiper-slide .txt p{font-weight: bold;}
.swiper-slide .txt .donghua{opacity: 0;transform: translateY(100px);transition: all .4s; transition-delay: 0.4s;}
.swiper-slide .txt .donghua p:first-child{padding-bottom: 20px;}
.swiper-slide .txt .nian{/* padding: 132px 0 60px 0; */padding: 82px 0 60px 0;}
.swiper-slide-active .txt .donghua{opacity: 1; transform: translateY(0px);}

.swiper-slide .copyright{position: absolute; z-index: 10; top: 80%; left: 144px;}
.swiper-slide .copyright p{color: #fff; line-height: 1.2em; font-weight: bold;}
.swiper-slide .copyright p:last-child{padding-top: 15px;}
.swiper-button-prev,.swiper-button-next{ width: 50px; height: 50px; background: rgba(0,0,0,0.2); border-radius: 50px;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 20px;}

.swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.swiper-pagination-bullet-active{background: #a98f6a;}



/* 联系我们banner */
.contact_swiper{margin-bottom: 100px;}
/* .contact_swiper .swiper-pagination{width: 100%; text-align: center; bottom: 50px; margin-left: 60px} */
.contact_swiper .swiper-pagination-bullet{width: 8px; height: 8px; background: #fff; opacity: 1;border-radius:50% !important;}
.contact_swiper .swiper-pagination-bullet-active{background: #a98f6a;}

/* 关于我们banner */
.about_banner{margin:100px auto 60px auto;} 
.about_banner img{ width:100%;}

/* banner */

/* 联系我们 */
.contact_nr{/* margin-top: 125px; */}
.con_1{padding-bottom: 240px; overflow: hidden;}
.con_2{overflow: hidden;display: flex; margin-bottom: 80px;}
.con_left{padding-right: 100px; padding-left: 0;}
.con_left h1{font-size: 110px; color: #ab916d;font-weight: 700;}
.con_left h3{font-size: 36px; color: #ab916d; font-weight: 700; padding-bottom: 30px;}
.con_left h4{font-size: 26px; color: #9a9a9b; font-family: "NotoSans"; padding-bottom: 70px;}
.con_left p{font-size: 20px; color: #9a9a9b; font-family: "NotoSans"; line-height: 40px; padding-bottom: 260px;}
.con_left .con_left_img{overflow: hidden; position: relative; height: 100%; }
.con_left .con_left_img img{transform:translate(0,-50%); top: 50%; position: absolute; min-height: 100%;  min-width: 100%; width: auto;}

.con_right{text-align: center; padding-left: 30px;}
.con_right h3{width: 403px; margin: 0 auto; text-align: left; padding-top: 68px;font-family: "NotoSans"; font-size: 20px;color: #ab916d; padding-bottom: 20px;}
.con_right h4{font-family: "NotoSans"; font-size: 20px;color: #ab916d; font-weight: bold; text-align: left;width: 403px; margin: 0 auto;}
.con_right2{text-align: justify;}
.con_right2 p{color: #9a9a9b; padding-bottom: 20px; line-height: 1.65em;}

.contact_con{margin-top: 80px; position: relative;}
/* .contact_con:after{content:"50%DESIGN"; display: block; font-size: 26px; right: -70px; top: 70px; color: #ab916d; font-weight: bold; position: absolute; transform:rotate(90deg); -ms-transform:rotate(90deg); 	 -moz-transform:rotate(90deg);  -webkit-transform:rotate(90deg);  -o-transform:rotate(90deg); 	}*/
 
.contact_con li{font-size:18px; margin-bottom: 30px; color: #ab916d; line-height: 22px;text-align: left;}
.contact_con li span{width: 22px; display: block; background: url(../images/icon.jpg) no-repeat left top; height: 22px; background-size: 22px; float: left; margin-right: 18px;}
.contact_con li:nth-child(2) span{background-position: left -52px;}
.contact_con li:nth-child(3) span{background-position: left -104px;}
.contact_con li:nth-child(4) span{background-position: left -158px;margin-bottom: 30px;}
.contact_con img{margin-top: 120px; display: block;}



/* 联系我们 */




 /* 关于我们 */

.about_nr .container{width: 1240px}

.about_con_detail{ width:65%; margin-bottom: 50px;}
.about_con_detail h1{font-weight:bold; color: #ab916d;margin-bottom: 30px;}
.about_con_detail h2{ color: #ab916d;margin-bottom: 20px;}
.about_con_detail h3{ color: #ab916d;margin-bottom: 15px;}
.about_con_detail p {font-size: 14px;color: #9a9a9b;line-height: 2em;}
.about_nr .hengxian{ width:100%;  border:1px solid #ab916d;}
.about_left_img{width: 80%; }
.about_right_txt{margin-bottom:80px;}
.about_right_txt_title{font-size: 22px;   color: #ab916d; margin-bottom:50px;}
.about_right_txt_con p {font-size: 14px;color: #9a9a9b;line-height: 2em;}

.yuanjing{overflow: hidden; padding-bottom: 60px;}


.yj_li{background: #a98f69; padding:78px 0px 50px 0px; text-align: center;background-size: cover; background-repeat:no-repeat;}
.yj_li h3{font-size: 20px; color: #fff; font-weight: 800; padding-bottom: 110px;}
.yj_li h3 span{font-weight: 400;}
.yj_li p{font-size: 16px; color: #fff; text-transform: uppercase; line-height: 20px; font-weight: 600; padding-bottom: 45px;}
.yj_li p span{font-family: "NotoSans"; display: block; padding-top: 10px;}
.yj_li img{width: 60px; opacity: 0.6}
.yj1{background:url(../images/yj1.jpg) no-repeat center center; }
.yj2{background:url(../images/yj2.jpg) no-repeat center center; }
.yj3{background:url(../images/yj3.jpg) no-repeat center center; }

/* .cs_tit{font-size: 42px; color: #a98f69; font-weight: 500; padding-bottom: 60px;}
.cs_tit span{font-weight: bold;}
.csr_jj img{float: left; padding-right: 50px; width: 50%; margin-right: 30px;}
.csr_jj {overflow: hidden;}
.csrjs{text-align: left; padding-top: 30px;}
.csrjs h3{font-size: 24px; font-family: "NotoSans"; padding-bottom: 100px; color: #a98f69;}
.csrjs h3 span{font-size: 22px; display: inline-block; float: left; padding-right: 20px;}
.csrjs h3 em{font-size: 22px; display: inline-block; font-style: inherit; padding-top: 3px;}
.csrjs h3 i{font-style: inherit; font-family: "NotoSans"; font-size: 14px;}
.csrjs h4{font-size: 20px; line-height: 2em; padding-bottom: 38px; color: #a98f69; font-weight: 500}
.csrjs p{font-size: 15px; line-height: 2em; color: #5c5c5c;} */

 /* 关于我们 */

/*  新闻中心 */
.new_nr{margin-top:30px;}
.new_nr .row{margin: 0 -20px;}
.new_li{margin-bottom: 80px;}
.new_li span{padding-bottom: 24px; font-size: 14px; font-family: "NotoSans"; color: #999; display: block;}
.new_li h3{font-size: 16px;  font-family: "NotoSans"; line-height: 1.5em; padding-bottom: 30px; color: #999; overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.new_li em{font-style: inherit; color: #a98f6a; padding-bottom: 30px; display: block; font-size: 12px;}
.new_li img{width: 100%}

.new_nr .more{margin-top:30px;}
/* 详情页 */

.new_2{margin-top:30px;}
.new_wz{/* width: 1600px; */ margin: 0 auto;}
.new_txt{padding-left: 50%; margin-left: 30px; padding-bottom: 100px;}
.new_txt h3{font-size: 24px;font-weight: 600; line-height: 2em; color: #a98f6a; padding-bottom: 30px;}
.new_txt h5{font-size: 28px; color: #333; padding-bottom: 20px;}
.new_txt .span{font-size: 18px; color: #999; padding-bottom: 70px; display: block; font-weight: 500}
.new_txt .sahng{font-size: 14px; line-height: 2em; color: #999; font-weight: 600}
.new_txt{position: relative; overflow: hidden;}
.new_txt .leftarror{position: absolute; left: 200px; top: 0}
.new_txt .rightarror{position: absolute; right: 200px; top: 0}
.new_txt .leftarror:hover,.new_txt .rightarror:hover{opacity: 0.6}
.leftarror .ri{display:none;}
.rightarror .le{display:none;}
.bottom_arror{margin:30px auto;padding-bottom: 30px;}
.new_wz img{width:100%}
.new_txt img{width:auto}


.tuijian .new_li:nth-child(3),.tuijian .new_li:nth-child(4),.tuijian .design_li:nth-child(3),.tuijian .design_li:nth-child(4){display:none}


/*  新闻中心 */


/* 设计案例 */

.works_nr{overflow: hidden;}

.works_nr h5{font-size: 16px;  font-family: "NotoSans"; color: #555; padding-top: 20px; padding-bottom: 5px; padding-left: 50%;overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}
.works_nr .design_li span{font-size: 12px; color: #999; font-weight: 500; padding-left: 50%;}
.works_nr .design_li p{font-size: 15px; color: #a98f6a; font-weight: 500; line-height: 30px; padding-left: 50%;}

.design_li h3{font-size: 30px; line-height: 90px; color: #a98f69; font-weight: 500}
.design_li h4{font-size: 30px; font-weight: 300; color: #a98f69}
.design_li p{font-size: 20px; color: #616161; font-weight: 300; padding-top: 20px;}

.design_li{padding-bottom: 50px;}

/* 设计案例 */


 
.bottom{padding: 60px 144px; overflow: hidden;}
.bottom .lico,.bottom .banquan{float: left; width: 50%}
.bottom .lico{padding-top: 60px; margin-left: 30px; width: 280px;}
.bottom .lico img{width: 280px;}
.bottom .lico,.bottom .banquan,.bottom .banquan p,.bottom .banquan p a{position: initial; color: #a98f6a}
.bottom .banquan p{line-height: 1.2em; font-weight: bold;}
.bottom .banquan p:last-child{padding-top: 15px;}

/* footer */
#footer {  background-color: #4d4d4d;  color: grey; height:auto;overflow:hidden; padding-bottom:30px;}
.site-info { /*  max-width: 1832px; */ margin: 0 auto;/*  padding:30px 37px;   display: -webkit-flex; display: -ms-flexbox;  display: flex;*/ padding:30px 20px;  }
.site-info div {  /* width:31%;  */font-size: 12px;   font-family:verlag a,verlag -webkit-xxx-large;}
.site-info div p {  margin-top: 0;}
.site-info a {color: #999;}
.site-info a:hover {color: grey!important;}

.site-info .aboutText { width:31%; /* padding-right: 8%; *//* display: inline-block; */margin-right: 8%; float:left;}
.aboutText p { /*   margin-bottom:40px; */line-height:20px; text-transform: capitalize;}

.site-info .footerMenus { width:40%; /* display: inline-block; */ float:left;}
.footerMenus div {   float: left;width: 50%;}
.footerMenus ul li a {
color: #999;font-size: 12px;text-decoration: none;  letter-spacing: 1px;padding: 10px 0;outline: none;    line-height: 1.9;}
.footerMenus div {/* width: 33%; */width: 25%;}
.footerMenus span {  display: block;margin-bottom: 15px;text-transform: uppercase;   letter-spacing: 2px;   font-family: verlag a,verlag b;   font-style: normal;   font-weight: 400;   font-size: 11px;}
.footerMenus ul {   margin: 0;   padding: 0;}
.footerMenus li {   list-style-type: none;}

.site-info .footerSocial {   /* width:30%;  padding-top:75px;*//*  display: inline-block; */width:20%;float:right;}
.footerSocial { text-align: right;}
.footerSocial .footerSocial_logo{}
.footerSocial .footerSocial_logo img{ width:95px;}
.footerSocial .footerSocial_coins{margin-top:30px;}
.footerSocial a{margin-right:15px;color:#4d4d4d}
.footerSocial a:hover{color:#4d4d4d}
.footerSocial a:last-child{ margin-right:0px;}
.bottom_icon{width: 20px; height: 20px; display: inline-block; }
.bottom_tiktok{ background: url(../images/bottom_social_03.png?20231106) no-repeat;background-size: cover;width: 17px; }
.bottom_weixin{ background: url(../images/bottom_social_01.png?20231106) no-repeat;background-size: cover;  width: 20px;position: relative;}
.bottom_tiktok img,.bottom_weixin img{position:absolute; bottom: 26px;left: 50%;opacity: 0; transform: translateX(-50%); background:#fff; transition: all 0.5s; width:0}
 
.bottom_xiaohongshu{ background: url(../images/bottom_social_05.png?20231106) no-repeat;background-size: cover; }
.footerSocial .footerSocial_coins a:hover img{display:block; width:115px; padding:10px; opacity: 1;}


/* footer */




@media (max-width: 1600px){
	.padding50{padding: 0 50px;}
	
	 /* 头部 */
	
	.top{padding: 0 60px;  padding-top: 60px; width: 100%;}
	.top .nav{}
	.nav li{padding: 0 15px}
	/* 头部 */
	/* 案例头部 */
.casesshow_top{padding-top: 20px;}
 
/* 案例头部 */	
}
@media (max-width: 1560px){
	
	.top .logo_left {
    float: left;
    width: 40%;
    padding-top: 0px;
	}
	
	
	 /* 头部 */
	.top #navToggle {
		height: 100%;
		padding: 9px 15px; padding-top: 0px;
		margin-right: -15px;
		display: inline-block;
		float: right;position: relative; z-index: 21;
	}
	.top #navToggle span {
		position: relative;
		width: 28px;
		height: 2px;
		margin-top: 19px;
	}
	.top #navToggle span:before,
	.top #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}
	.top #navToggle span,
	.top #navToggle span:before,
	.top #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #fff;
	}
	.on2 #navToggle span, .on2 #navToggle span:before, .on2 #navToggle span:after{background: #fff;}
	.top #navToggle span:before {
		top: 8px;
	}
	.top #navToggle span:after {
		bottom: 10px;
	}
	.top #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.top #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.top #navToggle.open span {
		background: none;
	}
	.top #navToggle.open span:before,
	.top #navToggle.open span:after {
		background: #fff;
	}
	.top .nav{display: none;background: #ab916d; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0;}
	.nav ul{display: inherit; padding-top: 140px;}
	.nav li{width: 100%; padding-left: 50%; line-height: 50px;}
	.nav .active a:after{bottom: -30px}
	
	 /* 头部 */
	 
	 
	 	/* 案例头部 */
 
.casesshow_top #navToggle {
		 
		padding: 0px 15px;  
		 
	}
	.casesshow_top #navToggle span,
	.casesshow_top #navToggle span:before,
	.casesshow_top #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		/* background: #fff; */
		background: #696564;
	}
	
	.on2 #navToggle span, .on2 #navToggle span:before, .on2 #navToggle span:after{/* background: #fff; */background: #696564;}
	
	.casesshow_top #navToggle.open span:before,
	.casesshow_top #navToggle.open span:after {
		/* background: #fff; */
		background: #696564;
	}
	
	.on2 #navToggle.open span:before,
	.on2 #navToggle.open span:after {
		background: #fff;
	}
	
	
	
/* 案例头部 */	
}


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


@media (max-width: 1200px){
	.padding15{padding:0 15px;}
	
	 /* 新闻菜单 */
	.ny_nav ul li{margin-right: 40px;}
	 /* 新闻菜单 */
	 
	
	
	 /* 关于我们 */
	 .about_nr .container{width: 100%;}
	  .about_con_detail{ width:80%;}
	  
	  /* 关于我们 */
	  
}
@media (max-width: 1100px){
	.col-sm-6{width: 100%; padding:0;}
	
	.padding20{padding: 0 20px;}
	
	.margin50{margin:30px auto;}
	.margin60{margin:60px auto;}
	 
	
	.more{margin-left: 0;}
	
 /* 头部 */
	
	.top {padding: 0 15px;padding-top: 20px; width: 100%;}
	.top #navToggle{padding-top: 7px;}
	.top .logo_left img{/* width: 100px; */ padding-top: 0px;}
	  
	.top .logo_left {
    float: left;
    width: 40%;
    padding-top: 8px;}
	
	.top .index_logo {
    float: left;
    width: 40%;
    padding-top: 12px;}
	
	.ny_top{height: 90px}
	
.nav_search_box { top:30px; z-index:999999;}
	 /* 头部 */
	/* 案例头部 */	
	 	.casesshow_top #navToggle{padding-top:0px;}
		.casesshow_top .logo_left img{padding-top: 0px;}
	/* 案例头部 */	
	
	/* 新闻菜单 */
	.ny_nav ul{padding:60px 0; margin:0px auto;}
	.ny_nav ul li{margin-right: 40px;padding: 0 10px}
	.ny_nav ul li:first-child,.ny_nav ul li{margin: 0}
 /* 新闻菜单 */
 
	/* banner */
  .swiper-slide .txt{ margin-left: 15px;}

/* 联系我们banner */
.contact_swiper{margin-bottom: 50px;}
 
/* 关于我们banner */
 .about_banner{margin:60px auto 60px auto;} 
 

/* banner */


    
    /* 联系我们 */
	.con_2{display: block;margin-bottom: 40px}
	.con_left{padding-right: 0;padding-left: 0;}
    .con_left .con_left_img img{position: inherit; width: 100%; height: auto; transform:inherit; margin-bottom: 50px}
	.con_left p{padding-bottom: 80px;}
	.con_left h1{font-size: 70px; margin-bottom: 50px}
	.con_left h4{font-size:22px}
	.con_right{padding-left: 0;}
	.contact_con {margin-top: 40px;}
	.contact_con:after{display: none}
	.contact_con img{margin-top: 60px; }

	 
	 /* 联系我们 */
	 
	 
	  /* 关于我们 */
	   
	  .about_left_img{width: 50%; float:left; }
	  .about_right_txt.about_right_txt_1{margin-top:30px;}
	  .yuanjing:nth-child{margin:auto 10px;}
	   
	  /* 关于我们 */
	
	/* 新闻中心 */
	/* 详情页 */
	.new_txt{padding-left: 0;margin-left: 0;padding-bottom: 30px;}
	.new_txt .leftarror,.new_txt .rightarror{display: none}
	  
	 
  /* 新闻中心 */
  
  
  
  /* 设计案例 */
	.row2 .col-sm-4{width: 50%; padding: 0px 5px; margin-bottom: 30px}
	.design_nr .row2{margin: 0 -5px}
	/* 设计案例 */
  
  
.bottom{padding: 60px 0}
.bottom .lico,.bottom .banquan{float: none; width: 100%}
.bottom .lico{padding-top: 40px; margin-left: 30px; width: 100%;}
.bottom .banquan{margin-left: 15px;}


}


@media (max-width: 768px){
	.none{display:none;}
.col-sm-4{width: 100%; margin-bottom: 30px; padding: 0}
  /* 案例头部 */	
  .casesshow_top .top_cat{text-align:center;justify-content: center; width:auto;}
  .casesshow_top .top_cat a{ font-size:16px;/*  color: #fff; */ color: #000;}
  /* 案例头部 */
  /* 关于我们 */
	.about_con_detail{ width:100%;}
	
	.about_left_img{width: 100%; float:none; }
	    
/* 关于我们 */	

/* footer */
.site-info {   padding:30px 0px;  }
.site-info .footerMenus {width: 60%;float:left;}
.site-info .footerSocial { width: 40%;}
/* footer */
}

@media (max-width: 640px){
		/* 案例头部 */	
	 	 
		.casesshow_top .nav2{display:none;}
		.casesshow_top .top_cat{display:none;}
	/* 案例头部 */
	
	/* 搜索框 */
	.nav_search_box{width:90%; left:0;margin-left:5%;}
	.nav_search_frame #nav_search_text{width:90%;}
	
		/* banner */
  .swiper-slide .txt{left: 0; margin-left: 15px;}
  /* banner */
	  /* 关于我们 */
	.about_con_detail h1{ font-size:1.5em;}
	     
/* 关于我们 */	
	
}

@media (max-width: 480px){
.margin30{margin:30px auto;}
 /* 头部 */
       .top .nav{}
		.nav li{padding-left: 40%;}
	 /* 头部 */

	/* banner */
   
/* 关于我们banner */
 .about_banner{margin:30px auto 60px auto;} 
 
/* banner */


/* footer */
.site-info .aboutText {width: 100%;float:none; margin-bottom:20px;}
.site-info .footerMenus {width: 100%;float:none;margin-bottom:20px;}
.site-info .footerSocial { width: 100%;float:none;}
/* footer */
	
}

@media (max-width: 360px){
 
 /* 头部 */
.top .logo_left img{width: 220px;}
.top .index_logo img{width: 60px;}
	 /* 头部 */
	 
}

@media (max-width: 320px){
 
 /* 头部 */
  .top .nav{}
		.nav li{padding-left: 30%;}
	 /* 头部 */
	 
}