@charset "utf-8";
/* 
	Power by kjxxfenghui@sina.com.cn
	1018522364@qq.com
	gdkjxx991335(冯)
*/

#index_banner{width:100%; height:auto; margin:0; padding:0; clear:both; background-color:#FFF;}
#index_banner .swiper-container{width:100%; height:auto; position:relative;}
#index_banner .swiper-container .swiper-wrapper{width:100%; height:auto; position:relative;}
#index_banner .swiper-container .swiper-wrapper .swiper-slide{width:100%; height:auto; position:relative;}
#index_banner .swiper-container .swiper-wrapper .swiper-slide img{width:100%; height:auto; border:0px;}

#index_banner .swiper-container .swiper-button-next{width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; right:0px; top:0px; bottom:0px; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
#index_banner .swiper-container .swiper-button-next i{color:#FFF; display:inline-block; font-size:48px; line-height:50px;}
#index_banner .swiper-container .swiper-button-prev{width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; left:0px; top:0px; bottom:0px; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
#index_banner .swiper-container .swiper-button-prev i{color:#FFF; display:inline-block; font-size:48px; line-height:50px; transform:rotate(180deg);}
#index_banner .swiper-container .swiper-pagination{bottom:40px;}
#index_banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:50px; height:5px; display:inline-block; border-radius:0px; background-color:#096; opacity:1;}
#index_banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#F00; opacity:1;}

@media screen and (max-width:768px){
	#index_banner .swiper-container .swiper-button-next i{color:#FFF; display:inline-block; font-size:36px; line-height:36px;}
	#index_banner .swiper-container .swiper-button-prev i{color:#FFF; display:inline-block; font-size:36px; line-height:36px;}
	#index_banner .swiper-container .swiper-pagination{bottom:30px;}
}


#index_photo{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#index_photo .explain{width:100%; max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both;}
#index_photo .explain dl{width:100%; margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
#index_photo .explain dl dd{width:30%; margin:0; padding:0;}
#index_photo .explain dl dt{width:70%; margin:0; padding:0;}
#index_photo .explain dl b{font-size:40px; font-weight:normal; line-height:1;}
#index_photo .explain dl .line{width:100%; height:auto; margin:0; padding:0; position:relative; z-index:1; text-align:right; box-sizing:border-box;}
#index_photo .explain dl .line::after{content:""; display:block; width:100%; height:1px; overflow:hidden; background-color:#e1e1e1; position:absolute; left:0px; top:49%; z-index:-1;}
#index_photo .explain dl .line a{font-size:16px; line-height:1.5; font-style:normal; display:inline-block; padding:0px 15px; background-color:#FFF; overflow:hidden; text-transform:uppercase;}

#index_photo .explain .uppercase{text-transform:uppercase;}

@media screen and (max-width:1440px){
	#index_photo .explain{width:97%;}
	#index_photo .explain dl b{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1120));}
	#index_photo .explain dl .line a{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / 1120));}
}
@media screen and (max-width:600px){
	#index_photo .explain dl b{white-space:nowrap;}
}

#index_photo .blank{width:100%; height:2vw; margin:0 auto; padding:0; clear:both; overflow:hidden;}


#index_photo .container{width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0; clear:both; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
#index_photo .container .button_prev{width:5%; height:100%; margin:0; padding:0; text-align:center; vertical-align:middle;}
#index_photo .container .button_next{width:5%; height:100%; margin:0; padding:0; text-align:center; vertical-align:middle;}
#index_photo .container .button_prev a{margin:0; padding:5px 0px; background-color:#FFF; text-align:center; display:inline-block; font-style:normal;}
#index_photo .container .button_prev a i{color:#060; font-size:40px; line-height:40px; display:inline-block;}
#index_photo .container .button_next a{margin:0; padding:5px 0px; background-color:#FFF; text-align:center; display:inline-block; font-style:normal;}
#index_photo .container .button_next a i{color:#060; font-size:40px; line-height:40px; display:inline-block;}

