.web_head{background-color: rgba(0,0,0,1);}
.fixed-nav{background-color: transparent;height: 0;}

.page_ibanner{background: url(../images/temp/banner.webp) no-repeat center/cover;margin-top: 72px;}
.page_ibanner .info{padding: 13% 0 9%;max-width: 850px;}
.page_ibanner .title{font-size: clamp(30px, 5vw, 64px);font-family: 'R_B';}
.page_ibanner .desc{font-size: 16px;color: #666;font-family: 'R_R';}
.page_ibanner .bottom_warp{display: flex;justify-content: start;align-items: center;margin: 3% 0;}
.page_ibanner .bottom_warp a{border-radius: 30px;padding: 5px 20px;display: flex;justify-content: start;align-items: center;font-family: 'R_B';font-size: 20px;}
.page_ibanner .pdf{border: 2px solid #593c2d;color: #593c2d;background-color: #f7f1ea;margin-right: 20px;}
.page_ibanner .pdf::before{content: ' ';display: inline-block;width: 48px;height: 48px;background: url(../images/temp/down.webp) no-repeat center/cover;margin-right: 15px;}
.page_ibanner .quote{border: 2px solid #593c2d;color: #fff;background-color: #593c2d;}
.page_ibanner .quote::before{content: ' ';display: inline-block;width: 48px;height: 48px;background: url(../images/temp/info.webp) no-repeat center/cover;margin-right: 15px;}

.main{margin-top: 5%;}
.main .layout{display: flex;justify-content: space-between;align-items: start;}
.main .layout .img_page{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;width: 65%;}
.main .layout .info{width: 32%;}
.main .img_warp{border-radius: 20px;overflow: hidden;}
.main .img_warp img:hover{transform: scale(1.1);}
.main .info>.title{font-size: clamp(30px, 5vw, 48px);color: #333;font-family: 'R_B';line-height: 1.2;}
.main .info .desc{margin-top: 10%;font-size:16px;color:#666;font-family: 'R_R';}
.main .info .desc p{margin-bottom: 3%;}
.main .info .item{border-top: 2px solid #000;padding: 3% 0;}
.main .info .item .title{font-size: 16px;color: #333;font-family: 'R_B';padding: 10px 0;padding-right: 20px;position: relative;cursor: pointer;}
.main .info .item b{display: inline-block;width: 24px;height: 14px;background: url(../images/temp/Vector_20.webp) no-repeat center/cover;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);transition: all .3s;}
.main .info .item .title.active b{transform:translate(0, -50%) rotate(180deg);}

.module{margin-top: 5%;}
.module .list{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 20px 0;}
.module .item{display: flex;justify-content: start;}
.module .item:nth-child(2n){flex-direction: row-reverse;}
.module .item:nth-child(n) .info{background-color: #593c2d;}
.module .item:nth-child(2n) .info{background-color: #ebdbc2;}
.module .item .info{width: 50%;padding: 10% 5% 10% 12%;color: #fff;}
.module .item .info .title{font-size: 32px;font-family: 'R_B';margin: 1% 0 2%;max-width: 600px;}
.module .item .info .desc{font-size: 16px;font-family: 'R_M';margin: 0 0 10%;}
.module .item .info .desc p{line-height: 2;margin-bottom: 8px;}
.module .item .info .link{color: #fff;border-bottom: 2px solid #fff;padding-bottom: 8px;font-family: 'R_B';font-size: 20px;}
.module .item .info .link::after{content: ' ';display: inline-block;width: 26px;height: 15px;background: url(../images/temp/rw.webp) no-repeat center/cover;margin-left: 10px;transition: all .3s;}
.module .item .info .link:hover::after{transform: translateX(10px);}
.module .item .img_warp{width: 50%;padding-bottom: 28%;}


.module .item:nth-child(2n) .info{width: 50%;padding: 12% 5% 10% 5%;color: #fff;}
.module .item:nth-child(2n) .info .link{color: #333;border-color: #333;}
.module .item:nth-child(2n) .info .title{color: #333;}
.module .item .info .link::after{background-image: url(../images/temp/rh.webp) ;}
.module .item:nth-child(2n) .desc{color: #666;font-size: 16px;}

.form{margin-top: 5%;display: flex;justify-content: space-between;align-items: center;}
.form .img_warp{width: 43%;padding-bottom: 41%;}
.form .form_warp{width: 53%;}
.form .smtitle{color: #333;font-size: 16px;font-family: 'R_B';display: flex;justify-content: start;align-items: center;}
.form .smtitle::before{content: ' ';width: 64px;height: 2px;background-color: #333;margin-right: 10px;}
.form .title{font-family: 'R_B';font-size: 32px;color: #333;margin: 2% 0;}
.form .ch_form{margin-top: 3%;}
.form ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: st;flex-direction: column;}
.form li{width: 100%;margin: 20px 0;position: relative;max-width: 700px;}
.form li::before{content: '*';position: absolute;color: red;left: 6px;top: 9px;}
.form li.item_message{width: 100%;}
.form li input{width: 100%;border: none;border-bottom: 1px solid #795E34;background-color: transparent;padding: 8px 15px;}
.form li textarea{width: 100%;border: none;border-bottom: 1px solid #795E34;background-color: transparent;padding: 8px 15px;}
.form li.item_submit{width: fit-content;background-color: #71D8D5;overflow: hidden;position: relative;}
.form li.item_submit::before {content: '';}
.form li .submit_btn{color: #fff;width: fit-content;border: none;background-color: #333;border-radius: 5px;padding: 12px 30px;font-size: 16px;transition: all .3s;}
.form li .submit_btn:hover{background-color: #71D8D5;}


.preservation{margin-top: 5%;}
.preservation .title_warp{text-align: center;}
.preservation .title_warp .title{color: #333;font-size: clamp(30px, 5vw, 48px);font-family: 'R_B';line-height: 1.2;}
.preservation .title_warp .desc{color: #666;font-size: 16px;line-height: 1.5;margin: 1% 0 3%;font-family: 'R_R';}
.preservation .list{margin-bottom: 2%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0 30px;}
.preservation .item{display: flex;justify-content: center;flex-direction: column;text-align: center;background: url(../images/temp/b1.webp) no-repeat center bottom/100% 100%;padding: 35% 6% 8%;margin-bottom: 20px;}
.preservation .item .title{color: #333;font-size: 24px;font-family: 'R_B';}
.preservation .item .desc{margin-top: 3%;font-family: 'R_R';font-size: 16px;color: #666;line-height: 1.8;}
.preservation .item:nth-child(2n){background: url(../images/temp/b2.webp) no-repeat center bottom/100% 100%;}
.preservation .item:nth-child(2n) .title,.preservation .item:nth-child(2n) .desc{color: #fff;}



@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 950px) {
	.fixed-nav{height: 70px;}
	.main .layout .left{display: none;}

	.page_ibanner .bottom_warp{flex-direction: column;align-items:start}
	.page_ibanner .bottom_warp a{margin-bottom: 10px;}
	.main .layout{flex-direction: column;}
	.main .layout .img_page{width: 100%;}
	.main .layout .info{width: 100%;}
	.module .item{flex-direction: column-reverse;}
	.module .item .img_warp{width: 100%;padding-bottom: 56%;}
	.module .item .info{width: 100%;padding: 10% 5%;}
	.module .item .info .title{font-size: 28px;}
	.module .item:nth-child(2n){flex-direction: column-reverse;}
	.module .item:nth-child(2n) .img_warp{width: 100%;padding-bottom: 56%;}
	.module .item:nth-child(2n) .info{width: 100%;padding: 10% 5%;}

	.form{flex-direction: column;}
	.form .img_warp{width: 100%;padding-bottom: 95%;}
	.form .form_warp{margin-top: 5%;width: 100%;padding: 0 5%;}
	.preservation .list{grid-template-columns: repeat(1,1fr);}



}
@media only screen and (max-width: 414px) {
}