.publictext{width: 100%;font-size: 16px; line-height: 22px;}
/*---header---*/
header{width: 100%;height: 7rem;}
header .logo{align-items: center;display: flex;}
header .logo img{width:270px}
header .navmenu{align-items: center;display: flex;height: 100%;}
header .navmenu a{font-weight: 500;padding-left: 15px;padding-right: 15px;align-items: center;height: 100%;display: flex;--tw-text-opacity: 1;color: rgba(139, 127, 121, var(--tw-text-opacity));}
header .navmenu .active{--tw-text-opacity: 1;  color: rgba(95, 4, 23, var(--tw-text-opacity));}
header .navmenu a:hover{--tw-text-opacity: 1;  color: rgba(95, 4, 23, var(--tw-text-opacity));}
/*---header---*/
/*---footer---*/
footer{    --tw-bg-opacity: 1; background-color: #8a7e79;width: 100%;z-index: 40;    position: relative;}
footer	.foot{--tw-border-opacity: 0.2;    border-color: rgba(255, 255, 255, var(--tw-border-opacity));border-bottom-width: 1px;    --tw-text-opacity: 1;  color: rgba(255, 255, 255, var(--tw-text-opacity));}
footer	.footboady{--tw-text-opacity: 1;  color: rgba(255, 255, 255, var(--tw-text-opacity));padding-top: 2.5rem; padding-bottom: 2.5rem;justify-content: space-between;display: flex;}
footer	.footboady .flogo{margin-right: 4rem;}
footer	.footboady .flogo img{width: 195px;}
footer	.footboady .fnavmenu{padding-right: 6rem;justify-content: space-between;flex: 1 1 0%;display: flex;}


footer .footer { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); font-weight: 400;  font-size: 14px; line-height: 20px; justify-content: center; align-items: center; flex-direction: column;  height: 5rem; display: flex;}

/*---footer---*/
/*---banner---*/
.banner{width: 100%;z-index: 10;position: relative;}
.banner .message{padding-top: .75rem;  padding-bottom: .75rem;justify-content: center;align-items: center;flex-direction: column;width: 100%;display: flex;    z-index: 30;bottom: 0;    position: absolute;}
.banner .message .table{display: flex;margin-bottom: .75rem;}
.banner .message .table	.tablebody{--tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity));align-items: center;height: 3rem;display: flex;}
.banner .message .table	.tablebody .divtd{    padding-left: 1rem;  padding-right: 1rem; --tw-border-opacity: 1;  border-color: rgba(236, 236, 236, var(--tw-border-opacity));border-right-width: 1px;align-items: center;display: flex;}
.banner .message .table	.tablebody input{outline: 0;--tw-text-opacity: 1; color: rgba(51, 51, 51, var(--tw-text-opacity));    padding-left: .25rem;--tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity));    width: 100%; height: 100%;}
.banner .message span{color: #fff;font-size: 0.5rem;margin-left: 30rem;float: right;line-height: 0.6rem;}
/*---banner---*/

/*---box1---*/
.box1{width: 100%;background:url(../images/case-bg.png);background-size:100% 100%;padding-top: 5rem;overflow: hidden;overflow: hidden;z-index: 10;position: relative;}
.titleh2{margin-bottom: .5rem; font-size: 30px;  line-height: 42px;  font-weight: 500;  --tw-text-opacity: 1;  color: rgba(51, 51, 51, var(--tw-text-opacity));text-align: center;}
.titledes{--tw-text-opacity: 1;  color: rgba(102, 102, 102, var(--tw-text-opacity));text-align: center;}
.box1 .box1cases{padding-top: 2.5rem;  padding-bottom: 2.5rem;}
.box1 .box1cases .casesdiv{width: 100%;height: 100%;position: relative;}
.box1 .box1cases .casesdiv img{width: 100%;}
.box1 .box1cases .casesdiv .casestextbg{width: 100%;padding-top: 1.25rem; padding-bottom: 1.25rem;--tw-bg-opacity: 0.6;background-color: rgba(0, 0, 0, var(--tw-bg-opacity));justify-content: center;    align-items: center;flex-direction: column;width:100%;display:flex;left:0;bottom:0;position:absolute}
.box1 .box1cases .casesdiv .casestextbg .text1{--tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity));font-weight: 500;font-size: 20px; line-height: 28px}
.box1 .box1cases .casesdiv .casestextbg .text2{--tw-text-opacity: 1;  color: rgba(255, 255, 255, var(--tw-text-opacity));font-weight:400;font-size: 16px; line-height: 22px;margin-top: .5rem;}
/*---box1---*/