#index_photo .container .content_photo{width:90%; height:100%; float:none; margin:0 auto; padding:0;}
#index_photo .container .swiper-container{width:100%; height:auto; margin:0; padding:0; position:relative;}
#index_photo .container .swiper-container .swiper-wrapper{width:100%; height:auto; margin:0; padding:0; position:relative;}
#index_photo .container .swiper-container .swiper-wrapper .swiper-slide{width:auto; height:auto; margin:0; padding:0; float:left;}

#index_photo .container .swiper-container .swiper-slide a{display:block; box-sizing:border-box;}
#index_photo .container .swiper-container .swiper-slide p.photo{font-size:0; line-height:0; margin:0; padding:0;}
#index_photo .container .swiper-container .swiper-slide p.photo img{width:100%; height:auto; border:0px;}
#index_photo .container .swiper-container .swiper-slide p.label{font-size:16px; line-height:1.5; margin:0; padding:10px 0px; border-bottom:#e1e1e1 solid 1px;}

#index_photo .container .swiper-container .swiper-button-next{opacity:0; width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; right:0px; top:0px; bottom:0px; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
#index_photo .container .swiper-container .swiper-button-next i{color:#FFF; display:inline-block; font-size:40px; line-height:40px;}
#index_photo .container .swiper-container .swiper-button-prev{opacity:0; width:30px; height:100%; margin-top:0px; background-image:none; text-align:center; position:absolute; left:0px; top:0px; bottom:0px; z-index:10; display:flex; justify-content:center; align-items:center; flex-direction:column;}
#index_photo .container .swiper-container .swiper-button-prev i{color:#FFF; display:inline-block; font-size:40px; line-height:40px; transform:rotate(180deg);}


@media screen and (max-width:1600px){
	#index_photo .container .swiper-container .swiper-slide p.label{font-size:14px;}
}

@media screen and (max-width:1200px){
	#index_photo .container .content_photo{width:90%;}
	#index_photo .container .button_prev{width:5%;}
	#index_photo .container .button_next{width:5%;}
}
@media screen and (max-width:1024px){
	#index_photo .container .content_photo{width:90%;}
	#index_photo .container .button_prev{width:5%;}
	#index_photo .container .button_next{width:5%;}
	#index_photo .container .button_prev a{background-color:#FFF;}
	#index_photo .container .button_prev a i{color:#060;}
	#index_photo .container .button_next a{background-color:#FFF;}
	#index_photo .container .button_next a i{color:#060;}
}
@media screen and (max-width:768px){
	#index_photo .container{width:96%; display:block !important;}
	#index_photo .container .content_photo{width:100%;}
	#index_photo .container .button_prev{width:0%; display:none;}
	#index_photo .container .button_next{width:0%; display:none;}
	#index_photo .container .swiper-container .swiper-button-next{opacity:1;}
	#index_photo .container .swiper-container .swiper-button-prev{opacity:1;}
}


#index_article{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#index_article .explain{width:100%; max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both;}
#index_article .explain dl{width:100%; margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
#index_article .explain dl dd{width:30%; margin:0; padding:0;}
#index_article .explain dl dt{width:70%; margin:0; padding:0;}
#index_article .explain dl b{font-size:40px; font-weight:normal; line-height:1; white-space:nowrap;}
#index_article .explain dl .line{width:100%; height:auto; margin:0; padding:0; position:relative; z-index:1; text-align:right; box-sizing:border-box;}
#index_article .explain dl .line::after{content:""; display:block; width:100%; height:1px; overflow:hidden; background-color:#e1e1e1; position:absolute; left:0px; top:49%; z-index:-1;}
#index_article .explain dl .line a{font-size:16px; line-height:1.5; font-style:normal; display:inline-block; padding:0px 15px; background-color:#FFF; overflow:hidden; text-transform:uppercase;}

#index_article .explain .uppercase{text-transform:uppercase;}

@media screen and (max-width:1440px){
	#index_article .explain{width:97%;}
	#index_article .explain dl b{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1120));}
	#index_article .explain dl .line a{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / 1120));}
}
@media screen and (max-width:600px){
	#index_article .explain dl b{white-space:nowrap;}
}


