@charset "utf-8";
/* CSS Document */
.designs {width: 100%;}
.designs .grey {background: #ECECED;}
.designs .rowTitle {position: relative; text-align: center; padding: 60px 30px 30px 30px; margin-bottom: 60px;}
.designs .rowTitle h2 {color: #000000; font-size: 36px; font-weight: bold;line-height: 62px; margin: 0; letter-spacing:2px;}
.designs .rowTitle .sub {font-weight: bold;color: #6D6D6D; line-height: 22px;}
.designs .rowTitle::after {content: '';position: absolute; height: 1px; background-color: #A5A6A6; width: 82px; left: 50%; bottom: 0; transform: translate(-50%,0);}

.designs .row {position: relative; width: 100%; }
.designs:after {content:"\200B";display:block;height:0;clear:both;}
.designs {*zoom:1;}

.designs .inner {position: relative; z-index: 1;}


.designs .designsIndex .dbanner {width: 100%; height: 550px;position: relative; z-index: 10;}
.designs .designsIndex .dbanner .bannerSwiper {width: 100%; height: 100%;}
.designs .designsIndex .bandbannerner .bannerSwiper .swiper-wrapper {position: relative;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .swiper-slide {width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text { width: 600px; color: #fff; position: absolute; left: 55%; top: 40%; transform: translate(-560px,-50%);}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text .title { margin-bottom: 65px;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text .title h2 {font-size: 40px; font-weight: bold; margin-bottom: 10px; line-height: 64px;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text .title .sub {color: #A5A6A6;font-size: 18px; letter-spacing:2px;line-height: 28px; font-weight:bold;padding-top:12px;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text a.btn {border: 1px solid #FFFFFF;border-radius: 23px;width: 200px;height: 38px; line-height: 34px; font-size: 16px;color: #FFFFFF;text-align: center; display: block;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-wrapper .text a.btn:hover {opacity: 0.7;}

.designs .designsIndex .dbanner .bannerSwiper .swiper-pagination {width: 100%; bottom: 100px !important;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px;border: 1px solid #FFFFFF;background-color: transparent; opacity: 1; margin: 0 15px;}
.designs .designsIndex .dbanner .bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #ffffff;}

.designs .designsIndex .slideShow { width: 650px; position: absolute; left: 48%; top: 40%; transform: translate(-150px,-50%); z-index: 12; display: flex;} 
.designs .designsIndex .slideShow .item { position: relative; margin-right: 18px; width: 130px; height: 300px; border-radius: 20px; overflow: hidden; border: solid 1px rgba(255, 255, 255, 0.5); transition:all .4s cubic-bezier(.215,.61,.355,1); background-color: #000000; cursor: pointer;} 
.designs .designsIndex .slideShow .item .image { opacity: 0.5; transition:all .4s cubic-bezier(.215,.61,.355,1);  } 
.designs .designsIndex .slideShow .item .image img{height:300px;width: auto; } 
.designs .designsIndex .slideShow .item .title {transform-origin: left top; position: absolute; left:0; bottom: 20px; width: 25px; color: #ffffff; font-size: 14px; line-height:18px; text-align:right; opacity: 0.5; transition:all .4s cubic-bezier(.215,.61,.355,1); } 
.designs .designsIndex .slideShow .item:last-child { margin-right: 0;} 
.designs .designsIndex .slideShow .item.shows { flex: 1; border: solid 1px rgba(255, 255, 255, 1);  }
.designs .designsIndex .slideShow .item.shows .image { opacity: 1; }
.designs .designsIndex .slideShow .item.shows .title { opacity: 1; }




.designs .designsIndex .newsList {background: #ECECEE; width: 1040px; height: 170px; margin: -80px auto 0 auto;box-shadow: 0px 2px 16px 0px rgba(153,153,153,0.7); position: relative;z-index: 13;}
.designs .designsIndex .newsList h3 {line-height: 48px; padding: 0 60px;font-weight: bold; font-size: 16px;color: #000000; border-bottom: solid 1px #fff; margin-bottom: 15px;}
.designs .designsIndex .newsList a {padding: 0 60px;line-height: 30px; display: block;color: #050000; font-size: 14px; display: flex; align-items: center;}
.designs .designsIndex .newsList a .date { width: 100px;}
.designs .designsIndex .newsList a .con { flex: 1;}
.designs .designsIndex .newsList a .con span{ background-color:#000; color:#FFF;padding-left:10px;padding-right:10px; padding-top:3px; padding-bottom:3px;margin-right:20px;border-radius:5px;font-size: 12px; letter-spacing:1px;}
.designs .designsIndex .newsList a .sign {font-size: 16px; font-weight: bold;color: #DC0B20;}

.designs .designsIndex .information {display: flex; margin-bottom: 20px;}
.designs .designsIndex .information .image { width: 580px; margin-right: 40px;line-height: 0;}
.designs .designsIndex .information .image img { width: 100%; height: auto;}
.designs .designsIndex .information .text { flex: 1;}
.designs .designsIndex .information .text .logo { width: 100px; margin: 0 auto 20px auto; padding: 40px 0 20px 0; position: relative;}
.designs .designsIndex .information .text .logo::after {content: '';position: absolute; height: 1px; background-color: #A5A6A6; width: 60px; left: 50%; bottom: 0; transform: translate(-50%,0);}
.designs .designsIndex .information .text .con {color: #727171; font-size: 13px; line-height: 24px; text-align:justify;}

.designs .designsIndex .desService { height: 465px;}
.designs .designsIndex .service { width: 100%;padding: 0 0 60px 0; display: flex; justify-content: space-between;}
.designs .designsIndex .service .item {width: 244px;background: #FFFFFF;}
.designs .designsIndex .service .item .image {width: 100%; height: 240px; line-height: 0;}
.designs .designsIndex .service .item .image img {width: 100%; height: auto; object-fit: cover;}
.designs .designsIndex .service .item .title {
	font-size: 20px;
	font-weight: bold;
	color: #2A2929;
	line-height: 24px;
	padding-bottom: 25px;
	margin-bottom: 28px;
	position: relative;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
}
.designs .designsIndex .service .item .title::after {content: '';position: absolute; height: 1px; background-color: #2A2929; width: 82px; left: 50%; bottom: 0; transform: translate(-50%,0);}
.designs .designsIndex .service .item .des {font-size: 13px;color: #727171;line-height: 22px; padding: 0 25px 15px 25px; height: 160px; text-align:justify;}
.designs .designsIndex .service .item .btns { display: flex; justify-content: center; margin-bottom: 40px;}
.designs .designsIndex .service .item .btns img { margin-left: 11px;}
.designs .designsIndex .service .item .btns a {background: #000000;border-radius: 6px; width: 184px; height: 42px; text-align: center;font-size: 14px;color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.designs .designsIndex .serviceGreyBg {position: absolute; width: 100%; bottom: 0; left: 0;background: #ECECED; height: 420px; z-index: 0;}

.designs .designsIndex .workSlide {width: 100%; overflow: hidden; padding: 5px 5px 100px 5px; position: relative;}
.designs .designsIndex .workSlide .swiper-slide {width: 20%; position: relative;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);overflow: hidden;background-color: #fff;}
.designs .designsIndex .workSlide .swiper-slide a {display: block;}
.designs .designsIndex .workSlide .swiper-slide .image {line-height: 0; overflow: hidden; position: relative;}
.designs .designsIndex .workSlide .swiper-slide .image img {width: 100%; height: auto; object-fit: cover;transition:all .4s cubic-bezier(.215,.61,.355,1);}
.designs .designsIndex .workSlide .swiper-slide .image .bg {display:none;}
.designs .designsIndex .workSlide .swiper-slide .con {
	border-bottom:  solid 1px #ECECEE;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.designs .designsIndex .workSlide .swiper-slide .con .tit {font-size: 16px; font-weight: bold; color: #000; height: 18px; line-height: 18px; margin-bottom: 14px;}
.designs .designsIndex .workSlide .swiper-slide .con .cat {font-size: 13px;color: #6D6D6D; line-height: 24px; display: flex;justify-content: space-between;}
.designs .designsIndex .workSlide .swiper-slide .con .cat span {width: 50px;height: 16px; text-align: center;line-height: 16px; border-radius: 8px;color: #6D6D6D; font-size: 12px;background: #ECECEE; margin-top:5px;}
.designs .designsIndex .workSlide .swiper-slide .ign {color: #6D6D6D; line-height: 50px;font-weight: 400; padding: 0 15px; letter-spacing:2px;}
.designs .designsIndex .workSlide .swiper-slide a:hover .image img {transform: scale(1.3);}
.designs .designsIndex .workSlide .swiper-slide a:hover .image .bg {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6);transition:all .4s cubic-bezier(.215,.61,.355,1); display: flex; align-items: center; justify-content: center;}
.designs .designsIndex .workSlide .swiper-slide a:hover .image .bg span {padding: 0 15px; height: 24px; font-size:12px;line-height: 24px; 
  background-color: #000; color: #fff; border-radius: 12px; transition:all .4s cubic-bezier(.215,.61,.355,1);}
.designs .designsIndex .workSlide .swiper-pagination {bottom: 40px;}
.designs .designsIndex .workSlide .swiper-pagination .swiper-pagination-bullet {border: 1px solid #000000; width: 10px; height: 10px;background-color: transparent;opacity: 1; margin: 0 15px;}
.designs .designsIndex .workSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #000000;}
.designs .workGreyBg {position: absolute; width: 100%; bottom: 0; left: 0;background: #ECECED; height: 271px; z-index: 0;}

.designs .row .dot {width: 93px; height: 23px; position: absolute; left: 50%; bottom: -20px; transform: translate(-50%,0); background: url('../images/designs/icon_dot1.png') no-repeat center center; z-index: 10;}
.designs .row .dot2 {width: 93px; height: 23px; position: absolute; left: 50%; bottom: -20px; transform: translate(-50%,0); background: url('../images/designs/icon_dot2.png') no-repeat center center; z-index: 10;}

.designs .designsIndex .memberList {display: flex; justify-content: space-between;}
.designs .designsIndex .memberList .item {width: 190px;}
.designs .designsIndex .memberList .image {width: 190px; height: 240px;line-height: 0; margin-bottom: 30px;}
.designs .designsIndex .memberList .image img {width: 100%; height: auto; object-fit: cover;}
.designs .designsIndex .memberList .con {width: 100%; border: solid 1px #aaaaaa; padding: 20px 0 10px 0; text-align: center; position: relative; height: 136px; display: flex; justify-content: center; align-items: center;}
.designs .designsIndex .memberList .con .tit {font-size: 16px;font-weight: bold;color: #000000; position: absolute; width: 100%;top: -11px; line-height: 20px; height: 20px; left: 0;}
.designs .designsIndex .memberList .con .tit span {background-color: #fff;display: inline-block; padding: 0 10px;}
.designs .designsIndex .memberList .con .des {font-size: 14px;color: #6D6D6D;line-height: 24px;}
.designs .designsIndex .callBlock { padding: 60px 0 80px 0; display: flex; justify-content: center;}
.designs .designsIndex .callBlock span {background: #000000;border-radius: 6px;width: 450px;height: 60px;font-size: 20px;font-weight: bold;color: #FFFFFF;line-height: 60px; text-align: center; display: inline-block; letter-spacing:2px;}

.designs .designsIndex .teamStrength {padding: 70px 0; display: flex; justify-content: space-between;}
.designs .designsIndex .teamStrength .item {border-right: dotted 1px #ccc; padding: 0 45px; width: 230px; display: flex;flex-direction: column; align-items: center;}
.designs .designsIndex .teamStrength .item:last-child {border-right: 0;width: 375px;}
.designs .designsIndex .teamStrength .item .title {margin-bottom: 30px;text-align: center;}
.designs .designsIndex .teamStrength .item .title img { margin-bottom: 18px;}
.designs .designsIndex .teamStrength .item .title .tit {position: relative;color: #000000;font-weight: bold; font-size: 18px;line-height: 18px; padding-bottom: 30px; }
.designs .designsIndex .teamStrength .item .title .tit::after {content: '';position: absolute; height: 1px; background-color: #A5A6A6; width: 50px; left: 50%; bottom: 0; transform: translate(-50%,0);}
.designs .designsIndex .teamStrength .item .list {display: flex; justify-content: space-between;}
.designs .designsIndex .teamStrength .item .list ul {display: flex;flex-direction: column; align-items: center; margin: 0 10px;}
.designs .designsIndex .teamStrength .item .list ul li {display: flex;flex-direction: column; align-items: center; margin-bottom: 20px;}
.designs .designsIndex .teamStrength .item .list ul li:last-child {margin-bottom: 0;}
.designs .designsIndex .teamStrength .item .list ul li .tag {border: 1px solid #A5A6A6;width: 136px; height: 30px;border-radius: 6px; line-height: 28px; text-align: center;color: #6D6D6D; font-size: 16px; margin-bottom: 20px;}
.designs .designsIndex .teamStrength .item .list ul li .mem {font-size: 36px;line-height: 40px; color: #000;}
.designs .designsIndex .teamStrength .item .list ul li .mem small {font-size: 16px;}


.designs .contactMentor {width: 100%; height: 440px;background: url('../images/designs/mentor.jpg') no-repeat center center; display: flex; flex-direction: column; justify-content: center; align-items: center;color: #FFFFFF; position:relative;}
.designs .contactMentor .title {font-weight: bold;font-size: 30px;font-weight: bold; line-height: 32px; margin-bottom: 36px;}
.designs .contactMentor .des {font-weight: 400;color: #C9CACA;line-height: 24px; font-size: 14px;text-align: center; margin-bottom: 58px;}
.designs .contactMentor .btn {border: 1px solid #FFFFFF;border-radius: 23px; display: block;height: 48px;width: 284px;font-size: 16px;color: #FFFFFF;text-align: center; line-height: 46px;}
.designs .contactMentor .btn:hover{
	border: 1px solid #FFFFFF;
	border-radius: 23px;
	display: block;
	height: 48px;
	width: 284px;
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 46px;
	background-color: #FFF;
}
.designs .designguwenqr{position:absolute;z-index:9998;width:150px;height:170px;top:90px; display:none;}

.designs .contactUs {display: flex; justify-content: center;height: 96px;}
.designs .contactUs a {height: 96px; width: 460px;display: block; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; border-left:  solid 1px #6D6D6D; border-right:  solid 1px #6D6D6D; position:relative;}
.designs .contactUs a .icon { margin-right: 30px;}
.designs .contactUs a .text { flex: 1; font-size:16px;}
.designs .contactUs a:last-child { border-left: 0;}
/*.designs .contactUs a:hover {opacity: 0.6;}*/

.designs .designcontactqr{position:absolute;z-index:9998;width:150px;height:170px; left:430px;top:-35px; display:none;}

.designs .contactMap {width: 100%; height: 320px;}
.designs .contactMap a {width: 100%; height: 320px;display: block; background: url('../images/designs/maps.jpg') no-repeat center center;}
.designs .contactMap a:hover {opacity: 0.6;}

.designs .pageTop {background: #000000;width: 100%;height: 60px;}
.designs .pageTop a {width: 100%; height: 60px;display: block;display: flex; justify-content: center; align-items: center;font-size: 18px;color: #FFFFFF;}
.designs .pageTop a img {margin-right: 13px;}



.designs .breadcrumb { width: 100%; background: #000000;}
.designs .breadcrumb .inner { height: 50px;background: #000000;}
.designs .breadcrumb .bread {height: 50px; display: flex; align-items: center;}
.designs .breadcrumb .bread .home {margin-right: 25px;line-height: 0;}
.designs .breadcrumb .bread .sub {padding-right: 27px; background: url('../images/designsIdea/icon_arraw.png') no-repeat right center;display: block;margin-right: 25px;color: #FFFFFF; font-size: 14px;}
.designs .breadcrumb .bread .sub:last-child {background-image: none;}

.designs .designsIdea .banner { width: 100%; height: 300px;background: url('../images/designsIdea/banner.jpg') no-repeat center center;}

.designs .designsIdea .service { width: 100%;padding: 0 0 60px 0; display: flex; justify-content: space-between;}
.designs .designsIdea .service .item {width: 324px;background: #FFFFFF;}
.designs .designsIdea .service .item .image {width: 100%; height: 233px; line-height: 0;overflow: hidden;}
.designs .designsIdea .service .item .image img {width: 100%; height: auto; object-fit: cover;}
.designs .designsIdea .service .item .title {font-size: 20px;font-weight: bold;color: #2A2929; line-height: 24px; padding-bottom: 23px; margin-bottom: 28px; position: relative; padding: 25px 25px;text-align: center;}
.designs .designsIdea .service .item .title::after {content: '';position: absolute; height: 1px; background-color: #2A2929; width: 82px; left: 50%; bottom: 0; transform: translate(-50%,0);}
.designs .designsIdea .service .item .des {font-size: 13px;color: #727171;line-height: 24px; padding: 0 40px 15px 40px; height: 160px; text-align:justify;}
.designs .designsIdea .service .item .btns { display: flex; justify-content: center; margin-bottom: 40px;}
.designs .designsIdea .service .item .btns img { margin-left: 11px;}
.designs .designsIdea .service .item .btns a {background: #000000;border-radius: 6px; width: 184px; height: 42px; text-align: center;font-size: 14px;color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.designs .designsIdea .serviceGreyBg {position: absolute; width: 100%; bottom: 0; left: 0;background: #ECECED; height: 428px; z-index: 0;}

.designs .designsIdea .toolsList {display: flex; justify-content: space-between; padding:  0 0 100px 0;}
.designs .designsIdea .toolsList .item {width: 240px;border: 1px solid #D5D5DB;}
.designs .designsIdea .toolsList .item .image {width: 240px; height: 290px; line-height: 0; overflow: hidden;}
.designs .designsIdea .toolsList .item .image img {width: 99%; height: auto;}
/* .designs .designsIdea .toolsList .item .con {} */
.designs .designsIdea .toolsList .item .con .tit {font-size: 16px;color: #000000; font-weight: bold;border-bottom: 1px solid #D5D5DB; line-height: 60px; padding: 0 20px;}
.designs .designsIdea .toolsList .item .con .cat {font-size: 14px;color: #6D6D6D;line-height: 38px; padding: 0 20px;}



.designs .designsMade .banner { width: 100%; height: 300px;background: url('../images/designsMade/banner.jpg') no-repeat center center;}
.designs .designsMade .infomation {color: #6D6D6D; font-size: 14px;line-height: 30px;font-weight: 400; width: 650px; margin: 0 auto 70px auto;}

.designs .designsMade .service { width: 100%;padding: 0 0 50px 0; display: flex; justify-content: space-between;}
.designs .designsMade .service .item {width: 320px;background: #FFFFFF;}
.designs .designsMade .service .item .image {width: 100%; height: 233px; line-height: 0;overflow: hidden;}
.designs .designsMade .service .item .image img {width: 100%; height: auto; object-fit: cover;}
.designs .designsMade .service .item .title {font-size: 20px;font-weight: bold;color: #2A2929; line-height: 24px; padding-bottom: 23px; margin-bottom: 28px; position: relative; padding: 25px 25px;text-align: center;}
.designs .designsMade .service .item .title::after {content: '';position: absolute; height: 1px; background-color: #2A2929; width: 82px; left: 50%; bottom: 0; transform: translate(-50%,0);}
.designs .designsMade .service .item .des {font-size: 13px;color: #6D6D6D;line-height: 24px; padding: 0 40px 15px 40px; height: 200px; text-align:justify;}
.designs .designsMade .serviceGreyBg {position: absolute; width: 100%; bottom: 0; left: 0;background: #ECECED; height: 670px; z-index: 0;}

.designs .designsMade .steps { padding-bottom: 50px; }
.designs .designsMade .steps .title {font-size: 20px;font-weight: bold;color: #2A2929;line-height: 56px; padding-left: 28px; position: relative; border-bottom:  solid 1px #CCCCCC; margin-bottom: 24px; letter-spacing:2px;}
.designs .designsMade .steps .title::after {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);width: 10px; height: 40px;background: #000000;}
.designs .designsMade .steps .lists {display: flex; justify-content: space-between;}
.designs .designsMade .steps .lists .item {box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.5); background-color: #fff; width: 190px; height: 160px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.designs .designsMade .steps .lists .item .num {width: 30px; height: 30px; position: absolute; left: 0; top: 0;background: #323F95; color: #fff; text-align: center;line-height: 28px;font-size: 23px; font-weight: bold; font-style: italic;}
.designs .designsMade .steps .lists .item .tit {color: #000000; font-size: 16px; font-weight: bold;}



.designs .designsMember {width: 100%;}
.designs .designsMember .banner { width: 100%; height: 300px;background: url('../images/designs/banner_yijiangshu.jpg') no-repeat center center;}
.designs .designsMember .infomation {color: #6D6D6D; font-size: 14px;line-height: 30px;font-weight: 400; width: 650px; margin: 0 auto 70px auto;}

.designs .designsMember .question {padding: 50px 0 60px 0;}
.designs .designsMember .question .title {font-size: 20px;font-weight: bold;color: #2A2929;line-height: 56px; padding-left: 28px; position: relative; margin-bottom: 8px;}
.designs .designsMember .question .title::after {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);width: 12px; height: 40px;background: #000000;}
.designs .designsMember .question .lists { width: 100%;}
.designs .designsMember .question .lists .item {box-shadow: 0px 2px 16px 0px rgba(153,153,153,0.28);background: #FFFFFF; padding: 0 60px; margin-bottom: 20px;}
.designs .designsMember .question .lists .item:last-child { margin-bottom: 0;}
.designs .designsMember .question .lists .item .tit { color: #000000; font-size: 14px; padding: 18px 0; border-bottom:  solid 1px #CCCCCC;}
.designs .designsMember .question .lists .item .tit span {color: #323F95;}
.designs .designsMember .question .lists .item .con {color: #000000; font-size: 14px; padding: 20px 0; }
.designs .designsMember .question .lists .item .con span {color: #E55160;}

/*2023-3-24*/
.designs .designsMember .question .lists .accordion {width: 100%;}
.designs .designsMember .question .lists .accordion dt {box-shadow: 0px 3px 10px 0px rgba(153,153,153,0.28);background: #FFFFFF; padding: 0 60px;cursor: pointer;position: relative;}
.designs .designsMember .question .lists .accordion dt i {width: 20px; height: 10px;display: block;position: absolute; right: 60px; top: 25px;background: url('../images/designs/acc.png') no-repeat center center;background-size: 20px;}
.designs .designsMember .question .lists .accordion dt.select i {background: url('../images/designs/acc_open.png') no-repeat center center;background-size: 20px;}

.designs .designsMember .question .lists .accordion dt .tit { color: #000000; font-size: 14px; padding: 18px 0;}
.designs .designsMember .question .lists .accordion dt .tit span {color: #323F95;}

.designs .designsMember .question .lists .accordion .fglines{width:100%;height:20px;}

.designs .designsMember .question .lists .accordion dd {box-shadow: 0px 3px 3px 0px rgba(153,153,153,0.28);background: #FFFFFF; padding: 0 60px;cursor: pointer;position: relative;}
.designs .designsMember .question .lists .accordion dd .con {color: #000000; font-size: 14px; padding: 20px 0; border-top:  solid 1px #CCCCCC;}
.designs .designsMember .question .lists .accordion dd .con span {color: #E55160;}



.designs .designsMember .memberTables {width: 100%; margin-bottom: 100px;color: #6D6D6D; font-size: 13px;}
.designs .designsMember .memberTables .thead {background: #F1F1F3; height: 70px; display: flex;  border-top: solid 1px #000000;border-bottom: solid 1px #000000;}
.designs .designsMember .memberTables .thead .name {color: #000000; line-height: 25px;font-size: 20px; font-weight:bold;text-align: center; border-right: solid 1px #CCCCCC;height: 70px; display: flex; align-items: center; justify-content: center; }
.designs .designsMember .memberTables .thead .name:nth-child(1) {width: 235px;}
.designs .designsMember .memberTables .thead .name:nth-child(2) {flex: 1;}
.designs .designsMember .memberTables .thead .name:last-child {border-right: 0;}
.designs .designsMember .memberTables .tbody {width: 100%; }
.designs .designsMember .memberTables .tbody .lirow {width: 100%;display: flex; border-bottom: solid 1px #CCCCCC;}
.designs .designsMember .memberTables .tbody .lirow .td {border-right: solid 1px #CCCCCC; padding: 20px 40px; display: flex; align-items: center; justify-content: center;}
.designs .designsMember .memberTables .tbody .lirow .td:nth-child(1) {width: 235px; text-align: center;color: #000000; font-size: 16px;}
.designs .designsMember .memberTables .tbody .lirow .td:nth-child(2) {flex: 1;}
.designs .designsMember .memberTables .tbody .lirow .td:nth-child(3) {width: 155px;}
.designs .designsMember .memberTables .tbody .lirow .td:nth-child(4) {width: 175px;}
.designs .designsMember .memberTables .tbody .lirow .td:last-child {border-right: 0;}
.designs .designsMember .memberTables .tbody .lirow .td .text {line-height: 24px; font-size:13px; text-align:justify;}
.designs .designsMember .memberTables .tbody .lirow .td .icon {width: 40px; height: 40px; margin: 0 8px;}
.designs .designsMember .memberTables .tbody .lirow .td .icon img {width: 40px; height: 40px;}

.designs .designsMember .memberTables .tbody .lirow .td .li {position: relative;}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop {
	position:absolute;
	z-index:99999;
	width: 516px;
	height: 379px;
	left: 23%;
	top: 40px;
	transform: translate(-77%,0);
	background: url('../images/designsMember/popbg.png') no-repeat center center;
	display: flex;
	padding-top: 50px;
	padding-right: 40px;
	padding-bottom: 56px;
	padding-left: 40px;
}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popImage { width: 220px; height: 280px;line-height: 0;}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popImage img {width: 220px; height: auto; object-fit: cover; }
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText { flex: 1; padding-left: 32px; padding-top: 20px; }
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .ct { font-size: 16px;color: #808080;line-height: 21px; margin-bottom: 20px;}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .name { margin-bottom: 50px; }
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .name span {display: inline-block;font-size: 30px;color: #202D33; line-height: 26px;text-align: center;}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .name span small {font-size: 12px; color: #808080;}
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .tag { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 10px 0; }
.designs .designsMember .memberTables .tbody .lirow .td .li .pop .popText .tag .tagItem { color: #808080; font-size: 14px;line-height: 22px; background: url('../images/designsMember/icon_li.png') no-repeat left 13px; padding: 5px 0 5px 13px; }


.designs .designsDetail {background: url('../images/designsDetail/bg.png') repeat-y center center; width: 100%; height: 670px; position: relative;}
.designs .designsDetail .bgroup { position: absolute; top: 0; left: 50%; transform: translate(-120%,0); background: url('../images/designsDetail/bg_goods.png') no-repeat top center; width: 662px; height: 712px;}

.designs .designsDetail .backPage {display: flex; align-items: center; padding: 20px 0;}
.designs .designsDetail .backPage img { margin-right: 8px;}
.designs .designsDetail .main { display: flex; justify-content: space-between; align-items: flex-end; padding: 10px 0 100px 0; }
.designs .designsDetail .main .content { padding-bottom: 60px; }
.designs .designsDetail .main .content .title { position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.designs .designsDetail .main .content .title h2 { font-size: 24px;font-weight: bold;color: #2A2929;line-height: 50px; margin-bottom: 0;}
.designs .designsDetail .main .content .title h4 { font-size: 16px;color: #707070;font-weight: bold; padding: 0;}
.designs .designsDetail .main .content .title::after { content: '';position: absolute; bottom: 0; left: 0;background: #A5A6A6; width: 50px; height: 1px;}
.designs .designsDetail .main .content .info { width: 410px; }
.designs .designsDetail .main .content .info .tit {font-size: 16px;color: #003886;line-height: 32px; margin-bottom: 10px; }
.designs .designsDetail .main .content .info .con {font-size: 13px;color: #6D6D6D;line-height: 25px; text-align:justify;}
.designs .designsDetail .main .images { width: 550px; display: flex; justify-content: space-between; align-items: flex-end; }
.designs .designsDetail .main .images .bigImg { width: 370px; height: 480px; }
.designs .designsDetail .main .images .bigImg img { width: 100%; }
.designs .designsDetail .main .images .nav { width: 140px; }
.designs .designsDetail .main .images .nav .item { width: 140px;height: 194px; display: block; border: 1px solid #393838; margin-top: 20px; }
.designs .designsDetail .main .images .nav .item img { width: 100%; height: 100%; object-fit: cover; }
.designs .designsDetail .main .images .nav .item:hover {opacity: 0.8;}

.designs .designsDetail .mainB .content .info { width: 320px; }
.designs .designsDetail .mainB .images { width: 650px; }
.designs .designsDetail .mainB .images .bigImg { width: 500px; height: 480px; }



.designs .designsCity { width: 100%;background: #ECECEE; position:relative;}
.designs .designsCity .backPage {
	position:absolute;
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}
.designs .designsCity .backPage img { margin-right: 8px;}
.designs .designsCity .topBanner { width: 100%; height: 520px; background-repeat: no-repeat;background-size: 100% auto;/*background-position: -180px center;*/}
.designs .designsCity .topBanner .inner { height: 100%; position: relative; }
.designs .designsCity .topBanner .content { padding-left: 400px; padding-top: 35px;padding-right: 10px;}
.designs .designsCity .topBanner .content h2 {font-size: 26px;font-weight: bold;color: #2A2929;line-height: 51px; position: relative; margin-bottom: 25px; padding-bottom: 5px; }
.designs .designsCity .topBanner .content h2 span {font-size: 14px;font-weight: bold;color: #6D6D6D; padding-left: 20px; display: inline-block; }
.designs .designsCity .topBanner .content h2::after { content: ''; position: absolute; left: 0; bottom: 0;width: 40px; height: 1px;background: #A5A6A6; }
.designs .designsCity .topBanner .content .des {font-size: 13px;color: #6D6D6D;line-height: 24px; text-align:justify;}
.designs .designsCity .topBanner .slideList { width: 620px; height: 194px; position: absolute; bottom: 0; right: 10px; display: flex; justify-content: space-between; align-items: flex-end; }
.designs .designsCity .topBanner .slideList .item { width: 230px; height: 215px; border-radius: 10px 10px 0px 0px; overflow: hidden; }
.designs .designsCity .topBanner .slideList .item a { width: 100%; height: 100%; position: relative; display: block;  }
.designs .designsCity .topBanner .slideList .item a .tit { color: #C2C2C2;font-size: 15px;font-weight: bold; position: absolute; left: 20px; top: 12px; z-index: 10; }
.designs .designsCity .topBanner .slideList .item a .titSmall {font-size: 12px;color: #C2C2C2; position: absolute; left: 20px; top: 35px; z-index: 10;}
.designs .designsCity .topBanner .slideList .item a .image { width: 100%; height: 100%;border-radius: 10px 10px 0px 0px; position: relative; z-index: 8; }
.designs .designsCity .topBanner .slideList .item a .image img { width:100%;border-radius: 10px 10px 0px 0px; }
.designs .designsCity .topBanner .slideList .item a .lens { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5);  z-index: 9;}
.designs .designsCity .topBanner .slideList .item a::after {width: 93px;height: 23px; content: ''; position: absolute; left: 50%; bottom: -23px; transform: translate(-50%,0); background: url('../images/designCity/dot.png') no-repeat center center; z-index: 11;}

.designs .designsCity .topBanner .slideList .item.current { height: 235px; transition:all .4s cubic-bezier(.215,.61,.355,1);box-shadow: 3px 0px 1px 0px rgba(0,0,0,0.2);}
.designs .designsCity .topBanner .slideList .item.current a .tit { color: #2A2929;transition:all .4s cubic-bezier(.215,.61,.355,1);}
.designs .designsCity .topBanner .slideList .item.current a .titSmall { color: #2A2929;transition:all .4s cubic-bezier(.215,.61,.355,1);}
.designs .designsCity .topBanner .slideList .item.current a .lens { background-color: transparent;transition:all .4s cubic-bezier(.215,.61,.355,1); }
.designs .designsCity .topBanner .slideList .item.current a::after { bottom:0; transition:all .4s cubic-bezier(.215,.61,.355,1);}

.designs .designsCity .slideMain {
	display: flex;
	justify-content: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.designs .designsCity .slideMain .item {width: 466px;background: #FFFFFF;border-radius: 6px; padding: 16px 16px 0 16px;}
.designs .designsCity .slideMain .item a:hover {opacity: 0.8;}
.designs .designsCity .slideMain .item .image { width: 434px; height: 260px;line-height: 0; }
.designs .designsCity .slideMain .item .image img { width: 434px; height: 260px; object-fit: cover; }
.designs .designsCity .slideMain .item .title { line-height: 45px; height: 45px;font-size: 16px;font-weight: bold;color: #707070; text-align: center; }
.designs .designsCity .slideMain .item a:hover .title {color:#003888;}



.designs .designsCityDetail {width: 100%;min-height: 650px;}
.designs .designsCityDetail .topBanner {width: 100%; height: 570px; position: relative; overflow: hidden;}
.designs .designsCityDetail .topBanner::after {width: 100%; height: 500px; position: absolute; left:0; top: 0; content: '';}
.designs .designsCityDetail .topBanner::before {width: 179px; height: 92px; position: absolute; left: 50%; bottom: 25px; content: ''; transform: translate(-185px,0); background: url('../images/designCity/banner_dot.png') no-repeat left center;}
.designs .designsCityDetail .topBanner .inner {height: 100%; display: flex; align-items: center;justify-content: space-between;}
.designs .designsCityDetail .topBanner .content { width: 300px; height: 500px; padding-top: 85px; position: relative;}
.designs .designsCityDetail .topBanner .content .title { position: relative; margin-bottom: 20px; padding-bottom: 20px;}
.designs .designsCityDetail .topBanner .content .title h2 {font-size: 26px;font-weight: bold;color: #2A2929; line-height: 32px; margin-bottom: 10px; letter-spacing:2px;}
.designs .designsCityDetail .topBanner .content .title h3 { color:#707070; font-size:18px;letter-spacing:2px;}
.designs .designsCityDetail .topBanner .content .title h3::after { content: ''; position: absolute; left: 0; bottom: 0;width: 50px; height: 1px;background: #A5A6A6; }
.designs .designsCityDetail .topBanner .content .title { position: relative; }
.designs .designsCityDetail .topBanner .content .des { flex: 1; }
.designs .designsCityDetail .topBanner .content .des h3 {font-size: 16px;color: #003886;font-weight: bold; margin-bottom: 10px;letter-spacing:2px;}
.designs .designsCityDetail .topBanner .content .des p {font-size: 13px;color: #6D6D6D;line-height: 22px;letter-spacing:1px; text-align:justify;}
.designs .designsCityDetail .topBanner .content .btns a {width: 240px;height: 42px;background: #000000;border-radius: 6px; display: block;font-size: 14px; text-align: center; color: #ffffff; display: flex; align-items: center; justify-content: center; }
.designs .designsCityDetail .topBanner .content .btns a img { margin-left: 30px; }
.designs .designsCityDetail .topBanner .content .btns a:hover { opacity: 0.8; }

.designs .designsCityDetail .topBanner .content .backPage {position: absolute; left: 0; top: -20px;}
.designs .designsCityDetail .topBanner .content .backPage img { margin-right: 8px;}
.designs .designsCityDetail .topBanner .slideImages {width: 662px;height: 461px;background: #D4D4D4; padding: 6px; position: relative;}
.designs .designsCityDetail .topBanner .slideImages .slideTop { width: 100%; position:absolute; left: 0;top: -36px; display: flex; height: 36px; justify-content: space-between; z-index: 99;}
.designs .designsCityDetail .topBanner .slideImages .slideTop .type { width: 88px; position: relative; }

.designs .designsCityDetail .topBanner .slideImages .slideTop .type .nav { width: 88px;height: 36px; display: flex; align-items: center; justify-content: center; background: #D4D4D4;border-radius: 6px 6px 0px 0px;font-size: 14px;font-weight: bold;color: #FFFFFF;}
.designs .designsCityDetail .topBanner .slideImages .slideTop .type .nav img { margin-right: 7px; }
.designs .designsCityDetail .topBanner .slideImages .slideTop .type .downMenu { display: none; position: absolute; left: 0; top: 36px; background: #D4D4D4;width: 88px; text-align: center; line-height: 36px; padding: 10px 0;  }
.designs .designsCityDetail .topBanner .slideImages .slideTop .type .downMenu a { display: block;}
.designs .designsCityDetail .topBanner .slideImages .slideTop .type:hover .downMenu { display: block; }

.designs .designsCityDetail .topBanner .slideImages .slideTop .category { width: 41px; position: relative; }
.designs .designsCityDetail .topBanner .slideImages .slideTop .category .nav {width: 41px;height: 36px;}
.designs .designsCityDetail .topBanner .slideImages .slideTop .category .downMenu {  display: none;position: absolute; right: 0; top: 36px; background: #D4D4D4;width: 100px; text-align: center; line-height: 36px; padding: 10px 0;  }
.designs .designsCityDetail .topBanner .slideImages .slideTop .category .downMenu a {display: block;}
.designs .designsCityDetail .topBanner .slideImages .slideTop .category:hover .downMenu { display: block; }

.designs .designsCityDetail .topBanner .slideImages .slidePrev { width: 34px; height: 34px; line-height: 0; position: absolute; left: 50%; top: -14px; transform: translate(-50%,0); z-index: 80;}
.designs .designsCityDetail .topBanner .slideImages .slideNext {width: 34px; height: 34px; line-height: 0; position: absolute; left: 50%; bottom: -14px; transform: translate(-50%,0); z-index: 80;}

.designs .designsCityDetail .topBanner .slideImages .slideLists {width: 650px; height: 449px; z-index: 10; position: relative;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item {width: 650px; height: 449px; opacity: 0; position: absolute; left: 0; top: 0; }

.designs .designsCityDetail .topBanner .slideImages .slideLists .item .image {width: 650px; height: 449px; position: relative; overflow: hidden;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .image img {width: 650px; height: 449px; object-fit: cover; position: absolute; left:0; top: 0; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail { position: absolute; left: 50%; top: 50%;}


/*1-新余市某主干道色彩规划*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th1_1 {left: -40px; top: 50px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th1_2 {left: 550px; top: 90px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th1_3 {left: 40px;top: 370px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th1_4 {left: 480px; top: 310px; opacity: 0;}

/*2-郑州某外国语学校*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th2_1 { left: -40px; top: 140px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th2_2 {left: 575px; top: 40px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th2_3 {left: 540px;top: 370px; opacity: 0;}


/*3-上饶市某人民医院*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th3_1 { left: -55px; top: 50px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th3_2 {left: 100px; top: 390px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th3_3 {left: 570px;top: 270px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th3_4 {left: 430px; top: -60px; opacity: 0;}

/*4-石家庄某高端住宅品质化车库*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th4_1 { left: -55px; top: 60px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th4_2 {left: -30px; top: 280px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th4_3 {left: 432px;top: 410px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th4_4 {left: 560px; top: 145px; opacity: 0;}

/*5-南京某大学教学实验研究中心*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th5_1 { left: -25px; top: 30px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th5_2 {left: 90px; top: 395px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th5_3 {left: 520px;top: 345px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th5_4 {left: 425px; top: -75px; opacity: 0;}

/*6-成都某国际机场*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th6_1 { left: -70px; top: 80px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th6_2 {left: 510px; top: 365px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th6_3 {left: 410px; top: -90px; opacity: 0;}


/*7-广东某实验小学*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th7_1 { left: -80px; top: 15px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th7_2 {left: -75px; top: 240px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th7_3 {left: 475px;top: 355px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th7_4 {left: 550px; top: 115px; opacity: 0;}

/*8-郑州某品质住宅区*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th8_1 { left: -32px; top: 30px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th8_2 {left: 95px; top: 360px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th8_3 {left: 450px;top: 410px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th8_4 {left: 540px; top:20px; opacity: 0;}

/*9-江苏某医疗器械产业园*/
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th9_1 { left: -50px; top:210px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th9_2 {left: 560px; top: 370px; opacity: 0;}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item .thumbnail.th9_3 {left: 95px; top: -60px; opacity: 0;}


.designs .designsCityDetail .topBanner .content .contentLists {width: 100%;height: 415px; position: relative;}
.designs .designsCityDetail .topBanner .content .contentLists .item { width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0;  display: flex; flex-direction: column; justify-content: space-between;}

.designs .designsCityDetail .topBanner .content .contentLists .item.hides { 
    animation-duration: 1s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .content .contentLists .item.shows { 
  	animation-duration: 1s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-name: slideUp3;
}

.designs .designsCityDetail .topBanner .slideImages .slideLists .item.shows { 
  opacity: 1;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item.hides { 
  opacity: 1;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item.hides .image img { 
  	animation-duration: 1s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item.hides .thumbnail { 
  opacity: 1;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists
.item.hides .thumbnail.th1_1,
.item.hides .thumbnail.th2_1,
.item.hides .thumbnail.th3_1,
.item.hides .thumbnail.th4_1,
.item.hides .thumbnail.th5_1,
.item.hides .thumbnail.th6_1,
.item.hides .thumbnail.th7_1,
.item.hides .thumbnail.th8_1,
.item.hides .thumbnail.th9_1
{ 
  animation-duration: 1s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists 
.item.hides .thumbnail.th1_2,
.item.hides .thumbnail.th2_2,
.item.hides .thumbnail.th3_2,
.item.hides .thumbnail.th4_2,
.item.hides .thumbnail.th5_2,
.item.hides .thumbnail.th6_2,
.item.hides .thumbnail.th7_2,
.item.hides .thumbnail.th8_2,
.item.hides .thumbnail.th9_2
{ 
  animation-duration: 1s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists 
.item.hides .thumbnail.th1_3,
.item.hides .thumbnail.th2_3,
.item.hides .thumbnail.th3_3,
.item.hides .thumbnail.th4_3,
.item.hides .thumbnail.th5_3,
.item.hides .thumbnail.th6_3,
.item.hides .thumbnail.th7_3,
.item.hides .thumbnail.th8_3,
.item.hides .thumbnail.th9_3
{ 
  animation-duration: 1s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists 
.item.hides .thumbnail.th1_4,
.item.hides .thumbnail.th2_4,
.item.hides .thumbnail.th3_4,
.item.hides .thumbnail.th4_4,
.item.hides .thumbnail.th5_4,
.item.hides .thumbnail.th6_4,
.item.hides .thumbnail.th7_4,
.item.hides .thumbnail.th8_4,
.item.hides .thumbnail.th9_4
{ 
  animation-duration: 1s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item.shows .image img { 
	animation-duration: 1s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-name: slideUp3;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists .item.shows .thumbnail { 
  opacity: 1;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists
.item.shows .thumbnail.th1_1,
.item.shows .thumbnail.th2_1,
.item.shows .thumbnail.th3_1,
.item.shows .thumbnail.th4_1,
.item.shows .thumbnail.th5_1,
.item.shows .thumbnail.th6_1,
.item.shows .thumbnail.th7_1,
.item.shows .thumbnail.th8_1,
.item.shows .thumbnail.th9_1
{ 
  animation-duration: 1s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp2;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists
.item.shows .thumbnail.th1_2,
.item.shows .thumbnail.th2_2,
.item.shows .thumbnail.th3_2,
.item.shows .thumbnail.th4_2,
.item.shows .thumbnail.th5_2,
.item.shows .thumbnail.th6_2,
.item.shows .thumbnail.th7_2,
.item.shows .thumbnail.th8_2,
.item.shows .thumbnail.th9_2
{ 
  animation-duration: 1s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp2;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists 
.item.shows .thumbnail.th1_3,
.item.shows .thumbnail.th2_3,
.item.shows .thumbnail.th3_3,
.item.shows .thumbnail.th4_3,
.item.shows .thumbnail.th5_3,
.item.shows .thumbnail.th6_3,
.item.shows .thumbnail.th7_3,
.item.shows .thumbnail.th8_3,
.item.shows .thumbnail.th9_3
{ 
  animation-duration: 1s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp2;
}
.designs .designsCityDetail .topBanner .slideImages .slideLists
.item.shows .thumbnail.th1_4,
.item.shows .thumbnail.th2_4,
.item.shows .thumbnail.th3_4,
.item.shows .thumbnail.th4_4,
.item.shows .thumbnail.th5_4,
.item.shows .thumbnail.th6_4,
.item.shows .thumbnail.th7_4,
.item.shows .thumbnail.th8_4,
.item.shows .thumbnail.th9_4
{ 
  animation-duration: 1s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: slideUp2;
}


@keyframes slideUp {
	0% {
		opacity: 1;
		transform: translateY(0%);
	}
	100% {
		opacity: 0;
		transform: translateY(-140%);
	}
}
@keyframes slideUp2 {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes slideUp3 {
	0% {
		opacity: 0;
		transform: translateY(0%);
	}
	30% {
		opacity: 0.3;
		transform: translateY(0%);
	}
	60% {
		opacity: 0.6;
		transform: translateY(0%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

/* .designs .designsCityDetail .topBanner .slideImages {} */

#content {width: 100%; overflow: hidden;}
.designContent {width: 100%; padding:0 0 60px 0; overflow: hidden;}
.designContent .designDetailTitle {width: 100%; height: 42px; background: url('../images/designCity/detail_title.png') no-repeat center center; margin-bottom: 55px;}
.designContent .contentText {width: 820px; margin: 0 auto 70px auto; text-align: center;}
.designContent .contentText .title {font-size: 26px;font-weight: bold;color: #2A2929; line-height: 30px; padding-bottom: 35px; margin-bottom: 30px; position: relative;}
.designContent .contentText .title::after { content: ''; position: absolute; left: 50%; bottom: 0;transform: translate(-50%,0); width: 56px; height: 2px;background: #A9A9A9; }
.designContent .contentText p {font-size: 14px;color: #6D6D6D; line-height: 25px;}
.designContent .contentText .color {color: #76B1B7;}

.designContent .contentImage {margin: 0 auto 25px auto; text-align: center; line-height: 0; display: flex; justify-content: center; position: relative; width: 100%;position: relative; left: 50%; transform: translate(-50%,0);}
.designContent .contentImage img {position: relative; z-index: 10; width:80%; height:auto;}
.designContent .contentImage:last-child {margin: 0 auto 0 auto;}
.designContent .contentImage .dot {width: 93px; height: 23px; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); background: url('../images/designCity/dot2.png') no-repeat center center; z-index: 99;}


.designs .designsCity .slideMainCategory { padding: 60px 0; display: flex; justify-content: center;}
.designs .designsCity .slideMainCategory .categoryMain { display: none;}
.designs .designsCity .slideMainCategory .categoryMain .inner {  display: flex; justify-content: space-between;}
.designs .designsCity .slideMainCategory .categoryMain .left { width: 188px;}
.designs .designsCity .slideMainCategory .categoryMain .left .navBox { width: 100%;background: #FFFFFF;border-radius: 4px; margin-bottom: 30px;}
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .title { width: 100%; height: 50px; line-height: 50px; padding-left: 15px;font-weight: bold; background: url('../images/designCategory/icon_dot.png') no-repeat left center;}
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .nav { padding:0; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .nav a { display: block; line-height: 20px;color: #727171; padding-left: 24px;padding-bottom:14px; position: relative; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .nav a::after { background: url('../images/designCategory/icon_select_sp.png') no-repeat center center; width: 17px; height: 17px; content: ''; position: absolute;left: 0; top: 10%; transform: translate(0,-10%); }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .nav a.on::after { background: url('../images/designCategory/icon_select.png') no-repeat center center;}
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .catBox { padding: 5px 15px 15px 15px; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .catBox .subTit { display: flex; justify-content: space-between; border-bottom: solid 1px #A7A8A8; padding-bottom: 5px; margin-bottom: 5px; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .catBox .subTit .tit {font-weight: bold;color: #727171; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .catBox .subTit .selectAll {background: url('../images/designCategory/icon_all_sp.png') no-repeat center center; width: 17px; height: 17px; }
.designs .designsCity .slideMainCategory .categoryMain .left .navBox .catBox .subTit .selectAll.on {background: url('../images/designCategory/icon_all.png') no-repeat center center; }
.designs .designsCity .slideMainCategory .categoryMain .right { width: 800px;}
.designs .designsCity .slideMainCategory .categoryMain .right .screening { display: flex; align-items: center; padding-bottom:20px;}
.designs .designsCity .slideMainCategory .categoryMain .right .screening .tit { width:50px;color: #727171; font-weight: bold; margin-right: 3px;}
.designs .designsCity .slideMainCategory .categoryMain .right .screening .cat { display: flex; max-width:680px;overflow:hidden;}
.designs .designsCity .slideMainCategory .categoryMain .right .screening .cat .item {background: #FFFFFF;border-radius: 4px;margin-right: 10px; height: 28px; line-height: 28px; overflow:hidden; padding: 0 3px 0 12px; display: flex;}
.designs .designsCity .slideMainCategory .categoryMain .right .screening .cat .item a.del { width: 28px; height: 28px;display: block; background: url('../images/designCategory/icon_del.png') no-repeat center center;}
 .designs .designsCity .slideMainCategory .categoryMain .right .screening .btn { width:80px;} 
.designs .designsCity .slideMainCategory .categoryMain .right .screening .btn a {color: #063B86; font-weight: bold;font-size: 12px; display: block; padding: 0 10px; line-height: 30px;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item {width: 392px; padding: 16px 16px 0 16px;background: #FFFFFF;border-radius: 6px; margin-bottom: 17px;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a {display: block;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a:hover {opacity: 0.8;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a .image {width: 360px; height: 208px;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a .image img {width: 360px; height: 208px; object-fit: cover;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a .tit {text-align: center; line-height: 42px; height: 44px;font-size: 16px;font-weight: bold;color: #707070;}
.designs .designsCity .slideMainCategory .categoryMain .right .lists .item a:hover .tit {color: #003888;}