/*---more---*/
.more{--tw-bg-opacity: 1;  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));justify-content: center;    width: 100%;height: 3rem;display: flex;z-index: 10;    position: relative}
.more button{padding: 12px 54px; cursor: pointer; border-width: 1px; border-color: transparent;  --tw-bg-opacity: 1; background-color: #741520;  font-size: 16px;  line-height: 22px;  --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity));  transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms;top: -1.5rem;position: relative;}
.more button:hover {  --tw-bg-opacity: 1;  background-color: rgba(95, 4, 23, var(--tw-bg-opacity)); }
/*---more---*/

/*---box2---*/
.headline{margin:0 auto;text-align:center;height:70px}
.pr{position:relative}
.headline b{width:26px;height:2px;background:#333;display:inline-block}
.white.headline b{background:#fff}
.headline span{font-size:16px;color:#333;display:block;letter-spacing:1px;margin-top:10px}
.white.headline span{color:#fff}
.box2 h4{font-size:18px;color:#fff;text-align:center;margin-top:30px}
.box2{height: 823px;background-image:url(../images/gai_pc_07.jpg);}
.box2 h4{font-size:18px;color:#fff;text-align:center;margin-top:30px}
.box2 .swiper-container33{width:1200px;height:460px;margin:0 auto;position:relative}
.box2 .swiper-container44{width:1200px;height:460px;margin:0 auto;position:relative}
.box2 .swiper-container33 .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
.box2 .swiper-container33 .swiper-slide img{width:404px;height:421px;border: 10px solid #d4c09b;border-radius: 5px;}
.box2 .swiper-container33 .swiper-slide .bar{position:unset;left:0;right:0;width:100%;color:#fff;margin:0 auto;text-align:center;margin-top:-48px;}
.box2 .swiper-container33 .swiper-slide .bar h2{font-size:22px}
.box2 .swiper-container33 .swiper-slide .bar p{font-size:18px;margin-top:6px}
.box2 .swiper-container44 .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
.box2 .swiper-container44 .swiper-slide img{width:404px;height:421px;border: 10px solid #d4c09b;border-radius: 5px;}
.box2 .swiper-container44 .swiper-slide .bar{position:unset;left:0;right:0;width:100%;color:#fff;margin:0 auto;text-align:center;margin-top: -5em;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;word-break: break-all;overflow: hidden;max-width: 50%;height: 5em;line-height: 1.4;}
.box2 .swiper-container44 .swiper-slide .bar h2{font-size:22px}
.box2 .swiper-container44 .swiper-slide .bar p{font-size:18px;margin-top:6px}

.pagination{position:absolute;z-index:20;bottom:0;width:100%;text-align:center}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;background:#999;margin:0 5px;opacity:.8;cursor:pointer;border-radius:50%}
.swiper-active-switch{background:#d4c09b}
.headline h3{font-size:28px;font-weight:700;color:#333;margin:0 30px;display:inline-block;vertical-align:middle}
.headline span{font-size:16px;color:#fff;display:block;letter-spacing:1px;margin-top:10px}
.box2 h4{font-size:18px;color:#fff;text-align:center;margin-top:60px}


/*---box2---*/



/*---cases---*/
.list{background-color:#f6f6f6}
.list .container-1360{display:grid;padding:60px 0 20px;grid-template-columns:33.33% 33.33% 33.33%}
.case-select{padding:12px 0}
.case-select .case-select-item{display:flex;flex-direction:row;flex-wrap:wrap;line-height:32px;height:72px;padding:20px 0;box-sizing:border-box;}
.case-select .case-select-item>label{width: 120px;font-size:16px;font-weight:400;color:#333;display:inline-block;/* width: 88px; */margin-right: 12px;}
.case-select .case-select-item>a{width:120px;height:32px;text-align:center;color:#333;margin-right: 15px;cursor:pointer;}
.case-select .case-select-item>a.active{background:#8b7f79;color:#fff}
.case-select .case-select-item>a:hover{background:#8b7f79;color:#fff}
.case-list-item{width: 380px;height: 340px;background:#fff;cursor:pointer;margin-bottom:40px;background-color:#fff}
.case-list-item .img-container{width: 380px;height: 240px;overflow:hidden;position:relative}
.case-list-item .img-container>img{width:100%;height:100%}
.case-list-item .img-container .play{position:absolute;width:40px;height:40px;top:50%;right:50%;transform:translate(50%,-50%);background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.35);text-align:center;line-height:40px;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center}
.case-list-item .img-container .play>i{color:#fff;font-size:18px;font-style:normal}
.case-list-item .title{height:100px;padding:20px}
.case-list-item .title>h3{width:100%;height:28px;font-size:20px;font-weight:500;color:#333;line-height:28px;margin-bottom:10px}
.case-list-item .title>h3,.case-list-item .title>p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.case-list-item .title>p{width:336px;height:22px;font-size:16px;font-weight:400;color:#666;line-height:22px}
.case-list-item:hover{box-shadow:0 0 10px 2px rgba(0,0,0,.2)}
.case-list-item:hover .title h3{color:#8b7f79}
.case-list-item:hover .img-container img{transform:scale(1.4);transition:all .4s}


/*---cases---*/

/*---cases-detail---*/

.case-detail{width:100%}
.case-detail #content{padding: 64px 0 30px;}
.more-case{padding:0 20px 32px}
.more-case .title{height:68px;font-size:20px;font-weight:500;color:#333;line-height:68px}
.more-case .img{width:280px;height:280px;margin:20px 24px 12px}
.more-case .img img{width:100%;height:100%}
.more-case>p{font-size:14px;font-weight:400;color:#666;line-height:20px;text-align:center}
.case-detial-title{height:135px}
.case-detial-title>h3{font-size:24px;font-weight:500;color:#333;line-height:33px;padding:40px 0 20px}
.case-detial-title>div{display:flex;justify-content:space-between}
.case-detial-title>div>p:first-of-type{height:22px;font-size:16px;font-weight:400;color:#333;line-height:22px}
.case-detial-title>div>p:nth-of-type(2){height:22px;font-size:16px;font-weight:400;color:#999;line-height:22px}
.recommend-cases{padding:0 20px}
.recommend-cases .title{height:68px;font-size:20px;font-weight:500;color:#333;line-height:68px}
.recommend-cases .list{padding-bottom:20px}
.recommend-cases .list .item{display:flex;justify-content:space-between;padding-top:20px}
.recommend-cases .list .item .img{width:148px;height:112px;position:relative;overflow: hidden;}
.recommend-cases .list .item .img>img{width:100%;height:100%}
.recommend-cases .list .item .img>img:hover{transform: scale(1.4);
    transition: all .4s;}
.recommend-cases .list .item .img .area{display:inline-block;width:48px;height:24px;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;font-size:14px;font-weight:500;color:#fff;line-height:24px;text-align:center}
.recommend-cases .list .item .right-content{width:158px}
.recommend-cases .list .item .right-content>h4{height:25px;font-size:18px;font-weight:500;color:#333;line-height:25px;display:flex;margin-bottom:10px}
.recommend-cases .list .item .right-content>h4>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-cases .list .item .right-content>p{color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;height:44px;line-height:22px;font-size:14px}
.recommend-cases .list .item .right-content>button{width:90px;height:24px;border:1px solid #78061e;color:#78061e;font-size:12px;font-weight:400;line-height:24px;outline:0;cursor:pointer;margin-top:10px}
.recommend-cases .list .item .right-content>button>a{display:inline-block;width:100%;height:100%}
.detail{background:#f6f6f6;padding:40px 0 60px}
.detail>.box{display:flex;flex-direction:row;justify-content:space-around}
.detail>.box .content{background-color:#fff;flex:1;padding:0 40px}
.detail>.box .right{width:368px;margin-left:32px}
.detail>.box .right .right-bottom{background-color:#fff}
.detail>.box .right .right-center,.detail>.box .right .right-top{margin-bottom:32px;background-color:#fff}
.designer-box{padding:0 20px 30px}
.designer-box .title{height:68px;font-size:20px;font-weight:500;color:#333;line-height:68px}
.designer-box>.content{display:flex;flex-direction:row;padding:19px 0 30px}
.designer-box>.content>.img{width:100px;height:120px;overflow:hidden}
.designer-box>.content>.img img{width:100%;height:100%}
.designer-box>.content>.desp{margin-left:16px;width:224px}
.designer-box>.content>.desp>.name{height:28px;font-size:20px;font-weight:500;color:#333;line-height:28px;margin-bottom:22px}
.designer-box>.content>.desp>p:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px}
.designer-box>.content>.desp>p{font-size:14px;font-weight:400;color:#666;line-height:20px}
.designer-box>.content>.desp>p:nth-of-type(2){text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}
.designer-box .footer{display:flex;justify-content:space-between}
.designer-box .footer>button{width:144px;height:40px;font-size:16px;line-height:40px;font-weight:500;border:1px solid #78061e;outline:0;cursor:pointer}
.designer-box .footer>button:first-of-type{color:#78061e}
.designer-box .footer>button:nth-of-type(2){background:#78061e;color:#fff}
.designer-box .footer>button:nth-of-type(2):hover{background-color:#5f0417}
.designer-box .reservation{text-align:center;margin:30px 0 0;font-size:14px;font-weight:400;color:#999;line-height:20px}
.designer-box .reservation .line:first-of-type{margin-right:8px}
.designer-box .reservation .line:nth-of-type(2){margin-left:8px}
.designer-box .reservation .num{color:#78061e}
/*---cases-detail--*/
.sidebar ul li:hover i.bgs4 {
    background-image: url(../images/right_pic1_on.png);
}
.sidebar ul li i.bgs4 {
    background-image: url(../images/right_pic1.png);
	    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 14px;
    transition: all .3s;
    height: 25px;
}
	.sidebar ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
	.sidebar ul li.sidetop{background:#004c9f;color:#fff}
	.sidebar ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
	.sidebar ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
	.sidebar ul li .telBox.son{width:240px;height: 90px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top: 90px;background: #70061e;}
	.sidebar ul li .telBox dd{display:block;height: 64px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;}
	.sidebar ul li .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
	.sidebar ul li .telBox dd.bgs1{background-color: #70061e;padding-left:0;width: 100%;margin: 0;padding: 0;margin-top: 20px;}
	.sidebar ul li .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
	.sidebar ul li:hover .son{display:block!important;animation:fadein 1s}