#index_article .container{width:100%; max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both;}
#index_article .container ul{width:100%; margin:0; padding:0; list-style-type:none; box-sizing:border-box; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:auto; grid-auto-flow:row; grid-row-gap:20px; grid-column-gap:20px;}
#index_article .container ul li{margin:0; padding:0; box-sizing:border-box; transition:background 0.3s ease;}
#index_article .container ul li a{display:block;}
#index_article .container ul li .photo{width:100%; height:auto; margin:0; padding:0; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; aspect-ratio:4 / 3; overflow:hidden; box-sizing:border-box; overflow:hidden; position:relative; z-index:1; transition:background 0.3s ease;}
#index_article .container ul li .photo::before{content:""; display:inline-block; width:auto; height:4px; overflow:hidden; background-color:#6dbe02; position:absolute; left:0px; right:0px; top:0px; z-index:3;}
#index_article .container ul li .photo img{width:100%; height:auto; border:0px;} /* aspect-ratio:1 / 1; object-fit:contain; */
#index_article .container ul li .content{width:auto; height:auto; margin:0; padding:40px 40px 40px 40px; box-sizing:border-box; position:relative; z-index:1; transition:background 0.3s ease;}
#index_article .container ul li .content::after{content:""; display:block; width:auto; height:auto; overflow:hidden; border:1px solid #e2e2e2; border-top-width:0px; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:-1;}
#index_article .container ul li .content .time{color:#333; font-size:16px; line-height:1; transition:color 0.3s ease;}
#index_article .container ul li .content .tt{color:#333; font-size:16px; line-height:1.5; transition:color 0.3s ease; font-weight:400; margin:40px 0px 0px 0px;}
#index_article .container ul li .content .button{display:inline-flex; align-items:center; justify-content:flex-start; flex-direction:row; margin:100px 0px 0px 0px;}
#index_article .container ul li .content .button i{color:#6dbe02; font-size:24px; line-height:1; font-style:normal; transition:color 0.3s ease;}
#index_article .container ul li .content .button em{color:#333; font-size:12px; line-height:1.5; font-style:normal; transition:color 0.3s ease; text-transform:uppercase;}
#index_article .container ul li:hover .photo{background-color:#6dbe02;}
#index_article .container ul li:hover .content{background-color:#6dbe02;}
#index_article .container ul li:hover .content .time{color:#FFF;}
#index_article .container ul li:hover .content .tt{color:#FFF;}
#index_article .container ul li:hover .content i{color:#FFF;}
#index_article .container ul li:hover .content em{color:#FFF;}

@media screen and (max-width:1440px){
	#index_article .container{width:97%;}
	#index_article .container ul li .content{padding-left:calc(15px + 25 * ((100vw - 320px) / 1280)); padding-right:calc(15px + 25 * ((100vw - 320px) / 1280)); padding-top:calc(15px + 25 * ((100vw - 320px) / 1280)); padding-bottom:calc(15px + 25 * ((100vw - 320px) / 1280));}
	#index_article .container ul li .content .tt{margin-top:calc(20px + 20 * ((100vw - 320px) / 1280));}
	#index_article .container ul li .content .button{margin-top:calc(40px + 100 * ((100vw - 320px) / 1280));}
}
@media screen and (max-width:1200px){
	#index_article .container ul{grid-template-columns:repeat(3,1fr);}
}
@media screen and (max-width:1024px){
	#index_article .container ul{grid-template-columns:repeat(2,1fr);}
	#index_article .container ul li .content .tt{font-size:14px;}
	#index_article .container ul li .content .time{font-size:14px;}
	#index_article .container ul li .content .button em{font-size:12px;}
}
@media screen and (max-width:600px){
	#index_article .container ul{grid-template-columns:repeat(2,1fr); grid-column-gap:10px; grid-row-gap:10px;}
	#index_article .container ul li .content .tt{font-size:12px;}
	#index_article .container ul li .content .time{font-size:12px;}
}

#index_article .blank{width:100%; height:2vw; margin:0 auto; padding:0; clear:both; overflow:hidden;}


