.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/}

.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) {

}