@media only screen and (min-width:900px) and (max-width:1260px) {
    #case-inner-banner{display:none;}
	.bannerwarp{height: auto;}
	.headerwarp .bot{padding: 0 2%;}
	.headerwarp .header, .nav{width: 96%;}
	.bannerwarp .swiper-container01 .item .text h3{font-size: 32px;}
	.indx01{width: 96% ;}
	.indx01 .min .info .item .right .cont{padding: 0 60px 0 40px;}
	.indx01 .min .info{min-height: 420px;}
	.indx01 .min .info .item .right .cont img{margin-bottom: 20px;}
	.indx01 .min .info .item .right .cont h3{font-size: 20px;line-height: 30px;}
	.indx01 .min .info .item .right .cont .more{height: 44px;line-height: 44px;}
	.title h3{font-size: 30px;}
	.title{width: 320px;padding: 10px 0;}
	.index03warp .cont{background-attachment: scroll;background-size: cover;padding: 100px 0 80px;}
	.index03warp .top .text i{margin: 0 20px;}
	.index03warp .min, .index05warp .index05{width: 96%;}
	.index04warp .index04{width: 96%;margin-bottom: 80px;}
	.index04warp .index04 .left{padding-right: 40px;}
	.index04warp .index04 .left h4{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;}
	.index04warp .index04 .left h3{font-size: 20px;margin-bottom: 20px;}
	.index04warp .index04 .left h5{line-height: 26px;margin-bottom: 30px;}
	.more{width: 140px;height: 46px;line-height: 46px;}
	.index05warp .index05 .min{padding: 80px 2%;padding-left: 20%;}
	.index05warp .index05{width: 100%;}
	.index05warp .index05 .min .cont .item .link a .imgbox img{width: auto;height: 150px;}
	.index06warp h3{font-size: 30px;color:#fff;}
	.index06warp .show-xs{background-color:#003f2d;}
	.footerwarp .footer{width: 96%;}
	.footerwarp .footer .top .friendly-link a{font-size: 12px;margin-left: 20px;}
	.footerwarp .footer .top .right li a{font-size: 12px;margin-bottom: 10px;}
	.footerwarp .footer .top .right{width: 60%;}
	.nav{width: 70%;}

	.roof-banner{height: auto;}
	.roof-banner img{height: auto;}
	.roof-banner .bot{padding: 10px 0;}
	.roof-banner .bot h3 img{height: 40px;}
	.roof-banner .bot h3 p{font-size: 14px;}
	.roof-banner .text h1{font-size: 36px;}
	.roof-banner .text font{font-size: 18px;}
	.roof-banner .text p{font-size: 24px;margin-bottom: 30px;}
	.sunroom01warp .sunroom01 .top{padding-left: 2%;}
	.sunroom01warp .sunroom01 .top .left h4{font-size: 12px;line-height: 22px;}
	.sunroom01warp .sunroom01 .top .left p{font-size: 14px;margin-bottom: 20px;}
	.sunroom01warp .sunroom01 .top .left{width: 38%;}
	.sunroom01warp .sunroom01 .bot, .sunroom02warp .sunroom02, .sunroom03warp .top, .sunroom03warp .bot, .sunroom04warp .sunroom04{width: 96%;}
	.sunroom02warp,.sunroom03warp .top .min,.swimming03warp{background-attachment: scroll;background-size: cover;}
	.sunroom02warp .sunroom02 .min a{width: 32%;margin-right: 2%;padding: 0 20px 30px;}
	.sunroom02warp .sunroom02 .min a .text h4{font-size: 14px;line-height: 24px;color:#000;background-color:#fff;}
	.sunroom02warp .sunroom02 .min a .text h3{font-size: 20px;color:#fff;}
	.sunroom03warp .top .min{padding: 40px 20px;}
	.sunroom04warp,.sunroom04warp .sunroom04 .right,.roof04warp{background-attachment: scroll;background-size: cover;}
	.sunroom04warp .sunroom04{-webkit-justify-content: space-between;justify-content: space-between;}
	.r-title p{font-size: 18px;}
	.r-title h3{font-size: 20px;}
	.sunroom04warp .sunroom04 .left h4{font-size: 14px;line-height: 26px;}
	.sunroom04warp .sunroom04 .right{padding: 30px;}
	.sunroom04warp .sunroom04 .left{width: 36%;}
	.roof01, .roof04warp .min, .roof05warp .roof05, .roof04warpwar .roof06, .case01warp .tab{width: 96%;}
	.roof07warp{padding: 80px 0;background-attachment: scroll;background-size: cover;}

	.case01warp .tab, .swimming01warp .swimming01 .min{width: 96%;}
	.swimming01warp .swimming01 .min, .swimming02warp, .swimming03warp .swimming03, .swimming06warp .swimming06{width: 96%;}
	.swimming02warp .swimming02 a .text .info{font-size: 14px;}
	.swimming02warp .swimming02 a .text .cont{padding: 30px;}
	.swimming02warp .swimming02 a .text:before{top: -40px;}
	.swimming02warp .swimming02{padding-bottom: 150px;}
	.swimming04warp .swimming04{width: 96%;}
	.swimming04warp .swiper-button-next{right: 0;}
	.swimming04warp .swiper-button-prev{left: 0;}
	.swimming04warp .swimming04 .swiper-slide .imgbox{width: 150px;height: 150px;}
	.swimming05warp{padding-left: 2%;}
	.r-title h3{font-size: 14px;font-weight:600;}
	.r-title{margin-bottom: 30px;}
	.swimming05warp .swimming05 .text{padding: 40px 20px;}
	.swimming06warp .swimming06 a .text{font-size: 14px;}

	.roof01 .min a h3{font-size: 14px;}
	.roof02warp .text{width: 100%;left: 0;}
	.roof02warp .text li h4{font-size: 14px;line-height: 24px;}
	.roof02warp .text li font{font-size: 26px;}
	.roof02warp .text li h3{font-size: 18px;}
	.roof02warp .text li strong{width: 40px;}
	.roof02warp .text li h4{min-height: 96px;}
	.roof02warp .text li{padding: 0 20px;}
	.roof03warp .roof03{width: 96%;padding: 80px 0;}
	.roof04warp{padding: 80px 0;}
	.roof04warp .roof04 li .text h3{font-size: 18px;}
	.roof04warp .roof04 li .text h4{font-size: 14px;}
	.roof05warp{margin: 80px auto 70px;}
	.roof05warp .roof05 li .text{width: 40%;margin-left: -20%;padding: 30px 10px;}

	.in-banner img{width: 100%;}
	.in-banner{height: auto;}
	.in-banner .text h3{font-size: 30px;white-space: nowrap;}
	.in-banner .text{padding: 40px;}
	.in-banner .text h4{font-size: 14px;}
	.in-banner .text p{font-size: 24px;margin-bottom: 20px;}
	.case01warp .tab a{padding: 0 10px;font-size: 14px;}
	.case01warp .case01{padding: 60px 2%;}
	.case01warp .case01 .min a{width: calc((100% - 60px)/4);margin-right: 20px;}
	.case01warp .case01 .min a .imgbox img{height: 200px;}
	.case02{width: 96%;margin: 80px auto;}
	.case02 a{width: 32%;margin-right: 2%;}
	.servicewarp .service01, .service02, .service03 .min, .service04, .synopsis02warp .synopsis02, .synopsis03warp .synopsis03, .videowarp .top, .video, .exhibition01warp .exhibition01, .news01warp .news01, .news02warp .news02, .videoinfo01warp .videoinfo01{width: 96%;}
	.video li .right h3{font-size: 20px;}
	.video li .right p{font-size: 14px;margin-bottom: 10px;padding-left: 14px;}
	.video li .right .link{display: flex;display: -webkit-flex;}
	.video li .right .link a{width: 140px;margin-right: 20px;}
	.video li .right .link a:last-child{margin-right: 0;}
	.video li .right{padding-left: 40px;}
	.video li .left h3{display: none;}
	.video li .left .imgbox{width: 100%;}
	
	.video li .right{width: 45%;}

	.c-fy .navigation .nav-links span{font-size: 12px;min-width: 40px;height: 40px;line-height: 38px;}

	.servicewarp .service01 a p{font-size: 18px;}
	.servicewarp .service01 a font{font-size: 14px;}
	.service02 .min a .text{bottom: 20px;}
	.service03{background-attachment: scroll;background-size: cover;padding: 80px 0;}
	.service03 .min ul li .item{padding: 30px 10px;}
	.s-top{margin-bottom: 30px;}
	.service04 .min .left{padding-right: 40px;}

	.synopsis01warp .synopsis01 .s-title{padding-left: 2%;margin-bottom: 30px;}
	.synopsis01warp{padding-right: 2%;}
	.synopsis01warp .synopsis01 .min .left img{width: auto;height: 500px;}
	.synopsis02warp{padding: 100px 0;background-size: cover;background-attachment: scroll;}
	.synopsis04warp .synopsis04{width: 96%;}

	.news02warp .news02 a .text{padding: 20px;}
	.newsinfo01warp{width: 96%;}
	.newsinfo01 .min .cont img{max-width: 100%;}

	.contact01warp .contact01{padding: 0 2%;}
	.contact01warp .bot{width: 96%;padding-left: 2%;}
	.contact01warp .contact01 .left{padding-top: 20px;}
	.contact01warp .bot{margin-top: -140px;}
	.contact01warp .contact01 .left p{font-size: 18px;}
	.contact02warp .contact02{width: 96%;}
	.contact02warp .contact02 .right{width: 60%;}
	.contact02warp .contact02 .left{padding-right: 20px;}
	.contact02warp .contact02 .left h5{font-size: 14px;line-height: 26px;}
	.l-h3{font-size: 28px;}
	.l-h4{font-size: 18px;margin-bottom: 20px;}
	.contact02warp .contact02 .left .item li{margin-bottom: 30px;}
	.contact02warp .contact02 .left .item{margin-top: 50px;}
.roof06 .right .kh_imgbox2{width:50%;border:none;}
.video li{width:24%;}
}
@media only screen and (min-width:750px) and (max-width:1000px) {
	body, input, h1, h2, h3, h4, h5, h6, b, c, e, i, g, p, div, dl, dt, dd, select, textarea, font, right, left{letter-spacing: 0;}
	.bannerwarp{height: auto;}
	.headerwarp .bot{padding: 0 2%;}
	.headerwarp .header, .nav{width: 96%;}
	.bannerwarp .swiper-container01 .item .text h3{font-size: 32px;}
	.indx01{width: 96% ;}
	.indx01 .min .info .item .right .cont{padding: 0 60px 0 40px;}
	.indx01 .min .info{min-height: 420px;}
	.indx01 .min .info .item .right .cont img{margin-bottom: 20px;}
	.indx01 .min .info .item .right .cont h3{font-size: 20px;line-height: 30px;}
	.indx01 .min .info .item .right .cont .more{height: 44px;line-height: 44px;}
	.title h3{font-size: 30px;}
	.title{width: 320px;padding: 10px 0;}
	.index03warp .cont{background-attachment: scroll;background-size: cover;padding: 100px 0 80px;}
	.index03warp .top .text i{margin: 0 20px;}
	.index03warp .min, .index05warp .index05{width: 96%;}
	.index04warp .index04{width: 96%;margin-bottom: 80px;}
	.index04warp .index04 .left{padding-right: 40px;}
	.index04warp .index04 .left h4{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;}
	.index04warp .index04 .left h3{font-size: 20px;margin-bottom: 20px;}
	.index04warp .index04 .left h5{line-height: 26px;margin-bottom: 30px;}
	.more{width: 140px;height: 46px;line-height: 46px;margin-right:30px;}
	.caselist a .text{width:70%;}
	.index05warp .index05 .min{padding: 80px 2%;padding-left: 20%;}
	.index05warp .index05{width: 100%;}
	.index05warp .index05 .min .cont .item .link a .imgbox img{width: auto;height: 150px;}
	.index05warp .index05 .min .cont .item .link:after{display: none;}
	.index06warp h3{font-size: 30px;color:#fff;}
	.footerwarp .footer{width: 96%;}
	.footerwarp .footer .top .friendly-link a{font-size: 12px;margin-left: 20px;}
	.footerwarp .footer .top .right li a{font-size: 12px;margin-bottom: 10px;}
	.footerwarp .footer .top .right{width: 60%;}
	.nav{width: 74%;}
	.nav .item a{font-size: 14px;}
	.headerwarp .bot .logo img{height: 30px;}
	.bannerwarp .swiper-container01 .item .text h3{font-size: 24px;}
	.bannerwarp .swiper-container01 .item .text{box-sizing: border-box;padding: 20px 20px;}
	.bannerwarp .swiper-container01 .item .text .linkmin span{padding: 10px;}
.bannerwarp .swiper-container01 .item .text{top:50%;}
.caseinfowarp .caseinf01 .text .textinfo p{text-indent:2em;letter-spacing:0;}
	.bannerwarp .swiper-button-next{right: 2%;}
	.bannerwarp .swiper-button-prev{left: 2%;}
	.bannerwarp .swiper-container01 .item .text .more{margin-top: 30px;}
	.bannerlist{position: relative;}
	.bannerlist li .text span{padding-bottom: 0;margin-bottom: 0;border: none;}
	.bannerlist li .text p{display: none;}
	.title h3{font-size: 28px;margin-bottom: 10px;}
	.indx01 .min .tab li{height: 60px;line-height: 60px;font-size: 18px;}
	.indx01 .min .info .item .left img{width: auto;height: 100%;}
	.indx01 .min .info{min-height: 380px;}
	.indx01 .min .info .item,.indx01 .min .info .item .left{height: 100%;}
	.indx01 .min .info .item .right .cont h3{font-size: 18px;line-height: 28px;}
	.indx01 .min .info .item .right .cont{padding: 0 50px 0 40px;}
	.indx01 .min .info .item .right .cont h4{margin-bottom: 20px;letter-spacing: 0;}
	.indx01 .min .info .item .right .cont img{width: 40px;margin-bottom: 10px;}
	.indx01 .min .info .item .right .cont .more{height: 40px;line-height: 40px;}
	.index02warp .min li a .text{font-size: 20px;}
	.index03warp{margin: 80px auto;}
	.index03warp .top .text span{font-size: 14px;}
	.index03warp .top .text i{margin: 0 10px;}
	.index03warp .min{margin-top: 50px;}
	.index03warp .top{margin-bottom: 50px;}
	.title{margin-bottom: 40px;}
	.index05warp .index05 .min .cont .item .link a .text h3{margin-bottom: 20px;}
	.index05warp .index05{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.index05warp .index05 .left{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: relative;padding: 0;flex-flow: row;-webkit-flex-flow: row;padding: 30px 0;}
	.index05warp .index05 .left a{margin: 0;margin-right: 20px;}
	.index05warp .index05 .left a:last-child{margin-right: 0;}
	.index05warp .index05 .min{width: 100%;padding: 50px 2%;}
	.index05warp .index05 .min .cont{padding-left: 0;}
	.index06warp.show-xs{background-color:#003f2d;}
	.index06warp form{width: 96%;}
	.index06warp h3{font-size: 28px;margin-bottom: 20px;}
	.index06warp h4{font-size: 20px;}
	.footerwarp .footer .top .friendly-link a{margin-left: 10px;}
	.footerwarp{padding: 50px 0;}
	.roof-banner{height: auto;}
	.roof-banner img{height: auto;}
	.roof-banner .bot{padding: 10px 0;}
	.roof-banner .bot h3 img{height: 40px;}
	.roof-banner .bot h3 p{font-size: 14px;}
	.roof-banner .text h1{font-size: 36px;}
	.roof-banner .text font{font-size: 18px;}
	.roof-banner .text p{font-size: 20px;margin-bottom: 30px;}
	.sunroom01warp .sunroom01 .top{padding-left: 2%;}
	.sunroom01warp .sunroom01 .top .left h4{font-size: 14px;line-height: 24px;}
	.sunroom01warp .sunroom01 .top .left p{font-size: 14px;margin-bottom: 20px;}
	.sunroom01warp .sunroom01 .top .left{width: 38%;}
	.sunroom01warp .sunroom01 .bot, .sunroom02warp .sunroom02, .sunroom03warp .top, .sunroom03warp .bot, .sunroom04warp .sunroom04{width: 96%;}
	.sunroom02warp,.sunroom03warp .top .min,.swimming03warp{background-attachment: scroll;background-size: cover;}
	.sunroom02warp .sunroom02 .min a{width: 32%;margin-right: 2%;padding: 0 20px 30px;}
	.sunroom02warp .sunroom02 .min a .text h4{font-size: 14px;line-height: 24px;}
	.sunroom02warp .sunroom02 .min a .text h3{font-size: 20px;}
	.sunroom03warp .top .min{padding: 40px 20px;}
	.sunroom04warp,.sunroom04warp .sunroom04 .right,.roof04warp{background-attachment: scroll;background-size: cover;}
	.sunroom04warp .sunroom04{-webkit-justify-content: space-between;justify-content: space-between;}
	.newsinfo01warp #crumbs{position:unset;margin-top:20px;}
	.r-title p{font-size: 14px;}
	.r-title h3{font-size: 20px;}
	.sunroom04warp .sunroom04 .left h4{font-size: 14px;line-height: 26px;}
	.sunroom04warp .sunroom04 .right{padding: 30px;}
	.sunroom04warp .sunroom04 .left{width: 36%;}
	.roof01, .roof04warp .min, .roof05warp .roof05, .roof04warpwar .roof06, .case01warp .tab{width: 96%;}
	.roof07warp{padding: 80px 0;background-attachment: scroll;background-size: cover;}
	.roof-banner .text .font font{font-size: 14px;margin-right: 31px;}
	.roof-banner .bot h3 font{display: none;}
	.roof-banner .bot{padding: 0;}
	.sunroom01warp .sunroom01 .top{padding-top: 0;margin-top: 40px;}
	.sunroom01warp .sunroom01 .fontbg{display: none;}
	.sunroom01warp .sunroom01 .top .left p{display: none;}
	.sunroom01warp .sunroom01 .top .right{width: 56%;}
	.sunroom01warp .sunroom01 .top .left{width: 40%;}
	.sunroom01warp .sunroom01 .top .right img{width: auto;height: 440px;}
	.sunroom02warp{padding: 80px 0;}
	.sunroom02warp .sunroom02 .min a .text h3{font-size: 18px;}
	.sunroom02warp .sunroom02 .min a .text strong{width: 40px;margin: 10px auto;}
	.sunroom02warp .sunroom02 .min a .imgbox{width: 80px;margin-top: -40px;margin-bottom: 20px;}
	.sunroom02warp .sunroom02 .min a .text h4{font-size: 14px;line-height: 20px;}
	.sunroom02warp .sunroom02 .min a{padding: 0 10px 10px;}
	.sunroom03warp .top .min .img img{max-width: 100px;}
	.sunroom03warp .top .min .item{width: 100%;}
	.sunroom03warp .top .min .item ul li h3{font-size: 14px;line-height: 24px;padding-top: 10px;}
	.sunroom03warp .top .min .item .i-title{font-size: 24px;margin-bottom: 20px;}
	.sunroom03warp .top .min .item ul li{margin-bottom: 10px;}
	.sunroom03warp .bot li .text{padding: 20px 10px;}
	.sunroom03warp .bot li .text h4{font-size: 12px;}
	.sunroom03warp .bot li .text h3{font-size: 18px;}
	.sunroom03warp .bot li .imgbox .icon{max-width: 60px;}
	.sunroom04warp .fontbg{display: none;}
	.sunroom04warp .sunroom04 .left{width: 100%;margin-bottom: 30px;}
	.sunroom04warp .sunroom04{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.sunroom04warp:before{width: 100%;}
	.sunroom04warp .sunroom04 .right{width: 100%;}
	#wrapper section #section-home #block-4 ul li{width: 32%;padding-bottom: 30px;}
	#wrapper section #section-home #block-4 ul{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.roof04warpwar{padding: 80px 0 50px;}
	.roof07warp .roof07{width: 96%;}
	.roof04warpwar{position: relative;z-index: 0;}
	#mobile_chat_card{background: rgba(0, 0, 0,0.3)!important;bottom:65px!important;border:none;padding: 0px 10px!important;}
	.message-card-head span{width: 1.8em!important;height: 1.8em!important;}
	.message-card-body span{    font-size: 1em!important;padding-left:25px!important;margin-bottom:8px;}
	/*2023.2.16*/
	.cityList #TaList a:hover{background-color:#848484!important;}

.case01warp .case01 .min a .text h3{
   overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis; 
display:block;
height: unset;
}
.case01warp .case01 .min a{margin-bottom:0;}
	/**/

	.case01warp .tab, .swimming01warp .swimming01 .min{width: 96%;}
	.swimming01warp .swimming01 .min, .swimming02warp, .swimming03warp .swimming03, .swimming06warp .swimming06{width: 96%;}
	.swimming02warp .swimming02 a .text .info{font-size: 14px;}
	.swimming02warp .swimming02 a .text .cont{padding: 30px;}
	.swimming02warp .swimming02 a .text:before{top: -40px;}
	.swimming02warp .swimming02{padding-bottom: 150px;}
	.swimming04warp .swimming04{width: 96%;}
	.swimming04warp .swiper-button-next{right: 0;}
	.swimming04warp .swiper-button-prev{left: 0;}
	.swimming04warp .swimming04 .swiper-slide .imgbox{width: 150px;height: 150px;}
	.swimming05warp{padding-left: 2%;}
	.r-title h3{font-size: 18px;}
	.r-title{margin-bottom: 30px;}
	.swimming05warp .swimming05 .text{padding: 40px 20px;}
	.swimming06warp .swimming06 a .text{font-size: 14px;}
	.swimming01warp .swimming01 .min .font{font-size: 14px;min-height: 68px;padding: 10px;}
	.swimming02warp .swimming02 a .text .info{margin-top: 10px;}
	.swimming02warp .swimming02 a .text .cont{padding: 30px 20px;}
	.swimming02warp .swimming02 a .text .info{min-height: 96px;margin-bottom: -96px;}
	.swimming03warp .swimming03 .min .item,.swimming03warp .swimming03 .min .item .two a{width: calc((100% - 15px)/2);margin-right: 15px;}
	.swimming03warp .swimming03 .min .item .one,.swimming03warp .swimming03 .min .item:last-child .two{margin-bottom: 15px;}
	.swimming03warp .swimming03 .min .item:last-child .one{margin-bottom: 0;}
	.swimming04warp .swimming04 .swiper-slide .imgbox{width: 120px;height: 120px;}
	.swimming04warp .swimming04 .swiper-slide .text p{font-size: 14px;}
	.swimming05warp .swimming05 .text{padding: 30px 20px;}
	.r-title p{font-size: 16px;}
	.r-title h3{font-size: 16px;}
	.r-title{margin-bottom: 20px;}
	.swimming05warp .swimming05 .text h4{font-size: 14px;}
	.swimming05warp .swimming05 .text{width: 40%;margin-right: -20%;}
	.swimming06warp{padding-bottom: 80px;}


	.roof01 .min a h3{font-size: 14px;}
	.roof02warp .text{width: 100%;left: 0;}
	.roof02warp .text li h4{font-size: 14px;line-height: 24px;}
	.roof02warp .text li font{font-size: 26px;}
	.roof02warp .text li h3{font-size: 18px;}
	.roof02warp .text li strong{width: 40px;}
	.roof02warp .text li h4{min-height: 96px;}
	.roof02warp .text li{padding: 0 20px;}
	.roof03warp .roof03{width: 96%;padding: 80px 0;}
	.roof04warp{padding: 80px 0;}
	.roof04warp .roof04 li .text h3{font-size: 18px;}
	.roof04warp .roof04 li .text h4{font-size: 14px;}
	.roof05warp{margin: 80px auto 70px;}
	.roof05warp .roof05 li .text{width: 40%;margin-left: -20%;padding: 30px 10px;}
	.roof01 .min .right .imgbox img{height: 214px;}
	.roof01 .min .left .imgbox img{height: 500px;}
	.roof02warp .text li{padding: 0 10px;}
	.roof02warp .text li font{font-size: 20px;margin-bottom: 20px;}
	.roof02warp .text li h3{font-size: 18px;}
	.roof02warp .text li strong{margin: 10px 0;}
	.roof02warp .text li h4{letter-spacing: 0;font-size: 12px;line-height: 20px;min-height: 80px;}
	.roof03warp .roof03 li .item{width: 220px;}
	.roof03warp .roof03 li .item img{height: 50px;}
	.roof04warp .roof04 li .text{padding: 10px;}
	.roof04warp .roof04 li .text h4{font-size: 12px;}
	.roof04warp .roof04 li .text h3{font-size: 16px;}
	.roof04warp .roof04 li .imgbox .icon{max-width: 60px;}
	.roof04warp .min .r-title h4{font-size: 14px;}
	.roof04warp .min .r-title strong{width: 80px;}
	.roof05warp .roof05 li .imgbox{width: 100%;}
	.roof05warp .roof05 li .text{width: 50%;margin-left: -40%;padding: 20px 10px;}
	.roof05warp .roof05 li .text p{font-size: 20px;}
	.roof05warp .roof05 li .text h3{font-size: 16px;}
	.roof05warp .roof05 li .text strong{width: 40px;}
	.roof05warp .roof05 li .text h4{font-size: 16px;}


	.in-banner img{width: 100%;}
	.in-banner{height: auto;}
	.in-banner .text h3{font-size: 30px;white-space: nowrap;}
	.in-banner .text{padding: 40px;}
	.in-banner .text p{font-size: 24px;margin-bottom: 20px;}
	.case01warp .tab a{padding: 0 10px;font-size: 14px;}
	.case01warp .case01{padding: 60px 2%;}
	.case01warp .case01 .min a{width: calc((100% - 60px)/4);margin-right: 20px;}
	.case01warp .case01 .min a .imgbox img{height: 200px;}
	.case02{width: 96%;margin: 80px auto;}
	.case02 a{width: 32%;margin-right: 2%;}
	.servicewarp .service01, .service02, .service03 .min, .service04, .synopsis02warp .synopsis02, .synopsis03warp .synopsis03, .videowarp .top, .video, .exhibition01warp .exhibition01, .news01warp .news01, .news02warp .news02, .videoinfo01warp .videoinfo01{width: 96%;}
	.video li .right h3{font-size: 20px;}
	.video li .right p{font-size: 14px;margin-bottom: 10px;padding-left: 14px;}
	.video li .right .link{display: flex;display: -webkit-flex;}
	.video li .right .link a{width: 140px;margin-right: 20px;}
	.video li .right .link a:last-child{margin-right: 0;}
	.video li .right{padding-left: 40px;}
	.video li .left .imgbox{width: 100%;}
	.video li .left{width: 55%;}
	.video li .right{width: 45%;}
	.c-fy .navigation .nav-links span{font-size: 12px;min-width: 40px;height: 40px;line-height: 38px;}
	.case01warp .tab a img{height: 40px;}
	.case01warp .tab a{padding: 0 5px;}
	.case01warp .case01 .min a{width: calc((100% - 40px)/3);}
	.case01warp .case01 .min a:nth-of-type(4n){margin-right: 20px;}
	.case01warp .case01 .min a:nth-of-type(3n){margin-right: 0;}
	.case02 a img{width: auto;height: 300px;min-width: 100%;}
	.video li .right h3{font-size: 18px;line-height: 26px;}
	.caseinfowarp .caseinf01 .slideTxtBox .hd{padding-left: 10px;}
	.caselist{padding-left: 30px;}
	.caseinfowarp .caseinf01 .slideTxtBox .hd ul li{height: calc((100% - 40px)/5);margin-bottom: 10px;border: 2px solid #333;}
	.casetl{font-size: 20px;margin-bottom: 20px;}
	.caselist a .imgbox{width: 100%;}
	.caselist a{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;}
	.caselist a .text{width: 100%;padding: 0;margin-top: 20px;padding-top: 20px;}
	.caselist a .text p{left: 0;}
	.caseinfowarp .caseinf01 .text .top{margin-top: 30px;}
	.bd-mask .tcbox .contwarp{width: 96%;}
	.bd-mask .tcbox .contwarp .close{right: 0;top: -50px;}


	.servicewarp .service01 a p{font-size: 18px;}
	.servicewarp .service01 a font{font-size: 14px;}
	.service02 .min a .text{bottom: 20px;}
	.service03{background-attachment: scroll;background-size: cover;padding: 80px 0;}
	.service03 .min ul li .item{padding: 30px 10px;}
	.s-top{margin-bottom: 30px;}
	.service04 .min .left{padding-right: 40px;}
	.service02 .min a .text font{width: 40px;height: 40px;line-height: 40px;}
	.service02 .min a .text h3{font-size: 18px;line-height: 40px;margin: 0;}
	.service02 .min a .text .hove{margin-top: 10px;}
	.service02 .min a .text p{font-size: 14px;margin-bottom: 10px;}
	.service02 .min a .text{padding-left: 60px;}
	.service03 .min ul li .item .text h4{font-size: 14px;}
	.service03 .min ul li:nth-of-type(2){margin-top: 15px;}
	.service03 .min ul li .item h3{font-size: 32px;margin-right: 10px;}
	.service03 .min ul li .item{padding: 20px 10px;}
	.service04 .min .left li .text h4{font-size: 14px;}
	.service04 .min .left li .text p{font-size: 14px;margin-bottom: 8px;}
	.service04 .min .left li h3:before{display: none;}
	.service04 .min .left li h3{font-size: 18px;}
	.service04 .min .right img{width: auto;height: 340px;}


	.synopsis01warp .synopsis01 .s-title{padding-left: 2%;margin-bottom: 30px;}
	.synopsis01warp{padding-right: 2%;}
	.synopsis01warp .synopsis01 .min .left img{width: auto;height: 500px;}
	.synopsis02warp{padding: 100px 0;background-size: cover;background-attachment: scroll;}
	.synopsis04warp .synopsis04{width: 96%;}
	.synopsis01warp .synopsis01 .min .right{padding-left: 30px;}
	.synopsis01warp .synopsis01 .min .right ul li img{width: auto;height: 50px;margin-right: 10px;}
	.synopsis02warp .synopsis02 .left{box-sizing: border-box;padding-right: 20px;}
	.synopsis02warp .synopsis02 .left ul li h3{font-size: 14px;}
	.synopsis02warp .synopsis02 .right a .text{padding: 20px;}
	.synopsis02warp .synopsis02 .right a .text h3{font-size: 18px;}
	.synopsis02warp .synopsis02 .right a .text h4{font-size: 14px;}
	.synopsis02warp .synopsis02 .right a .text h4:before{width: 30px;}
	.synopsis03warp .synopsis03 .min .gallery-top .swiper-slide img{max-width: 80%;}

	.news02warp .news02 a .text{padding: 20px;}
	.newsinfo01warp{width: 96%;}
	.newsinfo01 .min .cont img{max-width: 100%;}
	.caseinfowarp{padding:0 2%;}
	.news02warp .news02 a{width: calc((100% - 40px)/3);}
	.news02warp .news02 a:nth-of-type(4n){margin-right: 20px;}
	.news02warp .news02 a:nth-of-type(3n){margin-right: 0;}
	.exhibition01warp .exhibition01 a .text{height: 80px;margin-top: -40px;}
	.newslitmin a{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.newslitmin a .imgbox{width: 100%;}
	.newslitmin a .text{width: 100%;padding: 0;margin-top: 20px;}
	.newslit-tl{font-size: 20px;margin-bottom: 20px;}
	.newsinfo01 .min .cont img{height: auto;}

	.contact01warp .contact01{padding: 0 2%;}
	.contact01warp .bot{width: 96%;padding-left: 2%;}
	.contact01warp .contact01 .left{padding-top: 20px;}
	.contact01warp .bot{margin-top: -140px;}
	.contact01warp .contact01 .left p{font-size: 18px;}
	.contact02warp .contact02{width: 96%;}
	.contact02warp .contact02 .right{width: 60%;}
	.contact02warp .contact02 .left{padding-right: 20px;}
	.contact02warp .contact02 .left h5{font-size: 14px;line-height: 26px;}
	.l-h3{font-size: 28px;}
	.l-h4{font-size: 18px;margin-bottom: 20px;}
	.contact02warp .contact02 .left .item li{margin-bottom: 30px;}
	.contact02warp .contact02 .left .item{margin-top: 50px;}
	.contact01warp .bot h3{width: 90%;}
	.contact01warp .bot h3:before{width: 40px;}
	.contact01warp .bot h3{padding: 0 20px;}
	.contact01warp .bot{margin-top: -60px;}
	.contact02warp .contact02{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.contact02warp .contact02 .left{width: 100%;}
	.contact02warp .contact02 .right{width: 90%;}
	.contact02warp .contact02 .left .item{display: flex;display: -webkit-flex;}
	.contact02warp .contact02 .left .item li{margin-right: 100px;}
	.contact02warp .contact02 .left .item li:last-child{margin-right: 0;}

	.nav .item .navitem{width: 100px;}
}

@media only screen and (max-width:760px){
    .sunroom02warp.rf02wrap .min a .text h3{text-shadow:unset;}
    .TabBtn{padding-left:3px;padding-right:7px;}
    .caseinfowarp.case-innerwarp{padding-top:80px;padding-bottom:30px;}
    .index06warp form p.fqy{
        margin-top:10px;
        color: red;
    }
    .index06warp form p span, .roof07warp .roof07 .min h3 span{width:65%;}
    .index06warp form .lab{width:32%;color:#000;}
        #white p, #white h3{color:#000;}
     .case01warp .tab a{width: calc((100% - 10px)/3);}
     .case01warp .tab a:last-child{display:none;}
    .cityList #TaList{width:100%;margin-bottom:10px;}
    .cityList{padding:0;}
  .cityList #TaList a{width:unset;margin: 0 5px 10px;}
.case01 #TaList{padding:10px 10px 0px;}
    .headerwarp .bot{padding:6% 2%;}
.listnews{padding-top:10%;}
.listcase{padding-top:15%;}
                .sunroom02warp .pc-hidden{display:block;}
	.sunroom02warp .pc-hidden img{width: 100%;}
	.sunroom02warp .pc-show{display: none;}
.sunroom01warp .sunroom01 .top .left p{font-size:14px;}
.caselist a .text p{display:none;}
/**/
.listnews

/*导航*/
.headerwarp{width: 100%;box-sizing: border-box;padding: 15px 2%;background-color: #fff;z-index: 1000;height: 60px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.headerwarp .top{display: none;}
.nav{display: none;}

.headerwarp .bot .logo img{height: 24px;}
.drawer-hamburger{display: block;background-color: #003f2d;}
.drawer-hamburger-icon{margin-top:unset!important;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{color:#fff;background-color:#fff;}

.drawer-hamburger{padding: 5px 5px 5px;top:30%;height: 20px;
    width: 20px;
    font-size: 16px;
    font-weight: 600;}
.drawer-nav{width: 50%;}
.drawer--right.drawer-open .drawer-hamburger{right: 20px;}
.drawer--right.drawer-open .drawer-nav{padding-top: 60px;}
.drawer--right .drawer-nav{right: -50%;}
/*.fixed-sub{display: none;}*/
.drawer--right.drawer-open .drawer-nav .phone{width: 120px;height: 36px;background-color: #003f2d;font-size: 12px;color: #fff;text-align: center;line-height: 36px;display: block;margin-left: 10%;}
.drawer--right.drawer-open .drawer-nav .phone i{font-size: 12px;color: inherit;margin-right: 10px;}
.headerwarp .sjfont,.headerwarp .sjtel{display: block;margin-right: 70px;}
.headerwarp .sjfont{display: none; font-size: 14px;color: #333;position: absolute;left: 135px;bottom: 17px;}
.headerwarp .sjtel{
    top:30%;
    background-color:#007273;
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    right:50px;

    }
.headerwarp .sjtel i{color: inherit;font-size: 16px;}
.headerwarp .bot .logo{border-right: 1px solid #ddd;padding-right: 10px;padding-left:10px;}
#move{margin-right:4%;background-color:#f6a319;}
/*index*/
.bannerwarp{padding-top: 60px;}
.bannerwarp .swiper-container01 .item img{width: auto;min-width: 100%;height: 400px;}
.bannerwarp .swiper-container01 .item .text .linkmin{flex-flow: wrap;-webkit-flex-flow: wrap;}
.bannerwarp .swiper-container01 .item .text .linkmin span{padding: 5px 5px;margin-right: 5px;margin-bottom: 5px;}
.bannerwarp .swiper-container01 .item .text{box-sizing: border-box;padding: 0 10%;}
.bannerwarp .swiper-container01 .item .text h3{font-size: 20px;line-height: 26px;}
.more{font-size: 12px;width: 120px;height: 36px;line-height: 36px;}
.bannerwarp .swiper-container01 .item .text .more{margin-top: 0;}
.bannerwarp .swiper-container01 .item .text .more,.roof-banner .text .sjmore{width: 140px;height: 36px;line-height: 36px;}
.bannerwarp .swiper-button-prev{left:2%;}
.bannerwarp .swiper-button-next{right: 2%;}
.bannerwarp{height: auto;}
.bannerlist{position: relative;padding: 20px 2%;}
.bannerlist li .text p{display: none;}
.bannerlist li .text span{font-size: 12px;}
/*.bannerlist li img{display: none;}*/
.bannerlist li:last-child{border-right: none;}
.bannerwarp .swiper-container01 .item .sjbanner{display: block;width: 100%;}
.bannerwarp .swiper-container01 .item .pcbanner{display: none;}
.in-banner #i-video{padding-top:10px;}
.bannerlist li{display: block;}
.bannerlist li img{height: 24px;margin: auto;width: auto;}
.bannerlist li .text{text-align: center;margin-top: 5px;}
.bannerlist li .text span{border-bottom: none;padding: 0;margin-bottom: 0;}
div#mobile_icon_div {display: none!important;}

.fixed-sub li{display: none;}
/*.fixed-sub li:nth-of-type(3) {display: block;}*/
.fixed-sub{height: auto;margin-top: 0;width: auto;top: 60%;}
/*.fixed-sub li:nth-of-type(3) a{display: block; width: 42px;height: auto;border-radius: 2rem;padding: 12px 0;background-color: rgba(43,152,118,1);}*/
.fixed-sub li a .ks,.fixed-sub li a .icon_02{display: none;}
.fixed-sub li a .sjmf,.fixed-sub li a .sjimg{display: block;height: auto;}
.fixed-sub li a .sjimg{width: 30px;height: 30px;padding: 0;background-color: #fff;border-radius: 50%;margin: auto;margin-top: 10px;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.fixed-sub li a .sjimg img{display: block;width: 20px;}
/*.fixed-sub li:nth-last-child(2){display: block;}
.fixed-sub li:nth-last-child(2) a .ks{display: block;}
.fixed-sub li:nth-last-child(2) a{width: 42px;height: 42px;border-radius: 50%;background-color: rgba(0,0,0,0.3);box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;padding-top:0;}*/
.indx01{width: 100%;box-sizing: border-box;padding: 0 2%;margin: 50px 0;}
.title{width: 260px;padding: 10px 20px;margin-bottom: 30px;}
.title h3{font-size: 24px;margin-bottom: 10px;}
.title h4{font-size: 12px;}
.title:before, .title:after{width: 20px;height: 20px;}
.indx01 .min .tab li{font-size: 14px;height: 46px;line-height: 46px;}
.indx01 .min .info .item .left{width: 100%;}
.indx01 .min .info .item .right{width: 100%;position: relative;}
.indx01 .min .prev:before,.indx01 .min .next:before{top: 16px;left: 16px;width: 8px;height: 8px;}
.indx01 .min .prev,.indx01 .min .next{width: 40px;height: 40px;top: 176px;}
.indx01 .min .info .item .right .cont{padding: 30px 20px;background-color: #f5f5f5;text-align: center;}
.indx01 .min .info .item .left img{height: 297px;min-width: 100%;width: auto;}
.indx01 .min .info .item .right .cont img{margin: auto;width: 40px;margin-bottom: 20px;}
.indx01 .min .info .item .right .cont h3{font-size: 20px;line-height: 30px;font-weight: bold;color: #003f2d;}
.indx01 .min .info .item .right .cont .more{height: 36px;line-height: 36px;margin: auto;}
.indx01 .min .info .item .right .cont h4{text-align: center;}
.indx01 .min .info{min-height: 720px;}
.index02warp .min li{width: 100%;}
.index02warp .min li a .text{font-size: 20px;}
.index02warp .more{width: 140px;height: 36px;line-height: 36px;}
.index02warp .more{margin-top: 30px;}
.index03warp .cont{background-attachment: scroll;padding: 50px 2%;background-size: cover;}
.index03warp .top .text span{font-size: 12px;}
.index03warp .top .text:before,.index03warp .top .text:after{display: none;}
.index03warp .top .text i{margin:0 5px;}
.index03warp .min, .index05warp .index05{width: 100%;}
.index03warp .min a{width: 49%;}
.index03warp .min a:nth-of-type(2n){margin-right: 0;}
.index03warp .top{display: none;}
.index03warp .min{margin-top: 0;}
.index03warp{margin: 50px 0;}

.index04warp .index04{width: 100%;box-sizing: border-box;padding: 0 2%;display: block;margin-bottom: 50px;}
.index04warp .index04 .left{width: 100%;padding-right: 0;margin-bottom: 40px;}
.index04warp .index04 .rightmin{width: 100%;}
.index04warp .index04 .left h4{font-size: 16px;padding-bottom: 20px;margin-bottom: 20px;display: none;}
.index04warp .index04 .left h3{font-size: 20px;margin-bottom: 10px;display: none;}
.index04warp .index04 .left h5{line-height: 26px;margin-bottom: 30px;text-indent: 2rem;}
.VideoBtn{height: 50px;width: 50px;}
.VideoBtn img{display: block;width: 100%;}

.index04warp .index04 .rightmin{height: 238px;position: absolute;top: 0;left: 0;}
.index04warp .index04{padding-top: 270px;position: relative;}
.index04warp .index04 .left .more{margin: auto;}


.index05warp{width: 100%;box-sizing: border-box;padding: 0 0;}
.index05warp .index05 .left{width: 100%;position: relative;padding: 30px 0;float: none;}
.index05warp .index05 .min{width: 100%;padding: 30px 0;}
.index05warp .index05 .min .cont{padding: 0;}
.index05warp .index05 .min .cont .item .link a{width: 100%;margin-right: 0;margin-bottom: 0;border-bottom: 1px solid #333;padding: 20px 0;}
.index05warp .index05 .min .cont .item .link a .text{padding: 0 0 0 20px;}
.index05warp .index05 .min .cont .item .link a .text h3{font-size: 14px;line-height: 24px;}
.index05warp .index05 .min .cont .item .link a .text font{font-size: 12px;margin-bottom: 5px;}
.index05warp .index05 .min .cont .item .link a .text p{font-size: 12px;}
.index05warp .index05 .min .cont .item .link a .text p i{width: 14px;}
.index05warp .index05 .min .cont .item .link a .text h3{margin-bottom: 10px;}
.index05warp .index05 .min .cont .more{margin-top: 30px;left:0;}
.index06warp h3{font-size: 20px;margin-bottom: 20px;}
.index06warp h4{font-size: 16px;}
.index06warp h4 #top-title-num{font-size: 20px;}
.index06warp{padding: 30px 2%;}
.index06warp form{width: 100%;}
.index06warp form p{width: 100%;margin-bottom: 20px;margin-right: 0;}
.index06warp form p input{height: 46px;font-size: 12px;}
.index06warp .more{margin-top: 0;width: 140px;height: 36px;line-height:36px ;background: #f6a319;}
.VideoBtn img{opacity: 0;}
.index05warp .index05 .left{display: none;}
.index05warp .index05 .min .sjtab{display: block;text-align: center;box-sizing: border-box;padding: 30px 20px;}
.index05warp .index05 .left a{display: inline-block;margin-bottom: 0;padding: 0 20px 10px;}
.index05warp .index05 .left a i{display: none;}


.footerwarp{padding: 30px 2% 60px;}
.footerwarp .footer .top{display: none;}
.footerwarp .footer{width: 100%;}
.footerwarp .footer .ba .left a:last-child{display: none;}
.footerwarp .footer .ba .right{display: none;}
.footerwarp .footer .ba .left{text-align: center;line-height: 20px;letter-spacing: 0;}
/*sunroom*/
.in-banner{padding-top: 60px;height: auto;}
.in-banner img{height: 400px;margin-left: -30px;}
.in-banner img.endimg{margin-left:unset;width:100%;height:unset;}
.in-banner .text{width: 90%;box-sizing: border-box;padding: 10px 0;}
.in-banner .text p{font-size: 14px;margin-bottom: 10px;}
.in-banner .text h3{font-size: 18px;}
.in-banner .text h4{font-size: 14px;}
.in-banner .text:before,.in-banner .text:after,.in-banner .text .right,.in-banner .text .left{width: 14px;height: 14px;}
.in-banner .text .left{border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
.in-banner .text:after{border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.in-banner .text .right{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.in-banner .text:before{border-top: 1px solid #fff;border-left: 1px solid #fff;}
.case01warp{padding: 20px 2%;}
.case01warp .tab, .swimming01warp .swimming01 .min{width: 100%;}
.case01warp .tab a img{display: none;}
.case01warp .tab a img:nth-of-type(2),.case01warp .tab .active img:nth-of-type(2){display: none;}
.case01warp .tab a{width: calc((100% - 10px)/2);padding: 0 10px;margin-bottom: 10px;}
.case01warp .tab{flex-flow: wrap;-webkit-flex-flow:wrap;}
.case01warp .tab a{justify-content: center;-webkit-justify-content:center;height: 40px;}
.case01warp .case01{padding: 0;}
.case01warp .case01 .min{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.case01warp .case01 .min a{width: 49%;margin: 0;}
.case01warp .case01 .min a .text{padding: 10px 0 0;border: none;}
.case01warp .case01 .min a .imgbox img{width: 100%;height: auto;}
.case01warp .case01 .min a .text h3{line-height: 20px;margin-bottom: 0;font-weight: normal;}
.case01warp .case01 .min a .text .c-more{font-size: 12px;display: none;}
/**/
.case01warp .tab{margin:25px auto 15px;}
.c-fy a, .c-fy .navigation .nav-links span,.c-fy a{width: auto;min-width: 36px;padding: 0 12px;height: 36px;line-height: 34px;}
.c-fy{margin-top:20px;}
.case02{width: 100%;box-sizing: border-box;padding: 0 2%;margin: 50px 0;display: none;}
.case02 a{width: 100%;margin-right: 0;margin-bottom: 30px;}
.case02 a:last-child{margin-bottom: 0;}
.caseinfowarp{padding: 50px 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.caseinfowarp .caseinf01{width: 100%;}
.caseinfowarp .caseinf01 .slideTxtBox .hd{width: 100%;padding-left: 0;}
.caseinfowarp .caseinf01 .slideTxtBox .bd{width: 100%;float: none;}
.caseinfowarp .caseinf01 .text .top h3{font-size: 20px;}
.caseinfowarp .caseinf01 .text .list li{font-size: 12px;}
.caseinfowarp .caseinf01 .slideTxtBox{padding-bottom: 0;}
.caseinfowarp .caseinf01 .slideTxtBox .hd{position: relative;margin-top: 30px;}
.caseinfowarp .caseinf01 .slideTxtBox .hd ul{justify-content: flex-start;-webkit-justify-content:flex-start;}
.caseinfowarp .caseinf01 .slideTxtBox .hd ul li{height: auto;width: calc((100% - 6px)/6);margin-bottom: 0;box-sizing: border-box;margin-right: 10px;margin-bottom: 2px;}
.caseinfowarp .caseinf01 .slideTxtBox .hd ul li img{width: 100%;height: auto;}
.caseinfowarp .caseinf01 .text .textinfo a{width: 140px;height: 36px;line-height:36px;}
.caseinfowarp{padding:0 2%;}
.caseinfowarp #crumbs{font-size: 14px;visibility:hidden;}
.caselist{width: 100%;padding: 0 0 0;border-top: 1px solid #DDDDDD;margin-top: 30px;}
.casetl{font-size: 22px;margin-bottom: 20px;}

/*swimming*/
.roof-banner{margin-top: 60px;height: auto;padding: 0;}
.roof-banner img.inner-banner{width: auto;min-width: 100%;height: 481px;}
.roof-banner .text .font{flex-flow: wrap;-webkit-flex-flow:wrap;padding-left:9%;box-sizing: border-box;}
.roof-banner .text .font font{font-size: 13px;margin-bottom: 10px;margin-right: 31px;}
.roof-banner .text .font font:last-child{margin-right: 31px;}
.roof-banner .bot h3 img{width: 20px;min-width: 25px;}
.roof-banner .text p{font-size: 14px;margin-bottom: 30px;}
.roof-banner .text font{font-size: 14px;display: none;}
.roof-banner .text h1{font-size: 26px;}
.roof-banner .bot h3 p{font-size: 12px;margin-bottom: 0;letter-spacing: 0;min-height: 24px;}
.roof-banner .bot h3 font{display: none;}
.roof-banner .bot{padding: 0;}
.roof-banner .text .font font i:before{width: 6px;}
.roof-banner .text .font font i{width: 14px;height: 14px;margin-right: 5px;}
.roof-banner .bot i{height: 70px;}
.roof-banner .text p{display: none;}




.swimming01warp{margin:50px 0;padding: 0 2%;}
.r-title h3{font-size: 14px;}
.r-title p{font-size: 16px;margin-top: 10px;font-weight:600;margin-bottom:10px;}
.swimming01warp .swimming01{padding-top: 0;}
.swimming01warp .swimming01 .min .left{width: 100%;}
.swimming01warp .swimming01 .min .left img{height: auto;width: 100%;}
.swimming01warp .swimming01 .min .right{width: 100%;position: relative;}
.swimming01warp .swimming01 .min .font{padding: 10px;min-height: auto;font-size: 14px;}
.swimming01warp .swimming01:before{height: 100%;}
.swimming01warp .swimming01 .min .right .text{padding: 0 20px 30px;margin-bottom: 30px;box-sizing: border-box;border-bottom: 1px solid #333;}
.swimming01warp .swimming01 .min .right .imgbox a{width: 100%;margin-bottom: 30px;}

.swimming01warp .swimming01 .min, .swimming02warp, .swimming03warp .swimming03, .swimming06warp .swimming06{width: 100%;box-sizing: border-box;padding: 0 2%;}
.swimming02warp .swimming02 a{width: 100%;margin-right: 0;margin-bottom: 30px;border: 1px solid #ddd;}
.swimming02warp .swimming02 a .text{width: 100%;left: 0;bottom: 0;position: relative;;box-shadow: none;}
.swimming02warp .swimming02 a .text:before{display: none;}
.swimming02warp .swimming02 a .text .info{font-size: 14px;line-height: 24px;}
.swimming02warp .swimming02 a .text .top h1{font-size: 16px;}
.swimming02warp .swimming02 a .text .top p{font-size: 12px;}
.swimming02warp .swimming02 a .text .cont{padding: 30px 20px;}
.swimming02warp .swimming02 a .text .info{margin-bottom: 0;opacity: 1;min-height: auto;margin-top: 10px;}
.swimming02warp .swimming02{padding-bottom: 0;}
.r-title .r-title-b{font-weight:400;font-size:12px;line-height:12px;}
.swimming03warp{background-attachment: scroll;background-size: cover;}
.swimming03warp .swimming03 .min .item{width: 100%;}
.swimming03warp .swimming03 .min .item .two a{width: calc((100% - 1px)/2);margin-right: 1px;}
.swimming03warp .swimming03 .min .item .one,.swimming03warp .swimming03 .min .item .two,.swimming03warp .swimming03 .min .item:last-child .two{margin-bottom: 1px;}

.swimming04warp{width: 100%;box-sizing: border-box;padding: 0 2%;margin: 50px 0;padding-bottom: 50px;border-bottom: 1px solid #333;}
.swimming04warp .swimming04{width: 100%;}
.swimming04warp .swimming04 .swiper-slide .imgbox{width: 100px;height: 100px;}
.swimming04warp .swiper-button-next{right: 0;}
.swimming04warp .swiper-button-prev{left: 0;}
.swimming04warp .swimming04 .swiper-slide .imgbox>img{width: 100%;}

.swimming05warp{width: 100%;padding: 50px 2%;margin: 50px 0;background-color: #f5f5f5;}
.swimming05warp .swimming05{display: block;}
.swimming05warp .swimming05 .text{width: 100%;box-shadow: none;padding-top: 0;padding: 30px;}
.swimming05warp .swimming05 .img{width: 100%;}
.r-title{margin-bottom: 15px;}
.swimming05warp .swimming05 .text h4{font-size: 14px;}
.swimming06warp .swimming06 a .imgbox{height: 250px;}

.swimming06warp{padding:0;margin: 50px 0;background-color: #fff;}
.swimming06warp .swimming06 a{width: 100%;margin-bottom: 30px;margin-right: 0;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.swimming06warp .swimming06 a .text{font-size: 14px;color: #333;position: relative;padding-top: 50px;}
.swimming06warp .swimming06 a .text:before{content: '';display: block;width: 34px;height:34px;background: url(../img/sunroom_a1.png);background-size: 100%;position: absolute;top: 10px;left: 0;}
.swimming06warp .swimming06 a:last-child{margin-bottom: 0;}
.roof04warpwar{width: 100%;box-sizing: border-box;padding: 20px 2%;}
.roof01, .roof04warp .min, .roof05warp .roof05, .roof04warpwar .roof06, .case01warp .tab{width: 100%;}
#wrapper section #section-home #block-4 ul{flex-flow: wrap;-webkit-flex-flow:wrap;}
#wrapper section #section-home #block-4 ul li{width: 50%;}

.roof07warp{background-size: cover;background-attachment: scroll;box-sizing: border-box;padding: 50px 2%;}
.roof07warp .roof07{width: 100%;}
.roof07warp .roof07 .top h3{font-size: 20px;}
.roof07warp .roof07 .top p,.roof07warp .roof07 .top .check{font-size: 14px;}
.roof07warp .roof07 .top .check label input{width: 15px;height: 15px;}
.roof07warp .roof07 .min h3 input{height: 40px;}
.roof07warp .roof07 .min h3 font{font-size: 14px;}
.roof07warp .roof07 button{font-size: 14px;}

.roof-banner .text h1{font-size: 20px;letter-spacing: 4px;text-align: center;    border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom: 20px;}
.roof01{margin: 50px 0;box-sizing: border-box;padding: 0 2%;}
.roof01 .min .left{width: 100%;}
.roof01 .min .left .imgbox img{width: 100%;height: auto;}
.roof01 .min .right{width: 100%;position: relative;}
.roof01 .min .right a{width: 49%;}
.roof01 .min .right .imgbox img{width: auto;height: 120px;}
.roof01 .min a h3{min-height: auto;margin-bottom: 20px;font-size: 14px;}
.roof01 .more{margin-top: 0;}

/*.roof02warp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}*/
.roof02warp .text{width: 100%;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-flow: wrap;-webkit-flex-flow: wrap;width: 96%;left: 50%;height: auto;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); }
.roof02warp .imgbox img{width: auto;margin-left: -372px;}
.roof02warp .text li strong{margin: 10px auto;}
.roof02warp .text li{width: 100%;height: auto;border: 2px solid #fff;padding: 20px 10px;margin-bottom: -1px;border-left: none;}
.roof02warp .text li font{font-size: 20px;margin-bottom: 20px;}
.roof02warp .text li h3{font-size: 16px;text-align: center;line-height: 20px;min-height: auto;}
.roof02warp .text li:nth-of-type(2n){border-left: none;}

.roof03warp{margin: 50px 0;}
.roof03warp .roof03{padding: 50px 2%;background-size: cover;background-attachment: scroll;width: 100%;}
.roof03warp .roof03 li .item img{width: 40px;}
.roof03warp .roof03 li .item h3{font-size: 12px;}

.roof04warp{width: 100%;box-sizing: border-box;padding: 50px 2%;background-attachment: scroll;background-size: cover;display:none;}
.roof04warp .min .r-title h4{font-size: 14px;line-height: 24px;letter-spacing: 0;}
.roof04warp .roof04{margin-top: 30px;}
.roof04warp .roof04 li{width: 49%;}
.roof04warp .roof04 li:nth-of-type(2n){margin-right: 0;}
.roof04warp .roof04 li .text h4{font-size: 12px;min-height: 24px;}
.roof04warp .roof04 li .text h3{font-size: 16px;}
.roof04warp .roof04 li{margin-bottom: 2%;}
.roof04warp .roof04 li:hover{transform: translateY(0);-webkit-transform: translateY(0);}
.roof05warp{width: 100%;padding: 0;margin: 15px 0;}
.roof05warp .roof05 li .imgbox{width: 90%;}
.roof05warp .roof05 li .text{width: 40%;margin-left: -40%;padding: 30px 10px;}
.roof05warp .roof05 li .text p{font-size: 14px;color:#000;font-weight:500;display:inline;margin-bottom: 10px;}
.roof05warp .roof05 li .text h3{font-size: 16px;color:#fff;font-weight:600;display:none;}
.roof05warp .roof05 li .text h4{font-size: 14px;color:#000;font-weight:500;display:inline;}
.roof05warp .roof05 li .text strong{margin: 10px auto;background-color:#fff;display:none;}
.roof05warp .roof05{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 2%;}
.roof05warp .roof05 li{width: 49%;display: block;margin-bottom: 15px;}
.roof05warp .roof05 li .text{width: 100%;padding:10px 0;margin: 0;text-align:center;}
.roof05warp .roof05 li .imgbox{width: 100%;}
.roof05warp .roof05 li .text h3{font-size: 14px;}
.roof05warp .roof05 li .text strong{width: 30px;}
.videowarp{margin: 20PX 0 50px;padding: 0 2%;}
.servicewarp .service01, .service02, .service03 .min, .service04, .synopsis02warp .synopsis02, .synopsis03warp .synopsis03, .videowarp .top, .video, .exhibition01warp .exhibition01, .news01warp .news01, .news02warp .news02, .videoinfo01warp .videoinfo01{width: 100%;}
.videowarp .top{flex-flow: wrap;-webkit-flex-flow:wrap;}
.videowarp .top .right a{font-size: 14px;margin-left: 0;margin-right: 0;}
.videowarp .top .right a:last-child{margin-right: 0;}
.video li .left{width: 100%;}
.video li{display: block;width:50%;}
.video li .left .imgbox{width: 100%;}
.video li .right{width: 100%;padding: 0;margin-top: 30px;}
.video li .right:after{content: '';display: block;clear: both;}
.video li .right h3{font-size: 20px;margin-bottom: 30px;}
.video li .right p{font-size: 14px;padding-left: 10px;width: 50%;float: left;box-sizing: border-box;margin-bottom: 10px;}
.video li .right .link a{width: 120px;height: 36px;line-height: 36px;font-size: 14px;float: left;}
.video li .right .link a:last-child{margin-left: 10px;}
.video li .right .link{margin-top: 10px;clear: both;}
.video{margin-bottom: 0;}
.videowarp .top .right{width: 100%;justify-content: space-between;-webkit-justify-content: space-between;padding: 0 15px;}
.video li .right .link:after{content: '';display: block;clear: both;}

.bd-mask .tcbox .contwarp .close{right: 2%;top:-50px;}
.bd-mask .tcbox .contwarp{width: 100%;padding: 20px;}
.bd-mask .tcbox .contwarp .cont{padding: 40px 0;}
.bd-mask .tcbox .contwarp .cont form{width: 90%;}
.bd-mask .tcbox .contwarp .cont form button{width: 120px;height: 36px;line-height: 36px;}
.bd-mask .tcbox .contwarp .cont .top{width: 60%;text-align: center;}
.bd-mask .tcbox .contwarp .cont .bot{padding: 0 10px;width: 80%;text-align: center;}
.bd-mask .tcbox .contwarp .cont .top, .bd-mask .tcbox .contwarp .cont .bot{font-size: 12px;}

.videoinfo01warp{padding-top: 60px;margin: 50px 0;}
.videoinfo01warp .videoinfo01{margin:0;box-sizing: border-box;padding: 0 2%;}

.servicewarp .service01{margin: 50px 0;background-attachment: scroll;background-size: cover;padding: 50px 2% 20px;}
.servicewarp .service01 a{width: 50%;margin-bottom: 30px;}
.servicewarp .service01 a img{height: 40px;}
.servicewarp .service01 a p{font-size: 16px;}
.servicewarp .service01 a font{font-size: 14px;}
.servicewarp .service01 a:nth-of-type(2n){border: none;}
.servicewarp .service01 a:nth-of-type(2n):after{display: none;}

.service02{box-sizing: border-box;padding: 0 2%;margin: 50px 0;}
.service02 .min a{width: 100%;}
.s-top h4{font-size: 14px;line-height: 24px;}
.s-top h3{font-size: 20px;}
.service02 .min a{margin-bottom: 30px;}
.service02 .min a .text .hove{margin-top: 20px;opacity: 1;margin-bottom: 0;}
.service02 .min a .text{padding-left: 50px;}
.service02 .min a .text p{font-size: 14px;}
.service02 .min a .text font{width: 40px;height: 40px;line-height: 40px;font-size: 16px;background-color: #fff;color: #003f2d;}
.service02 .min a .text h3{font-size: 16px;margin-top: 8px;color: #fff;}
.service02 .min a:before{opacity: 1;}

.service03{background-attachment: scroll;background-size: cover;padding: 50px 2%;}
.service03 .min ul li .item{padding: 20px 10px;flex-flow: wrap;-webkit-flex-flow:wrap;}
.service03 .min ul li .item h3{font-size: 30px;width: 100%;margin-bottom: 20px;}
.service03 .min ul li .item .text h4{font-size: 16px;}
.service03 .min ul li{display: block;}
.service03 .min ul li .item{width: 100%;margin-bottom: -1px;}
.service03 .min ul li:nth-of-type(2) .item{width: 100%;}
.service03 .min ul li:nth-of-type(2){margin-top: 0;}

.service04{margin: 50px 0 0;width: 100%;box-sizing: border-box;padding: 0 2%;}
.service04 .min .left{width: 100%;position: relative;height: auto;padding-right: 0;}
.service04 .min .left li h3{width: 15%;}
.service04 .min .left li .text{width: 85%;}
.service04 .min .left li{padding: 20px 0;}
.service04 .min .left li .text h4{font-size: 14px;}
.service04 .min .right{width: 100%;}

.synopsis01warp{padding-top: 30px;}
.synopsis01warp .synopsis01{padding: 0 2% 50px;}
.synopsis01warp .synopsis01 .min{display: block;}
.synopsis01warp .synopsis01 .min .left{width: 100%;}
.synopsis01warp:after{display: none;}
.synopsis01warp .synopsis01 .s-title h3{font-size: 20px;}
.synopsis01warp .synopsis01 .min .right{width: 100%;float: left;padding-left: 0;margin-top: 30px;}
.l-h3{font-size: 20px;}
.l-h4{font-size: 14px;}
.synopsis01warp .synopsis01 .min .right ul li{padding-bottom: 20px;border-bottom: 1px solid #666;}

.synopsis02warp{background-attachment: scroll;background-size: cover;padding: 50px 2%;}
.synopsis02warp .synopsis02 .left{width: 100%;}
.synopsis02warp .synopsis02 .right{width: 100%;margin-top: 30px;}
.synopsis02warp .synopsis02 .right a{width: 100%;margin-right: 0;margin-bottom: 30px;}
.synopsis02warp .synopsis02 .right a:last-child{margin-bottom: 0;}

.synopsis03warp{padding: 0 2%;margin: 50px 0;}
.synopsis03warp .synopsis03 .min .gallery-top .swiper-slide img{width: 100%;}
.synopsis03warp .synopsis03 .min .gallery-top .swiper-slide h1{font-size: 30px;}
.synopsis03warp .synopsis03 .min .gallery-top .swiper-slide h3{font-size: 14px;line-height: 24px;}

.synopsis04warp{padding: 50px 2%;}
.synopsis04warp .synopsis04{width: 100%;}
.synopsis04warp .synopsis04 .min{margin-top: 30px;}

.exhibition01warp{padding: 0 2% 5px;margin: 30px 0 0;}
.exhibition01warp .exhibition01 a{width: 100%;margin-bottom: 0;}
.exhibition01warp .exhibition01 a .text:after{display: none;}
.exhibition01warp .exhibition01 a .text{height: 60px;margin-top: -30px;}

.news01warp{margin: 30px 0 50px;padding: 0 2%;}
.news01warp .top a{width: 160px;height: 50px;line-height: 50px;font-size: 16px;}

.news01warp .news01 a{width: 100%;display: block;}
.news01warp .news01 a .left{width: 100%;}
.news01warp .news01 a .right{width: 100%;padding: 30px 20px;}

.news02warp{width: 100%;box-sizing: border-box;padding: 0 2%;margin: 50px 0;}
.news02warp .news02 a{width: 100%;margin-right: 0;margin-bottom: 30px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.news02warp .news02,.news02warp .news02 a:last-child{margin-bottom: 0;}
.news02warp .news02 a .imgbox{width: 40%;}
.news02warp .news02 a .text{width: 60%;box-sizing: border-box;padding: 0;padding-left: 20px;padding-top: 20px;}
.news02warp .news02 a .text span{display: none;}
.news02warp .news02 a .text h3{font-size: 14px;line-height: 20px;min-height: auto;}
.news02warp .news02 a .text p{top: 0!important;left: 20px;}
.news02warp .news02 a .imgbox img{width: auto;height: 120px;}
.news02warp .news02 a .text font{margin-bottom: 0;font-size: 12px;-webkit-justify-content: flex-start!important;justify-content: flex-start!important;}
.news02warp .news02 a{margin-bottom: 20px;}
.news02warp .news02{margin-bottom: 30px;}
.newsinfo01warp{width: 100%;box-sizing: border-box;padding: 5% 2% 0;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.newsinfo01{margin:10px 0 0;width: 100%;}
.newsinfo01 .n-title{line-height: 30px;}
.newsinfo01 .min .data{font-size: 14px;}
.newsinfo01 .min .cont{border: none}
.newsinfo01 .min .cont p{font-size: 14px;margin-bottom:10px;margin-top:10px;text-indent:2em;letter-spacing:0;}
.newsinfo01 .min .cont p.zzke{font-size:12px;}
.newsinfo01 .min .cont img{width: 100%;height: auto;margin:15px 0;}
.newslit{width: 100%;padding: 30px 0 0;border-top: 1px solid #DDDDDD;margin-top: 30px;}
.newslit{font-size: 22px;margin-bottom: 20px;}
.newslitmin a .text h3{font-size: 14px;line-height: 20px;}
.newslit-tl{font-size: 22px;margin-bottom: 20px;}
.contact01warp{width: 100%;box-sizing: border-box;margin: 30px 0 50px;padding: 0 2%;}
.contact01warp .contact01{padding: 0;}
.contact01warp .contact01 .left{width: 100%;padding-top: 0;margin-bottom: 30px;}
.contact01warp .contact01 .right{width: 100%;}
.contact01warp .bot{width: 100%;margin-top: 0;box-sizing: border-box;padding: 50px 2%;}
.contact01warp .contact01 .left p{font-size: 16px;}
.contact01warp .bot h3:before{display: none;}
.contact01warp .bot h3{width: 100%;padding: 0;font-size: 14px;line-height: 18px;padding-right: 10px;}
.contact01warp .bot h3 img{margin: 0 10px;}
.contact01warp .bot h3:after{display: none;}
.contact02warp{padding: 50px 2%;}
.contact02warp .contact02{width: 100%;}
.contact02warp .contact02 .left{width: 100%;padding-right: 0;}
.contact02warp .contact02 .left h5{font-size: 14px;line-height: 24px;}
.contact02warp .contact02 .right{display: none;}
.contact02warp .contact02 .sjmap{display: block;width: 100%;}

.index05warp .index05 .min .cont .item .link a .text p i:after{margin-top: -3px;width: 4px;height: 4px;}
.index05warp .index05 .min .cont .item .link a .imgbox{width: 45%;}
.index05warp .index05 .min .cont .item .link a .text{width: 55%;}
.index05warp .index05 .min .cont .item .link a .imgbox img{width: auto;height: 120px;min-width: 100%;}
.sunroom01warp .sunroom01{background-color: #fff;margin-bottom:20px;}
.sunroom01warp{width: 100%;margin: 10px 0;box-sizing: border-box;padding: 0 2%;}
.sunroom01warp .sunroom01 .top{padding-top: 0;}
.sunroom01warp .sunroom01 .fontbg{display: none;}
.sunroom01warp .sunroom01 .top{display: block;}
.sunroom01warp .sunroom01 .top .left{width: 100%;background-color: #fff;box-sizing: border-box;padding:12px 0px 3px;}
.sunroom01warp .sunroom01 .top .right{width: 100%;}
.sunroom01warp .sunroom01:before{display: none;}
.sunroom01warp .sunroom01 .top .left h4{font-size: 14px;line-height: 24px;margin-bottom: 0;display:none!important;}
.sunroom01warp .sunroom01 .top .left span{display: none;}
.sunroom01warp .sunroom01 .top .right{margin-top: 10px;}
.sunroom01warp .sunroom01 .bot, .sunroom02warp .sunroom02, .sunroom03warp .top, .sunroom03warp .bot, .sunroom04warp .sunroom04{width: 100%;box-sizing: border-box;}
.sunroom01warp .sunroom01 .top .left a{display: none;}
.sunroom01warp .sunroom01 .bot{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sunroom01warp .sunroom01 .bot a{width: 49%;margin-right: 0;margin-bottom: 20px;border-bottom: 1px solid #333333;padding-bottom: 10px;}
.sunroom01warp .sunroom01 .bot a .imgbox img{width: 100%;height: auto;}
.sunroom01warp .sunroom01 .bot a .text{font-size: 14px;line-height: 24px;padding: 10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;border: none;}
.sunroom01warp .sunroom01 .top .left h3{font-size:16px;font-weight:600;}
.sunroom02warp{background-size: cover;background-attachment: scroll;padding: 0 2%;margin: 20px 0;background: #fff;overflow:unset;}
.sunroom02warp .sunroom02 .min a{width: 100%;margin-right: 0;margin-bottom: 60px;padding: 0 20px 30px;}
.sunroom02warp .sunroom02 .min a .text h4{min-height: auto;font-size: 14px;line-height: 26px;color:#000; text-shadow: 0px 5px 5px #f6f6f6;}
.sunroom02warp .sunroom02 .min a .text h3{font-size: 20px;color:#000;}
.sunroom02warp .sunroom02 .min a .text{position: relative;z-index: 2;padding:10px 0;}
.sunroom02warp .sunroom02 .min a .imgbox{margin-bottom: 15px;width: 80px;height: 80px;margin-top: -40px;position: relative;z-index: 2;padding:10px;}
.sunroom02warp .sunroom02 .min a:after{width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,0.1);}
.sunroom03warp{margin: 20px auto 0;}
.sunroom02warp .sunroom02 .min a:last-child{margin-bottom: 0;}
.sunroom03warp .top .min{background-attachment: scroll;background-size: cover;display: block;}
.sunroom03warp .top .min .item{width: 100%;padding: 10px 10px;}
.sunroom03warp .top .min .item .i-title{font-size: 20px;}
.sunroom03warp .top .min .item ul li h3{font-size: 14px;line-height: 24px;}
.sunroom03warp .top .min:after{display: none;}
.sunroom03warp .top .min .img:before{content: '';display: block;width: 100%;height: 2px;background-color: #f8ac08;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 0;}
.sunroom03warp .top .min .img img{width: 120px;position: relative;z-index: 2;margin:auto;}
.sunroom03warp .top .min .item:last-child{margin-top: 10px;}
.sunroom03warp .top{margin-bottom: 0px;}
.sunroom03warp .bot{width: 100%;box-sizing: border-box;padding: 0 2%; display:none; margin: 50px 0;display:none!important;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sunroom03warp .bot li{width: 49%;margin-right: 0;margin-bottom: 10px;}
/* .sunroom03warp .bot li:last-child{margin-bottom: 0;} */
.sunroom03warp .bot li .text{padding: 20px 5px;}
.sunroom03warp .bot li .text h3{font-size: 16px;}
.sunroom03warp .bot li .text h4{font-size: 14px;}
.sunroom03warp .bot:after{display: none;}

.sunroom04warp{padding: 20px 0 0;}
.sunroom04warp .fontbg{display: none;}
.sunroom04warp{background-size: cover;background-attachment: scroll;}
.sunroom04warp .sunroom04{display: block;box-sizing: border-box;}
.sunroom04warp .sunroom04 .left{width: 100%;padding: 0 2%;box-sizing: border-box;}
.sunroom04warp:before{width: 100%;}
.sunroom04warp .sunroom04 .right{width: 100%;background-size: cover; background-image: unset;}
.sunroom04warp .sunroom04 .right{padding:10px 0;position: relative;}
.sunroom04warp .sunroom04 .right a{display: block;border-top: none;width:46%;padding:0 2%;float:left;border-bottom: none;}
.sunroom04warp .sunroom04 .right a .img{width: 100%;}
.sunroom04warp .sunroom04 .right a .text{width: 100%;padding-left: 0;margin-top: 20px;}
.sunroom04warp .sunroom04 .left h4{font-size: 14px;line-height: 24px;}
.sunroom04warp .sunroom04 .right a .text h3{font-size: 12px;line-height: 24px;color: #fff;}
.sunroom04warp .sunroom04 .right a .text img{display: none;}
.sunroom04warp:before


.tcmask{width: 90%;padding: 50px 2%;height: auto;font-size: 16px;line-height: 30px;}
.wpcf7-mail-sent-ok .tcbtn{margin-top: 20px;}
.synopsis03warp .swiper-button-next,.synopsis03warp .swiper-button-prev{background-color: #fff;}

.contact02warp .contact02 .left .item li span{right: 0;font-size: 40px;}
.contact02warp .contact02 .left .item li span:after{font-size: 20px;}
.contact02warp .contact02 .left .item li{width: 160px;height: 70px;margin-bottom: 0;}
.contact02warp .contact02 .left .item{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.contact02warp .contact02 .left .item{margin-top: 50px;margin-bottom: 30px;}

.videowarp .top .left{display: none;}
.swimming01warp .swimming01 .min .left{margin-bottom: 30px;}
.swimming01warp .swimming01 .min .right .text a{margin:auto;}

.swimming01warp .swimming01 .min .right .imgbox a img{height: 197px;}
.swimming05warp .swimming05 .text:hover{transform: none;}
.roof-banner .text .sjmore{display: block;margin: auto;margin-top: 70px;}
.roof-banner .text .sjmore{position:absolute;left:30%;top:65%;}
.sunroom01 .jsmodern-video{z-index:0!important;}



.s-sjnav{display: flex;display: -webkit-flex;width: 100%;box-sizing: border-box;padding: 0 10px;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
.s-sjnav a{font-size: 16px;color: #333;position: relative;line-height: 50px;}
.s-sjnav a:after{content: '';display: block;width: 0%;height: 2px;background: #11946b;transition: all .3s;}
.s-sjnav a:hover:after,.s-sjnav .active:after{width: 100%;}
.s-sjnav a:hover,.s-sjnav .active{color: #11946b;}

.news01warp .news01 a .right font,.news02warp .news02 a .text font{justify-content: flex-end;-webkit-justify-content: flex-end;}

.news01warp .news01 a .right h3{text-align: justify;}
.news01warp .news01 a .right,.news02warp .news02 a .text{position: relative;}
.news01warp .news01 a .right P,.news02warp .news02 a .text p{position: absolute;right: 20px;margin-top: 0;top: 35px;}
.fixed-sub li:last-child{display: block;margin-top: 15px;}
.fixed-sub li:last-child a{width: 42px;height: 42px;border-radius: 50%;background-color: rgba(0,0,0,0.3);box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;padding-top:0;}
.fixed-sub li:last-child p{display: none;}
.fixed-sub li:last-child span{background-size: cover;width: 25px;height: 25px;}
.service-banner img{height: 317px;margin-left: -85px;}
.case-banner img{height: 302px;margin-left: -171px;}
/**/
.roof06 .left, .roof06 .right,.roof06 .left, .roof06 .left{width:100%}
.roof06 .right .kh_imgbox2{width: 49%;}



.caseinf01 .textinfo .change_post {flex-wrap: wrap;padding-bottom: 0}
.caseinfowarp .caseinf01 .text .textinfo .change_post .prev{width: 100%;font-size: 12px}
.caseinfowarp .caseinf01 .text .textinfo .change_post .next{width: 100%;font-size: 12px}

.newsinfo01warp .textinfo .change_post {flex-wrap: wrap;;padding-bottom: 0}
.newsinfo01warp .textinfo .change_post .prev{width: 100%;font-size: 12px!important;}
.newsinfo01warp .textinfo .change_post .next{width: 100%;font-size: 12px!important;margin-top: 10px}

.caseinfowarp .case-show-side-bar{width: 100%;padding-left: 0;margin-top:25px;padding-right:0;}
.caseinfowarp .case-show-side-bar .case-show-side-title{display: flex;align-items: flex-end}
.caseinfowarp .case-show-side-bar .case-show-side-title-item{font-size: 12px;margin-right: 30px;background: #003f2d;color: #FFF;display: flex;align-items: center;border-radius: 40px;width: 140px;height: 36px;justify-content: center;border: 1px solid #003f2d}
/*.caseinfowarp .case-show-side-bar .case-show-side-title-item:before{color: #003f2d;background: #FFF}*/
.caseinfowarp .case-show-side-bar .case-show-side-title-active{color: #003f2d;background: #FFF}
/*.caseinfowarp .case-show-side-bar .case-show-side-title-active:before{content: none}*/
.caseinfowarp .case-show-side-bar .casetl{display: none}
.caseinfowarp .case-show-side-bar .caselist{margin: 0;display: none;border-top: none}
.caseinfowarp .case-show-side-bar .caselist-show{margin: 0;display: block}

.newsinfo01warp .case-show-side-bar{width: 100%;padding-left: 0;padding-top:0px;}
.newsinfo01warp .case-show-side-bar .case-show-side-title{display: flex;align-items: flex-end}
.newsinfo01warp .case-show-side-bar .case-show-side-title-item{font-size: 12px;margin-right: 30px;background: #003f2d;color: #FFF;display: flex;align-items: center;border-radius: 40px;width: 120px;height: 36px;justify-content: center;border: 1px solid #003f2d}
/*.newsinfo01warp .case-show-side-bar .case-show-side-title-item:before{color: #003f2d;background: #FFF}*/
.newsinfo01warp .case-show-side-bar .case-show-side-title-active{color: #003f2d;background: #FFF}
/*.newsinfo01warp .case-show-side-bar .case-show-side-title-active:before{content: none}*/
.newsinfo01warp .case-show-side-bar .casetl{text-align:center;}
.newsinfo01warp .case-show-side-bar .caselist{margin: 0;display: none;border-top: none}
.newsinfo01warp .case-show-side-bar .caselist-show{margin-top:20px;display: block;}
.newsinfo01warp .newsinfo01 .text .textinfo .moremin a{margin:0 10%;}
/* 2022.4.20 */
 .top .min .item ul li {
    width: 100%;
}
.icon_vs{top: 15%;
    left: 36%;}
	.roof02warp .text{width: 100%;position: default;}
	.roof02warp .text li.kz{background-image:url(../img/w1.webp);background-size: cover;background-repeat: no-repeat;}
	.roof02warp .text li.xk{background-image:url(../img/w2.webp);background-size: cover;background-repeat: no-repeat;}
	.roof02warp .text li.gr{background-image:url(../img/w3.webp);background-size: cover;background-repeat: no-repeat;}
	.roof02warp .text li.xz{background-image:url(../img/w4.webp);background-size: cover;background-repeat: no-repeat;}
    .case-news{display:none;}
	.case-news ul li{width: 44%;padding: 0 2%;margin-bottom: 20px;}
	.center-menu{padding-left: 0;text-align: center;}
	.case-show-side-title{display: none;}
    .bannerwarp .swiper-container01 .item .text {
    background-color: rgba(0,0,0,0.17);
    padding: 3% 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    text-align: center;
    width: 100%;
}
   .bannerwarp .swiper-container01 .item .text .more{
left:30%;
margin-top:30px;
}
.sj-banner{display:block;max-height:400px;}
.roof-banner img.inner-banner{display:none;}
.indx01 .min .info .item .right .cont h1{font-size:20px;}
 /*.roof05warp .roof05 li:first-child{background: url("../img/r1.webp") ;background-size: cover;background-repeat: no-repeat}*/
 /*   .roof05warp .roof05 li:nth-child(2){background: url("../img/r2.webp");background-size: cover;background-repeat: no-repeat}*/
 /*   .roof05warp .roof05 li:nth-child(3){background: url("../img/r3.webp") ;background-size: cover;background-repeat: no-repeat}*/
 /*   .roof05warp .roof05 li:nth-child(4){background: url("../img/r4.webp") ;background-size: cover;background-repeat: no-repeat}*/
 /*   .roof05warp .roof05 li:nth-child(5){background: url("../img/r5.webp");background-size: cover;background-repeat: no-repeat}*/
 /*   .roof05warp .roof05 li:nth-child(6){background: url("../img/r6.webp") ;background-size: cover;background-repeat: no-repeat}*/
.case-news{display:none;}
.roof02warpxs .text2 li.kz2{background-image:url(../img/w1.webp);background-size:100% 100%;background-repeat: no-repeat;}
.roof02warpxs .text2 li.xk2{background-image:url(../img/w2.webp);background-size:100% 100%;background-repeat: no-repeat;}
.roof02warpxs .text2 li.gr2{background-image:url(../img/w3.webp);background-size:100% 100%;background-repeat: no-repeat;}
.roof02warpxs .text2 li.xz2{background-image:url(../img/w4.webp);background-size:100% 100%;background-repeat: no-repeat;}
.show-xs{display: block;}
.hidden-xs{display: none;}
/**/
.case01 #TaList{padding:30px 10px 0;}
.case-info-right #TaList a{margin:10px 5px;padding:2px 5px;}
.case-info-right .center-menu{padding: 0 5px;}
.case-info-right .center-menu a{width:32%;margin:0 0.5%;display:block;line-height:40px;float:left;padding:0 10px;}
.case-info-right .center-menu a:nth-child(5),.case-info-right .center-menu a:last-child{display:none;}
.case01warp .tab{margin: 25px auto 15px;padding-top:70px;}
/*h5-轮播*/

.h5-slide{display:block;}
.caseinfowarp .caseinf01 .slideTxtBox{display:none;}

.h5-slide .swiper {
  width: 100%;
  height: 100%;
}

.h5-slide .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /**/
  

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.h5-slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.h5-slide .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.h5-slide .swiper-slide {
  background-size: cover;
  background-position: center;
}

.h5-slide .mySwiper2 {
  height: 80%;
  width: 100%;
}

.h5-slide .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.h5-slide .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.9;
}

.h5-slide .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
  border:2px solid red;
}
.h5-slide .mySwiper2 .swiper-button-next, .swiper-button-prev{top: 63%;width: 25px;height: 20px;}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.roof02warpxs .show-xs ul li{width: 100%;text-align: center;padding: 20px;}
.roof02warpxs .text2{text-align: center;}
.roof02warpxs .text2 li{padding: 20px;border-bottom: 2px solid #fff;position: relative;min-height:160px;}
#bannerlist2{background-color:#000!important;}

.roof02warpxs .text2 li font{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;position: relative;z-index: 2;}
.roof02warpxs .text2 li h3{ font-size: 20px;color: #ffffff;position: relative;z-index: 2;margin-top: 10px;}
.roof02warpxs .text2 li strong{margin: 10px auto; display: block;width: 70px;height: 2px;background-color: #FFFFFF;position: relative;z-index: 2}
.roof02warpxs .text2 li h4{font-size: 16px;color: #ffffff;line-height: 26px;text-align: center;position: relative;z-index: 2}
.roof02warpxs .text2 li:after{background-color: rgba(0,0,0,0.6);opacity: 0.6;transition: all .3s;z-index: 1;
    width: 100%;
    height: 100%;
    z-index: 1;
     content: '';
    display: block;
position: absolute;
    left: 0;
    bottom: 0;}
.roof02warpxs .text2 li:hover:after{opacity: 0.3;}
}
.video li .left p{line-height: 20px;font-size: 14px;}
.video li{    padding: 10px 1% 5px;}
@media only screen and (max-width:768px){
    .newsinfo01warp .newsinfo01 .text .textinfo{display:none;}
    #white p, #white h3 {color: #000;}
    .readM {
    width: 50%;
    height: 35px;
    text-align: center;
    background-color: #003f2d;
    display: block;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    border-radius: 20px;
}
    #cont-news h2{font-size:18px;margin:20px 0;}
    .newsinfo01warp .newsinfo01 .text .textinfo .change_post{display:none;}
    .zzxk{text-align:center;text-indent:unset!important;}
    .caselist{margin-bottom:20px;}
      #caselist-case>a{margin-bottom:0;    display: block;margin-bottom: 0;width: unset;float: unset;text-align: center;margin: 0 auto;}
    .caselist .caselistmin .item .text{padding:5px 0;width:100%;text-align:center;background-color: #003f2d;}
    .caselist .caselistmin .item .imgbox{width:100%;}
    .caselist .caselistmin .item{margin-bottom:0;width:48%;float:left;display:block;padding:0 3px;margin:2px 0;}
    .caselist .caselistmin .item .imgbox img{width:100%;height:unset;}
    .caselist .caselistmin .item .text h3{text-align:center;color:#fff;}
    .sunroom03warp .top .min .item ul li{width:100%;}
}