#product_host{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#product_host .container{width:clamp(320px, 97%, 1440px); max-width:1440px; height:50px; margin:0 auto; padding:0; clear:both; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
#product_host .container .button_prev{width:5%; height:100%; margin:0; padding:0; text-align:center; vertical-align:middle; display:none;}
#product_host .container .button_next{width:5%; height:100%; margin:0; padding:0; text-align:center; vertical-align:middle; display:none;}
#product_host .container .button_prev a{margin:0; padding:0; background-color:#FFF; text-align:center; display:inline-block; font-style:normal; transform:translateY(-7px);}
#product_host .container .button_prev a i{color:#060; font-size:40px; line-height:1; display:inline-block;}
#product_host .container .button_next a{margin:0; padding:0; background-color:#FFF; text-align:center; display:inline-block; font-style:normal; transform:translateY(-7px);}
#product_host .container .button_next a i{color:#060; font-size:40px; line-height:1; display:inline-block;}

#product_host .container .content_section{width:100%; height:100%; float:none; margin:0 auto; padding:0;}
#product_host .container .content_section .swiper-container{height:100%;}

#product_host .container .content_section ul{margin:0; padding:0; list-style-type:none; width:100%; height:100%;}
#product_host .container .content_section ul li{margin:0; padding:0px 10px 0px 0px; float:left; display:inline-block; width:auto; height:100%; text-align:center;}
#product_host .container .content_section ul li a{margin:0; padding:10px 22px; border-radius:22px; font-size:14px; line-height:14px; color:#333; border:1px solid #D0D0D0; display:inline-block; position:relative; background-color:#FFF;}
#product_host .container .content_section ul li a::before{content:""; display:inline-block; position:absolute; top:100%; left:50%; margin-left:-4px; margin-top:-4px; width:8px; height:8px; border-top:1px solid transparent; border-right:1px solid transparent; transform:rotate(135deg);}  
#product_host .container .content_section ul li.on a{color:#060; border:1px solid #060;}
#product_host .container .content_section ul li.on a::before{border-top: 1px solid #060; border-right: 1px solid #060; background-color:#FFF;}



@media screen and (max-width:1440px){
	#product_host .container{width:97%;}
	#product_host .container .button_prev a i{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1120));}
	#product_host .container .button_next a i{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1120));}
}
@media screen and (max-width:1024px){
	#product_host .container .button_prev{display:flex; align-items:center; justify-content:flex-start; flex-direction:row;}
	#product_host .container .button_next{display:flex; align-items:center; justify-content:flex-end; flex-direction:row;}
	#product_host .container .content_section{width:90%;}
}
@media screen and (max-width:600px){
	#product_host .container .button_prev{width:7%;}
	#product_host .container .button_next{width:7%;}
	#product_host .container .content_section{width:86%;}
}

#product_client{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#product_client .client_unit{width:clamp(320px, 97%, 1440px); max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both; box-sizing:border-box; display:none;}
#product_client .client_unit:nth-of-type(1){display:block;}
#product_client .client_unit .explain{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#product_client .client_unit .explain dl{width:100%; margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
#product_client .client_unit .explain dl dd{width:30%; margin:0; padding:0;}
#product_client .client_unit .explain dl dt{width:70%; margin:0; padding:0;}
#product_client .client_unit .explain dl b{font-size:40px; font-weight:normal; line-height:1;}
#product_client .client_unit .explain dl .line{width:100%; height:auto; margin:0; padding:0; position:relative; z-index:1; text-align:right; box-sizing:border-box;}
#product_client .client_unit .explain dl .line::after{content:""; display:block; width:100%; height:1px; overflow:hidden; background-color:#e1e1e1; position:absolute; left:0px; top:49%; z-index:-1;}
#product_client .client_unit .explain dl .line a{font-size:16px; line-height:1.5; font-style:normal; display:inline-block; padding:0px 15px; background-color:#FFF; overflow:hidden; text-transform:uppercase;}

@media screen and (max-width:1440px){
	#product_client .client_unit{width:97%;}
	#product_client .client_unit .explain dl b{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1120));}
	#product_client .client_unit .explain dl .line a{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / 1120));}
}


