#banner {position: fixed;margin-bottom: 0;width: 100%;top: 0;left: 0;z-index: 990;}
/* bannerBox */
#bannerBox { width: 100%; height: 100vh; }
#banner:before {content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 1px;border-right: 1px solid #9c9c9c;z-index: 600;bottom: -35px;height: 70px;}
#banner .scrollBox {position: absolute;width: 45px;bottom: 20px;left: 50%;transform: translateX(-50%);}
#banner .scrollBox a { position: absolute; width: 100%; height: 100%; display: block; }
#banner .scrollBox p { margin-right: -1px; text-align: center; font-size: 10px; letter-spacing: .135em; }
#banner .scrollBox .line {display: block;}
#banner .scrollBox .arrow-line {position: relative;overflow: hidden;margin: auto;width: 1px;height: 30px;display: block;}
#banner .scrollBox .scroll-text {width: 20px;height: 36px;border: 2px solid #b7b7b7;border-radius: 10px;top: 0;margin: 0px auto 0;display: block;}
#banner .scrollBox::before {content: '';background-color: #ffffff;position: absolute;width: 4px;height: 4px;border-radius: 50%;left: 20px;top: 21px;animation: dot_move_ 1s infinite alternate;}


.wrap { position: relative; background: #fff; z-index: 998; }
.wrap #wrapBox >div { position: relative; }
.wrap #wrapBox .bg { position: absolute; width: 100%; height: 100%; background: no-repeat 50% / cover; top: 0; left: 0; opacity: .4; }

/* bgTxt */
.bgTxt { position: absolute; z-index: 1; }
.bgTxt.stitle { -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; font-size: 70px; }
.bgTxt.title { width: 100%; text-align: right; font-size: 140px; color: #edf1f3; }

/* boxTitle  */
h2.boxTitle { position: relative; font-weight: normal; }
h2.boxTitle font { display: block; font-size: 50px; line-height: 100%; text-transform: uppercase; text-align: right; color: #fff; }
h2.boxTitle span { padding: 0 5px 5px; width: 100%; letter-spacing: 4.2px; font-weight: bold; font-size: 17px; color: #777; top: 10px; }

/* roomttile */
.roomttile { padding: 0 40px; overflow: hidden; }
.roomttile h2 { margin-bottom: 5px; text-align: center; font-size: 25px; letter-spacing: 7.6px; color: #111; }
.roomttile p {padding: 10px 0;letter-spacing: 1.5px;text-align: center;font-size: 16px;color: #5a5a5a;}

/* productBox */
#productBox , #ssicon , #content_box { position: relative; margin: auto; padding: 60px 0; width: 1740px; }
#productBox:before,#ssicon:before {position: absolute;width: 1px;height: 65px;border-right: 1px solid #adadad;top: -35px;left: 50%;z-index: 600;transform: translateX(-50%);content: "";}
.pro-list li:nth-child(1) {grid-row-start: 1;grid-row-end: span 2;grid-column-start: 1;grid-column-end: 3;}
.pro-list li:nth-child(1) .img img , .pro-list li:nth-child(5) .img img , .pro-list li:nth-child(8) .img img { height: auto; }
.pro-list li:nth-child(8) { grid-row-start: 2; grid-row-end: span 2; grid-column-start: 6; grid-column-end: 4; }
.pro-list li:nth-child(5) { grid-row-start: 2; grid-column-start: 4; grid-column-end: 3; grid-row-end: span 2; }
#productBox .bg { opacity: 1.2; }
#productBox >.info { margin: 0; }
.pro-list {margin-top: 40px;width: 100%;display: grid;grid-template-columns: repeat(5,1fr);grid-template-rows: repeat(3,1fr);}
.pro-list li {margin: 7px;display: block;vertical-align: top;}
.pro-list li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 5; }
.pro-list li >div { overflow: hidden; position: relative; margin: 0; z-index: 0; }
.pro-list li .img img { position: relative; width: 100%; z-index: 1; display: block; -webkit-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear; }
.pro-list li:after { position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom,rgb(0 0 0 / 12%) 0%,rgb(0 0 0 / 9%) 63%,rgb(0 0 0 / 33%) 100%); opacity: .5; top: 0; left: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }
.pro-list li .info { overflow: overlay; position: absolute; background: linear-gradient(to bottom,rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 29%) 63%,rgb(0 0 0 / 17%) 100%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.pro-list li .info .price { position: absolute; padding: 5px 15px; background: rgb(0 0 0 / .6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); top: -39px; left: 0; }
.pro-list li .info .price font { margin: 0 10px; display: inline-block; font-weight: 300; color: #fff; }
.pro-list li .info .price font.old { color: rgb(255 255 255 / .4); }
.pro-list li .info h3 { height: 30px; line-height: 160%; letter-spacing: .05em; font-weight: 100; font-size: 19px; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.pro-list li .info h3 span{
    margin-left: 15px;
}
.pro-list li .info .titleBox { position: absolute; margin: 1.2em 3em 1.2em; display: none; text-align: right; top: 110px; right: 0; bottom: 0; z-index: 1; z-index: unset; }
.pro-list li .info .titleBox h4 { text-align: right; font-size: 30px; color: #fff; }
.pro-list li .info .titleBox p { text-align: right; color: #656565; }
.pro-list li .info article { display: contents; letter-spacing: 0.5px; font-size: 16px; color: #bdbdbd; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.pro-list li .info .titleBox p:after { position: absolute; width: 100%; height: 5px; background: rgb(255 255 255 / 26%); display: block; bottom: 46px; transition: all ease-in-out .3s; transform: rotate(180deg); content: ""; }
.pro-list li .info .project-zoom {overflow: hidden;position: absolute;padding: 0 0 0 24px;width: 80%;opacity: 0;bottom: 0;left: 8px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.pro-list li .project-zoom::before { position: absolute; width: 2px; height: 0; background-color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; top: 0; left: 10px; opacity: 0; content: ""; }

/* awarded */
.awardedBox { margin: 100px 80px 50px; }
.awardedStyle { overflow: visible; position: relative; margin: 10px auto; }
.awardedStyle .photo { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-filter: grayscale(1); opacity: .7; }
.awardedStyle .photo a img { width: 100%; height: 100%; object-fit: cover }

/* + menu-img button */
.bSlider .slick-prev , .bSlider .slick-next { width: 18px; height: 30px; top: 40%; }
.bSlider .slick-prev { left: -3%; background: url(/images/34/left-arrow.png); background-repeat: no-repeat; background-size: contain; }
.bSlider .slick-next { right: -3%; background: url(/images/34/right-arrow.png); background-repeat: no-repeat; background-size: contain; }
.bSlider .slick-prev:before { position: absolute; margin-left: -8px; width: 25px; height: 25px; background: url(/images/00/left-arrow.png); background-repeat: no-repeat; background-size: contain; display: none; top: -55px; left: 14px; content: ""; }
.bSlider .slick-next:before { position: relative; margin-left: -8px; width: 85px; height: 25px; background: url(/images/00/right-arrow.png); background-repeat: no-repeat; background-size: contain; display: none; top: -55px; right: 8px; content: ""; }
.pro-list li:hover:after { background: linear-gradient(to bottom,rgb(0 0 0 / 12%) 0%,rgb(27 27 27 / 39%) 63%,rgb(0 0 0 / 61%) 100%); opacity: .7; }
.pro-list li:hover .info { background: linear-gradient(to bottom,rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 9%) 63%,rgb(0 0 0 / 65%) 100%); }
.pro-list li:hover .img img { -webkit-transform: scale(1.4); transform: scale(1.4); }
.pro-list li:hover .info .titleBox { letter-spacing: 4.2px; }
.pro-list li:hover .project-zoom { opacity: 1; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.pro-list li:hover .project-zoom::before { height: 100%; opacity: 1; }
.awardedStyle:hover .photo { -webkit-animation: dailogAni 4s infinite ease-in-out alternate; animation: dailogAni 4s infinite ease-in-out alternate; -webkit-filter: grayscale(0); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; }
.bSlider .slick-prev:hover { background: url(/images/34/left-arrow.png); background-repeat: no-repeat; background-size: contain; }
.bSlider .slick-next:hover { background: url(/images/34/right-arrow.png); background-repeat: no-repeat; background-size: contain; }

/* icon */
#ssicon {display: flex;justify-content: space-around;padding: 120px 0;}
#ssicon:before{
    top: 0;
}
#ssicon .leftTitile { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-around; }
#ssicon .leftTitile .stitle { position: relative; padding: 30px 0 0; letter-spacing: 4px; font-weight: 100; font-size: 22px; }
#ssicon .leftTitile .stitle::before { position: absolute; width: 70px; height: 3px; background-color: #525252; top: 0; left: 0; content: ""; }
#ssicon .leftTitile .text-clamp { letter-spacing: 1.5px; font-weight: 100; color: #585858; }
#ssicon .bxslider { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
#ssicon .bxslider .ssDate {position: relative;margin: 20px 0 20px 0;width: 32%;z-index: 10;}
#ssicon .bxslider .ssDate:before { position: absolute; width: 50px; height: 1px; border-bottom: 1px solid #d0d0d0; top: 50%; right: 0; transform: translateX(-60%); z-index: 600; content: ""; }
#ssicon .bxslider .ssDate:nth-child(6):before { display: none; }
#ssicon .bxslider .sslishTxt { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
#ssicon .bxslider .sslishTxt a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;opacity: .3;display: none;}
#ssicon .bxslider .sslishTxt .circle { border-radius: 50%; border: 1px solid rgb(179 179 179 / 62%); text-align: center; }
#ssicon .bxslider .sslishTxt img { margin: 10px; padding: 20px; height: 45px; width: 45px; opacity: .6; opacity: 1; transition: all 0.5s ease-in-out; transform: scaleX(-1); }
#ssicon .bxslider .sslishTxt .noBox { position: relative; padding-left: 7px; }
#ssicon .bxslider .sslishTxt .ssTxt { margin-left: 10%; }
#ssicon .bxslider .sslishTxt .ssTxt article , #ssicon .bxslider .sslishTxt .ssTxt h3 { text-align: center; font-weight: 200; letter-spacing: 1.2px; color: #464646; }
#ssicon .bxslider .sslishTxt .ssTxt article { display: flex; align-items: center; justify-content: flex-start; color: #bdbdbd; }

/* faq */
#faq {display: flex;justify-content: flex-end;}
#faq .work{display: flex;flex-direction: column;margin-top: 140px;}
#faq .work h3 svg{width: 380px;}
#faq .work h5{color: #fff;font-size: 20px;letter-spacing: 3.5px;font-weight: 100;text-align: right;margin-top: 15px;}
#faq .right {position: relative;padding: 130px 220px 60px 18%;width: 30%;background-image: url(/images/34/img-faq-bg.png);background-size: cover;background-repeat: no-repeat;text-align: right;}
#faq .right .middle {padding: 0px 0;width: 100%;}
#faq .right .middle .list { position: relative; width: 100%; }
#faq .right .middle .list:nth-child(2) { left: -34px; }
#faq .right .middle .list:nth-child(3) { left: -65px; }
#faq .right .middle .list .faqtitle { position: relative; margin-bottom: 30px; padding-right: 70px; padding-left: 20px; padding-bottom: 28px; border-bottom: 2px solid black; display: flex; align-items: center; justify-content: space-between; line-height: 180%; letter-spacing: 1px; cursor: pointer; color: #4a4a4a; }
#faq .right .middle .list .faqtitle font { letter-spacing: 2.5px; font-weight: 100; font-size: 22px; color: #313131; }
#faq .right .middle .list .faqtitle em {font-weight: 100;font-size: 20px;color: #404040;font-style: inherit;display: none;}
#faq .right .middle .list .faqtitle span { position: absolute; width: 16px; height: 16px; display: block; top: calc((100% - 40px) / 2); right: 25px; }
#faq .right .middle .list .faqtitle span:before , #faq .right .middle .list .faqtitle span:after { width: 16px; height: 1px; background: #696969; display: block; content: ""; -webkit-transform: translateY(9px); transform: translateY(9px); }
#faq .right .middle .list.current .faqtitle span:after { -webkit-transform: translateY(8px) rotate(90deg); transform: translateY(8px) rotate(90deg); }
#faq .right .middle .list .faqtitle span:after { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translateY(8px) rotate(180deg); transform: translateY(180deg) rotate(0); }
#faq .right .middle .list .info {position: relative;padding-bottom: 10px;width: 100%;max-width: 500px;letter-spacing: 1px;font-size: 18px;color: #646464;left: 0;top: 0;}
#faq .right .middle .list .infoList {padding: 0 0 30px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
#faq .right .middle .list .infoList .infoTit { position: relative; padding: 10px 0; width: 33%; text-align: right; }
#faq .right .middle .list .infoList .infoTit:before {position: absolute;width: 20px;height: 1px;border-bottom: 1px solid #d0d0d0;z-index: 600;top: 50%;left: 20px;content: "";}

/* content_box */
#content_box { padding: 0; margin-bottom: 40px; background-image: url(/images/34/img-faq-bg.jpg); display: flex; justify-content: space-between; }
#content_box .cnleft {padding: 0 25%;background-image: url(/images/34/img-cn-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: 40%;}
#content_box .cnleft img{display: none;}
/* page-form */
#content_box .page-form .workframe { overflow: hidden; margin: auto; padding: 30px 70px; width: auto; }
#content_box .page-form { width: 50%; background-image: url(/images/34/img-faq-bg.jpg); }
#content_box .page-form h3 { margin: 0; text-align: center; }
#content_box .page-form h3 svg{width: 250px;}
#content_box .page-form h2 { margin: 10px 0 20px; letter-spacing: 4.1px; text-align: center; font-weight: normal; font-size: 20px; }
#content_box .page-form h2 a { color: #caba9f; }
#content_box .page-form h2 b { margin: 0 10px; display: inline-block; font-size: 24px; vertical-align: text-bottom; }
#content_box .page-form form , #content_box .page-form fieldset { overflow: hidden; margin: 0; border: 0; }
#content_box .page-form fieldset { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
#content_box .page-form .list {overflow: hidden;margin: 8px 0;padding: 0 0 14px;width: 50%;border-bottom: 1px solid #dedede;line-height: 100%;}
#content_box .page-form .need{width: 100%;}
#content_box .page-form .list:first-child p span { color: #000; }
#content_box .page-form .list p {padding: 0 10px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: row;}
#content_box .page-form .list label {margin-right: .5rem;width: 100px;display: flex;align-items: center;}
#content_box .page-form .list span {color: #747474;font-weight: 100; display: flex; width: 1%; flex: 1 1 auto; align-items: center; }
#content_box .page-form .list input , #content_box .page-form .list select { font-size: 17px; }
#content_box .page-form .need input{margin: 0px;width: 415px;height: 171px;}
#content_box .page-form .list select { padding: 8px; width: 95%; background: url(/images/34/arrow.png) no-repeat scroll 98% center transparent; background-repeat: no-repeat; background-position: 95% 50%; border-radius: 0; -webkit-appearance: none; border: 1px solid rgba(146,146,146,0); }
#content_box .page-form .list select * { background: #fff; }
#content_box .page-form .list input[type="text"] {padding: 5px 10px;width: calc(100% - 20px);border-radius: 0;}
#content_box .page-form .list textarea{padding: 5px 15px;width: calc(100% - 34px);display: block;}
#content_box .page-form .list input[name="Sex"] { margin-right: .5rem; }
#content_box .page-form .list input#Checknum {margin-right: 8px;width: 100px;}
#content_box .page-form .list.last { margin-top: 25px; width: 100%; border-bottom: 0 solid #dedede; }
#content_box .page-form .list.last p { position: relative; display: flex; justify-content: center; text-align: center; }
#content_box .page-form .list.last p input {position: relative;padding: 5px 40px 5px 50px;text-align: center;background-color: #0000;border-radius: 25px;border: 1px solid rgb(126 113 98 / 50%);line-height: 30px;color: #56514a;-webkit-appearance: none;cursor: pointer;}
#content_box .page-form .list.last .send b{position: inherit;}
#content_box .page-form .list.last .send b:before {position: absolute;width: 20px;height: 6px;border-right: 1px solid #6d6d6d;border-bottom: 1px solid #6d6d6d;top: calc(50% - 5px);left: 15px;-webkit-transform: skewX(45deg);-ms-transform: skewX(45deg);transform: skewX(45deg);content: "";}
.page_form form p.send a#btnOK svg { fill: #a7a7a7; }
::placeholder { /* CSS 3 */color: #a7a7a7;}
::-webkit-input-placeholder { /* Chrome, Safari */color: #a7a7a7;}
:-ms-input-placeholder { /* IE 10+ */color: #a7a7a7;}
::-moz-placeholder { /* Firefox 19+ */color: #a7a7a7;opacity: 1;}

@media screen and (max-width: 1741px) {
	#productBox,#ssicon,#content_box {width: 90%;}
}
@media screen and (min-width: 1441px) {
	.pro-list li .info { padding: 25px 5px 40px; width: calc(100% - 10px); }
}
@media screen and (max-width: 1440px) {
	#faq .right{padding: 130px 120px 60px 19%;width: 32%;}
	#content_box .page-form{width: 70%;}
	#content_box .page-form .workframe{padding: 20px 20px;}
    #banner .scrollBox::before{left: 21px;}
    #productBox:before{display: none;}
	.pro-list li:hover .project-zoom {opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
	.pro-list li .info article{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: 60px;font-weight: 100;-webkit-line-clamp: 2;}
}
@media screen and (max-width: 1366px) {
	#productBox {width: 93%;padding: 30px 0;}
	#content_box .cnleft{padding: 0 20%;}
}
@media screen and (min-width: 1281px) {
	#faq {background-attachment: fixed;}
	#ssicon .bxslider .ssDate:hover:before { width: 30px; }
	#ssicon .bxslider .sslishTxt:hover img { -webkit-transform: translateY(-3%); transform: translateY(-3%); animation-name: elementor-animation-buzz-out; animation-duration: .75s; animation-timing-function: linear; animation-iteration-count: 1; opacity: .9; }
	#ssicon .bxslider .sslishTxt:hover .ssTxt article { color: #4e4e4e; }
	.pro-list li:hover .img:before { opacity: 1; }
	#content_box .page-form  .list.last p input:hover {background: #7e7162;color: #fff;padding: 5px 45px;letter-spacing: 1.5px;}

}
@media screen and (max-width: 1280px) {
	#ssicon{display: flex;flex-direction: column;align-items: center;padding: 70px 0;}
	#ssicon .leftTitile{display: flex;align-items: center;margin-bottom: 30px;}
	#ssicon .leftTitile .stitle::before{width: 100px;}
	#ssicon .leftTitile .stitle{margin-bottom: 20px;}
	#ssicon .leftTitile .text-clamp{text-align: center;}
	#ssicon:before{display: none;}
	#content_box .page-form  .workframe {width: auto;}
	#content_box .page-form {width: 100%;}
	#faq{background-size: cover;}
	#faq .right{padding: 90px 60px 10px 28%;width: 34%;}
	#faq .right .middle{padding: 10px 0;}
	#faq .work h3 svg{width: 260px;}
	#faq .right .middle .list .infoList .infoTit{width: 47%;}
	#faq .right .middle .list:nth-child(2) { left: 0px; }
	#faq .right .middle .list:nth-child(3) { left: 0px; }
	#content_box .cnleft{padding: 0 20%;}
}
@media screen and (max-width: 1140px) {
	.pro-list li .img img , .pro-list li:nth-child(5) .img img , .pro-list li:nth-child(6) .img img {}
	.pro-list li .info h3 {margin: 0 0 10px;font-size: 22px;}
	.pro-list li .info .titleBox { margin: 0 12px 60px; }
	.pro-list li .info article {font-size: 15px;height: 54px;}
	#content_box .cnleft img{display: block;}
	#content_box .cnleft{padding: 0;}
	#ssicon .bxslider {width: 95%;display: flex;flex-direction: row;flex-wrap: wrap;}
	#ssicon .bxslider .ssDate{width: 49%;}
	#content_box{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;}
}
@media screen and (max-width: 980px) {
	.bgTxt.stitle { position: relative; font-size: 10vw; -webkit-writing-mode: inherit; writing-mode: inherit; }
	.bgTxt.title { display: none; }
	.pro-list li .info h3 {font-size: 18px;}
	.pro-list li .info .titleBox { margin: 0 34px 60px; }
	#content_box .page-form  .list { margin: 7px 0; width: 100%; height: auto; }
	#content_box .page-form  .list:first-child p.ra span { width: auto; }
	#content_box .page-form .budget{border-bottom: 0px solid #dedede;padding: 0 0 0px;}
	#content_box .page-form { margin: auto; padding: 40px 0; width: 90%; }
	#content_box .page-form h3 svg{width: 190px;}
	#content_box .page-form h2{font-size: 16px;}

}
@media screen and (max-width: 768px) {
	.pro-list {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);margin-bottom: 40px;margin-top: 20px;}
	.pro-list li:nth-child(1) {grid-row-start: 1;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;}
	.pro-list li:nth-child(2) {grid-row-start: 2;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;}
	.pro-list li:nth-child(3) {grid-row-start: 3;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;text-transform: lowercase;}
	.pro-list li:nth-child(4) {grid-row-start: 4;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;}
	.pro-list li:nth-child(5) {grid-row-start: 5;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;text-transform: lowercase;}
	.pro-list li:nth-child(6) {grid-row-start: 6;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;}
	.pro-list li:nth-child(7) {grid-row-start: 7;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;text-transform: lowercase;}
	.pro-list li:nth-child(8) {grid-row-start: 8;grid-row-end: span 1;grid-column-start: 1;grid-column-end: 1;text-transform: lowercase;}
	.pro-list li:nth-child(1) .img img, .pro-list li:nth-child(2) .img img, .pro-list li:nth-child(3) .img img,.pro-list li:nth-child(4) .img img, .pro-list li:nth-child(5) .img img, .pro-list li:nth-child(6) .img img, .pro-list li:nth-child(7) .img img, .pro-list li:nth-child(8) .img img {height: 520px;object-fit: cover;}
	#productBox .roomttile p::before { right: 45%; bottom: 0px; }
	#ssicon .bxslider {display: flex;flex-direction: column;flex-wrap: wrap;}
	#ssicon .bxslider .ssDate { width: 50%; }
	#content_box .page-form  .list select { width: 100%; }
	#content_box .page-form  .list input[type="text"] { width: calc(100% - 1px); }
	#content_box .page-form  .list input#Checknum { margin-left: 0; }
	#faq{display: flex;flex-direction: column;}
	#faq .right{padding: 40px 20px;width: auto;background-image: url(/images/34/img-faq-bg.jpg);}
	#faq .left{background-image: url(/userfiles/images/20210915184116809.jpg);background-size: cover;}
	#faq .work{display: flex;align-items: center;margin-bottom: 70px;margin-top: 90px;}
	.awardedBox {margin: 40px 40px 30px;}
}
@media screen and (max-width: 640px) {
	#ssicon .bxslider { width: 95%; display: flex; flex-direction: row; flex-wrap: wrap; }
	#ssicon .bxslider .ssDate{width: 100%;}
	#ssicon .bxslider .ssDate:before{display: none;}
	#ssicon .bxslider:before {content: '';position: absolute;top: 70px;left: 150px;width: 1px;height: 735px;background: linear-gradient(to bottom, #e4e4e4 0, #e4e4e4 100%) 0 0 no-repeat;}
	#ssicon .bxslider .sslishTxt .ssTxt{margin-left: 20%;position: relative;}
	#ssicon .bxslider .sslishTxt .ssTxt:before {position: absolute;left: -69px;top: 18px;border-radius: 50%;background: #a5a5a5;width: 8px;height: 8px;content: "";}
}
@media screen and (max-width: 560px) {
	#ssicon .bxslider:before {top: 70px;left: 150px;width: 1px;height: 735px;}
	#ssicon .bxslider .sslishTxt .ssTxt:before {left: -57px;top: 18px;}
	.pro-list li:nth-child(1) .img img, .pro-list li:nth-child(2) .img img, .pro-list li:nth-child(3) .img img,.pro-list li:nth-child(4) .img img, .pro-list li:nth-child(5) .img img, .pro-list li:nth-child(6) .img img, .pro-list li:nth-child(7) .img img, .pro-list li:nth-child(8) .img img {height: 290px;}
	.pro-list li .info .project-zoom{width: 88%;}
}
@media screen and (max-width: 480px) {
	#content_box .page-form {padding: 30px 0 30px;width: 90%;margin: auto;}
	#ssicon .bxslider:before {left: 140px;}
	#ssicon .bxslider .sslishTxt .ssTxt:before {left: -42px;top: 18px;}
	.pro-list li:nth-child(1) .img img, .pro-list li:nth-child(2) .img img, .pro-list li:nth-child(3) .img img,.pro-list li:nth-child(4) .img img, .pro-list li:nth-child(5) .img img, .pro-list li:nth-child(6) .img img, .pro-list li:nth-child(7) .img img, .pro-list li:nth-child(8) .img img {height: 230px;}
	.bSlider .slick-prev {left: -12%;}
	.bSlider .slick-next {right: -12%;}
	.bSlider .slick-prev , .bSlider .slick-next {width: 18px;height: 30px;top: 50%;}
    #content_box .page-form .workframe {padding: 20px 0px;}
    #faq .right .middle .list .infoList .infoTit:before{
    left: 20px;
    width: 10px;
}
}
@media screen and (max-width: 380px) {
	#ssicon .bxslider:before {left: 140px;}
	#ssicon .bxslider .sslishTxt .ssTxt:before {left: -35px;top: 18px;}
}