#product_client .client_unit .container{width:100%; height:auto; margin:0 auto; padding:0; clear:both;}
#product_client .client_unit .container dl{width:100%; margin:0; padding:0; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; gap:20px;}
#product_client .client_unit .container dl dt{width:100%; margin:0; padding:0; box-sizing:border-box;}
#product_client .client_unit .container dl dd{width:100%; margin:0; padding:0; box-sizing:border-box;}

#product_client .client_unit .container .tab_switch{width:100%;}
#product_client .client_unit .container .tab_switch ul{width:100%; margin:0; padding:0; list-style-type:none; display:flex; align-items:center; justify-content:flex-start; flex-direction:row; flex-wrap:wrap; column-gap:20px; row-gap:10px;}
#product_client .client_unit .container .tab_switch ul li{margin:0; padding:0;}
#product_client .client_unit .container .tab_switch ul li a{font-size:16px; line-height:1;}
#product_client .client_unit .container .tab_switch ul li.on{border-bottom:1px solid #060;}
#product_client .client_unit .container .tab_switch ul li.on a{color:#060;}

@media screen and (max-width:1440px){
	#product_client .client_unit .container .tab_switch ul li a{font-size:calc(14px + (16 - 14) * ((100vw - 320px) / 1120));}
}

#product_client .client_unit .container .tab_content{width:100%; box-sizing:border-box; display:none;}
#product_client .client_unit .container .tab_content:nth-of-type(1){display:block;}
#product_client .client_unit .container .tab_content ul{width:100%; margin:0; padding:0; list-style-type:none; display:grid; grid-template-columns:repeat(4,1fr); grid-column-gap:20px; grid-row-gap:20px; grid-auto-flow:row; box-sizing:border-box;}
#product_client .client_unit .container .tab_content ul li{margin:0; padding:0; position:relative; z-index:1;}
#product_client .client_unit .container .tab_content ul li del{width:100%; margin:0; padding:0; line-height:0px; display:block; text-decoration:none;}
#product_client .client_unit .container .tab_content ul li del img{width:100%; height:auto; border:0px;}
#product_client .client_unit .container .tab_content ul a{width:100%; display:block; line-height:0px; box-sizing:border-box; position:absolute; z-index:3; left:0px; right:0px; top:0px; bottom:0px;}
#product_client .client_unit .container .tab_content ul p.photo{height:100%; margin:0; padding:0; line-height:0px; display:flex; align-items:center; justify-content:flex-end; flex-direction:column; overflow:hidden;}
#product_client .client_unit .container .tab_content ul p.photo img{width:100%; height:auto; border:0px;}
#product_client .client_unit .container .tab_content ul p.label{color:#FFF; font-size:14px; line-height:1.5; display:inline-block; margin:0; padding:10px 15px; background-color:rgba(0,102,51,0.7); position:absolute; left:0px; right:0px; bottom:0px; z-index:2; box-sizing:border-box;}
#product_client .client_unit .container .tab_content ul p.label::after{display:inline-block; content:""; width:12px; height:100%; position:absolute; right:15px; top:0%; z-index:3; background-image:url(../images/12x12.png); background-repeat:no-repeat; background-position:left center;}

@media screen and (max-width:1200px){
	#product_client .client_unit .container .tab_content ul{grid-template-columns:repeat(3,1fr); grid-column-gap:20px;}
}
@media screen and (max-width:1024px){
	#product_client .client_unit .container .tab_content ul{grid-template-columns:repeat(3,1fr); grid-column-gap:20px;}
}
@media screen and (max-width:800px){
	#product_client .client_unit .container .tab_content ul{grid-template-columns:repeat(2,1fr); grid-column-gap:20px;}
}
@media screen and (max-width:600px){
	#product_client .client_unit .container .tab_content ul{grid-template-columns:repeat(2,1fr); grid-column-gap:10px; grid-row-gap:10px;}
	#product_client .client_unit .container .tab_content ul p.label{font-size:12px;}
}

#product_client .client_unit .blank{width:100%; height:2vw; margin:0 auto; padding:0; clear:both; overflow:hidden;}

#render_blank1{width:100%; height:2vw; margin:0; padding:0; clear:both; box-sizing:border-box;}
#render_blank2{width:100%; height:4vw; margin:0; padding:0; clear:both; box-sizing:border-box;}
#render_blank3{width:100%; height:2vw; margin:0; padding:0; clear:both; box-sizing:border-box;}
#render_blank4{width:100%; height:2vw; margin:0; padding:0; clear:both; box-sizing:border-box;}
#render_blank5{width:100%; height:2vw; margin:0; padding:0; clear:both; box-sizing:border-box;}

@media screen and (max-width:1024px){
	#render_blank1{height:2vw;}
	#render_blank2{height:8vw;}
	#render_blank3{height:3vw;}
	#render_blank4{height:5vw;}
	#render_blank5{height:5vw;}
}


#feedback{width:100%; height:auto; margin:0; padding:0; padding-top:3vw; padding-bottom:2vw; clear:both; background-color:rgba(211, 234, 203, 0.45); box-sizing:border-box;}
#feedback .explain{width:clamp(320px, 97%, 1400px); max-width:1400px; height:auto; margin:0 auto; padding:0; clear:both; box-sizing:border-box;}
#feedback .explain dl{width:100%; margin:0; padding:0; display:flex; align-items:flex-end; justify-content:flex-start; flex-direction:row; column-gap:20px;}
#feedback .explain dl dt{margin:0; padding:0; text-align:center;}
#feedback .explain dl dd{margin:0; padding:0; text-align:center;}
#feedback .explain dl b{color:#608458; font-size:40px; line-height:1; font-weight:normal;}
#feedback .explain dl p{color:#666; font-size:14px; line-height:1.5; margin:0; padding:0;}

@media screen and (max-width:1400px){
	#feedback .explain{width:97%;}
	#feedback .explain dl b{font-size:calc(18px + (40 - 18) * ((100vw - 320px) / 1080));}
}
@media screen and (max-width:700px){
	#feedback .explain dl{align-items:center; justify-content:flex-start; flex-direction:column; row-gap:10px;}
}

#feedback .container{width:clamp(320px, 97%, 1440px); max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both; box-sizing:border-box;}
#feedback .container ul{width:100%; margin:0; padding:0; list-style-type:none; box-sizing:border-box;}
#feedback .container ul li{width:50%; margin:0; padding:0; float:left; margin-bottom:15px;}
#feedback .container ul li.full{width:100%;}
#feedback .container ul li dl{margin:0 auto; padding:10px; width:97%; display:table; box-sizing:border-box; background-color:#dbe7d7;}
#feedback .container ul li dl dt{margin:0; padding:0; vertical-align:middle; display:table-cell; width:130px; text-indent:10px;}
#feedback .container ul li dl dd{margin:0; padding:0; vertical-align:middle; display:table-cell; width:auto; background-color:#FFF;}
#feedback .container ul li input[type="text"]{padding:0px 10px; width:99%; font-size:14px; height:30px; line-height:30px; outline:none; border:none; background-color:transparent; box-sizing:border-box;}
#feedback .container ul li textarea{padding:5px 10px; width:99%; font-size:14px; height:150px; line-height:25px; outline:none; border:none; background-color:transparent; resize:vertical; box-sizing:border-box;}

@media screen and (max-width:1440px){
	#feedback .container{width:97%;}	
}
@media screen and (max-width:700px){
	#feedback{padding-top:4vw; padding-bottom:2vw;}
	#feedback .container ul li{width:100%; float:none;}
	#feedback .container ul li textarea{height:100px;}
}

#feedback .bottom{width:clamp(320px, 97%, 1440px); max-width:1440px; height:auto; margin:0 auto; padding:0; clear:both; box-sizing:border-box;}
#feedback .bottom time{margin:0; padding:0; display:block; text-align:center; padding-top:10px; padding-bottom:20px;}
#feedback .bottom time a{font-size:14px; line-height:1; padding:10px 50px; color:#FFF; background-color:rgba(107, 169, 93, 1); border-radius:5px; display:inline-block;}

@media screen and (max-width:1440px){
	#feedback .bottom{width:97%;}
}

#feedback .blank{width:100%; height:2vw; margin:0 auto; padding:0; clear:both; overflow:hidden;}

@media screen and (max-width:700px){
	#feedback .blank{height:3vw;}
}