
.select2-container--default .select2-selection--multiple textarea{line-height: 1;}
header{background:white;padding:0 0}
header #menubtn span{background:#454545}
header #webmenu .menu_box>ul>li>p a{color:#252525}
header #webmenu .menu_box>ul>li>p a:hover{color:#aa6364}
header.headerfixed{}
#banner_layout{margin-top:85px;display:flex;flex-direction:column}
#banner_layout .waylink{position:relative;width:100%;bottom:0;right:0;z-index:12;background:#aa6364;display:flex;order:2}
#sub_banner{display:flex;flex-direction:column;align-items:center}
#banner_layout .waylink .workframe{width:89%}
#banner_layout .waylink ol{padding:5px 0;text-align:left}
#banner_layout .waylink ol li,#banner_layout .waylink ol li a{display:inline-block;line-height:27px;letter-spacing:3px;color:#fff;font-size:max(1.1 * (1vw + 1vh) / 2,13px)}
#banner_layout .waylink ol li:after{margin:0 10px;display:inline-block;line-height:27px;font-weight:100;font-size:12px;content:"/"}
#banner_layout .waylink ol li:last-child:after{margin:0;content:""}
#banner_layout #sub_banner:before{position:absolute;width:100%;height:100%;display:block;top:0;right:0;z-index:1;content:""}
#banner_layout #sub_banner a{display:block}
#banner_layout #sub_banner a img{height:30vw}
.cutitle{display:flex;flex-direction:column;margin-bottom:23px}
.cutitle h2:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;border-radius:50%;top:-8px;background:#aa6364;animation:bounce2 1s infinite}
.cutitle h2:after{content:"";position:absolute;width:10px;aspect-ratio:1/1;border-radius:50%;top:-8px;left:15px;background:#edac20;animation:bounce2 1s infinite;animation-delay:0.5s}
@keyframes bounce2 {
  0% {transform: translateY(0);}
  50% {transform: translateY(-5px);}
  100% {transform: translateY(0);}
}
.cutitle h2{font-size:max(2.4 * (1vw + 1vh) / 2,24px);display:flex;z-index:1;font-weight:500}
.cutitle h2 span{font-size:max(2.4 * (1vw + 1vh) / 2,24px);color:#aa6364;font-weight:500}
.cutitle p{font-size:max(1.4 * (1vw + 1vh) / 2,15px);text-transform:capitalize;z-index:1}
#content-wrap .bigJJtext{font-size:max(10*(1vw + 1vh) / 2,28px);position:absolute;z-index:0;color:#dddad530;top:-91px;left:20%;font-weight:800}
#content-wrap .cutitle h2:before{width:10px;top:-8px;left:calc(50% - -5px)}
#content-wrap .cutitle h2:after{top:-8px;left:calc(50% - 10px)}
#content-wrap .cutitle{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:40px}
.damtext{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;top:-28px;z-index:9}
.damtext h2{color:#494646;font-size:max(3 * (1vw + 1vh) / 2,33px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;letter-spacing:0.05em}
.damtext h2:before{content:"";width:60px;height:2px;background:#494646;position:absolute;bottom:0}
#side_box{width:100%;z-index:998;position:relative;padding:6px 0}
#side_box.fixed_box{position:sticky;background:#ffffff;border-bottom:#cdcdcd 1px solid}
#show_side_nav{display:block;text-align:center;line-height:60px;font-weight:500;font-size:17px;color:#fff}
#side_box.fixed_box #show_side_nav{color:#303030}
#side_box.fixed_box #show_side_nav:after{border:solid #555;border-width:0 0 1px 1px}
#show_side_nav:after{margin:4px 20px;width:10px;height:10px;border:solid #fff;border-width:0 0 1px 1px;display:inline-block;transform:rotate(-45deg);content:""}
#side_box ul.cate>li#close_layout_nav{padding-top:30px}
#side_box ul.cate>li#close_layout_nav a{position:relative;margin:0 0 0 auto;width:25px;height:20px}
#side_box ul.cate>li#close_layout_nav a:before,#close_layout_nav a:after{position:absolute;width:100%;height:2px;background:#454545;display:block;top:0;right:0;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}
#side_box ul.cate>li#close_layout_nav a:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#side_box ul.cate{text-align:center}
#wrap{position:relative;background-image: url(/template/images/mweb-bg.webp);z-index:5;}
.matwobox{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#content-wrap{padding:3vw 0 5vw;min-height:300px;background-image:linear-gradient(to bottom,#ffffff40,#fdfdfd57,#ffffff38);background-position:100% 0%,100% 100%;background-repeat:no-repeat;padding-bottom:40px;overflow:hidden}
#content-wrap .layout_title{margin-bottom:20px;padding-bottom:5px;border-bottom:1px rgb(95 95 95 / 38%) solid}
#content-wrap .layout_title h2{font-weight:400;font-size:25px;color:#000}
#content-wrap .layout_title .time{color:#959595}
#content-wrap .quote_box{font-weight:300;color:#767676}
#content-wrap .quote_box a{display:inline-block;font-weight:300;line-height:19px;color:#053769;vertical-align:text-bottom}
#content-wrap .description_box *{vertical-align:bottom}
.article_list{font-size:0}
.art_box .article_list{display:flex;flex-wrap:wrap}
.art_box .article_list .list_box{display:flex;width:20%;margin:12px 0}
.art_box .article_list .list_box .relat_box{display:flex;flex-direction:column;align-items:center}
.art_box .article_list .scale_box .img_box_cover{border-radius:50%;width:min(200px,85%);border:#cbcbcb 1px solid}
.article_list .wall-column{width:calc(100% / 2);display:inline-block;vertical-align:top}
.article_list .wall-column .relat_box{margin:0 20px 50px}
.article_list .wall-column .relat_box .img_box_cover:before{position:absolute;width:100%;height:100%;background:#000;display:block;top:0;left:0;z-index:2;opacity:.1;content:""}
.article_list .wall-column .relat_box .img_box_cover img{height:400px}
.article_list .wall-column .relat_box .info_box h4{margin:30px 0 10px;height:auto;max-height:62px;line-height:130%;font-weight:400;font-size:24px;-webkit-line-clamp:2}
.article_list .wall-column .relat_box .info_box article{height:50px;line-height:150%;font-weight:300;font-size:17px;color:#555;-webkit-line-clamp:2}
#content-wrap.mlartist .article_list{display:flex;flex-wrap:wrap;margin-bottom:50px}
#content-wrap.mlartist .article_list .list_box{display:flex;width:32.3%;margin:0 0.5%;flex-direction:column;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#content-wrap.mlartist .article_list .list_box .relat_box{display:flex;flex-direction:column;align-items:center;border:#d9d9d9 1px solid;padding:30px}
#content-wrap.mlartist .article_list .list_box .img_box_cover{display:flex;flex-direction:column;align-items:center}
#content-wrap.mlartist .article_list .list_box .img_box_cover img{width:100%;aspect-ratio:1/1}
#content-wrap.mlartist .article_list .list_box .info_box{padding:10px 0;width:100%}
#content-wrap.mlartist .article_list .list_box .info_box h4{font-size:max(1.4 * (1vw + 1vh) / 2,16px);height:31px;margin-bottom:5px}
#content-wrap.mlartist .article_list .list_box .info_box article{font-size:max(1 * (1vw + 1vh) / 2,14px)}
.news_list ul li{margin:20px 15px 20px 0;width:100%;display:flex;border-bottom:#d8d8d8 1px solid;padding-bottom:30px}
.news_list ul{display:flex;flex-direction:column}
.news_list ul li .img_box_cover{width:20%}
#newsBox ul li .img_box_cover img{height:400px}
.news_list ul li .info_box{margin-top:15px;width:80%;padding:20px}
.news_list ul li .info_box h4{height:33px;font-weight:500;font-size:21px}
.news_list ul li .info_box article{margin:10px 0 0;color:#111}
.news_list ul li .info_box article p{overflow:hidden;height:27px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news_list ul li .info_box .time{color:#8f8f8f}
.shoseJ{display:flex;justify-content:center;padding:10px;margin-bottom:40px}
.shoseJ a{cursor:pointer;border:antiquewhite 1px solid;border-radius:100px;padding:10px 26px;margin:0 5px;background:#aa6364;color:#ffffff}
.shoseJ a:hover{background:#edac20}
.shoseJ a.active{color:#ffffff;background:#edac20}
.faq_list ul{margin-bottom:50px;padding:30px 20px 40px;background-color:rgb(255 255 255 / 67%);border-radius:10px;box-shadow:-1px 3px 7px 6px rgb(243 243 243 / 50%)}
.faq_list ul li .title{position:relative;padding:20px 45px 20px 5px;border-bottom:1px #d7d7d7 solid;display:block;font-size:0;display:flex}
.faq_list ul li .title label{padding:0 0 0 10px;width:40px;display:inline-block;color:#1f1f1f}
.faq_list ul li .title font{width:calc(100% - 80px);display:inline-block;font-size:18px;color:#1f1f1f;font-size:max(1.2 * (1vw + 1vh) / 2,16px)}
.faq_list ul li .title span{position:absolute;width:16px;height:16px;display:block;top:calc((100% - 16px) / 2);right:5px}
.faq_list ul li .title span:before,.faq_list ul li .title span:after{width:16px;height:1px;background:#696969;display:block;content:"";-webkit-transform:translateY(9px);transform:translateY(9px)}
.faq_list ul li .title span:after{-webkit-transform:translateY(8px) rotate(90deg);transform:translateY(8px) rotate(90deg)}
.faq_list ul li .info{padding:15px 35px 15px 85px;border-bottom:1px #d7d7d7 solid;font-size:14px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;font-size:max(1.1 * (1vw + 1vh) / 2,15px)}
.faq_list ul li .info p{font-size:max(1.1 * (1vw + 1vh) / 2,15px)}
.faq_list ul li.current .title span:after{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translateY(8px) rotate(180deg);transform:translateY(180deg) rotate(0)}
.album_list{-moz-column-count:4;-moz-column-gap:5px;-webkit-column-count:4;-webkit-column-gap:5px;column-count:4;column-gap:5px}
.album_list .list_box{margin-bottom:5px}
.album_list .list_box a.img_box_cover{width:100%;border:1px #f0f0f0 solid}
#pagenav{overflow:hidden;text-align:center;font-size:0;margin:15px 0 50px}
#pagenav a,#pagenav strong{margin:0 0 0 -1px;width:37px;height:36px;border:1px #aa6364 solid;display:inline-block;text-align:center;line-height:36px;color:#000}
#pagenav strong{background:#ab6364;color:#fff}
#pagenav a:first-child,#pagenav a:last-child{margin:0 5px}
#pagenav a:first-child i.fa-angle-double-left:before,#pagenav a:last-child i.fa-angle-double-right:before{position:relative;width:10px;height:10px;border:solid #ab6364;border-width:1px 0 0 1px;display:block;left:3px;transform:rotate(-45deg);content:""}
#pagenav a:last-child i.fa-angle-double-right:before{border-width:1px 1px 0 0;left:-2px;transform:rotate(45deg)}
#pagenav a[class^="page-"]{margin:30px 5px 0;float:left;width:auto;height:auto;border:0;display:block}
#pagenav a[class^="page-"] font{width:calc(100% - 22px);display:none}
#pagenav a[class^="page-"] i{margin:0 10px 0 0;display:inline-block}
#pagenav a.page-next{float:right;text-align:right}
#pagenav a.page-next font{text-align:right;display:none}
#pagenav a.page-next i,#pagenav a[class^="page-"] i{margin:0 0 0 0;padding:14px;background:#1b325f;border-radius:50px}
.form_box{margin:60px auto 30px;width:1200px;max-width:100%}
#wrap>.form_box{margin:120px auto 30px;width:1200px;max-width:100%}
#wrap>.form_box .cutitle{text-align:center}
.form_box .m_title .description_box{margin:30px 0 10px}
.form_box .m_title font{display:inline-block;line-height:100%;font-weight:700;font-size:23px;color:#585858;vertical-align:bottom}
.form_box .m_title font.note{margin-left:25px;letter-spacing:2px;font-weight:500;font-size:16px}
.maJJclean{position:relative;display:flex;flex-direction:column}
.maJJclean *{padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.maJJclean b.crnterJJ{display:flex;flex-direction:column;align-items:center;width:100%}
.maJJclean .JJtitle{display:flex;flex-direction:column;align-items:center;padding:20px 0;border-bottom:#dddddd 1px solid;margin-bottom:20px}
.maJJclean .JJtitle h3{font-size:max(1.5*(1vw + 1vh) / 2,18px);color:#aa6364}
.maJJclean .JJtitle p{}
.maJJclean .maJJlist{display:flex;flex-wrap:wrap;margin-bottom:20px}
.maJJclean .maJJlist .maJJitem{display:flex;width:49%;padding:10px 20px;border:#ededed 1px solid;margin:0.5% 0.5%}
.maJJclean .maJJlist .maJJitem .firstJJ{width:125px;flex:1}
.maJJclean .maJJlist .maJJitem span,.maJJclean .maJJlist .maJJitem input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;background:#aa6364;margin:0 21px 0 0;color:white;text-align:center}
.maJJclean .maJJlist .maJJitem input[type="button"]:hover{cursor:pointer}
.showmwJJimg{position:relative;margin-bottom:20px}
.showmwJJimg .showJJlist{display:flex;justify-content:space-between;margin:20px 0 10px;flex-wrap:wrap}
.showmwJJimg .showJJlist .showJJitem{display:flex;flex-direction:column;align-items:center;width:31%}
.showmwJJimg .showJJlist .showJJitem p{width:100%;background:#5d5d5d;color:white;display:flex;flex-direction:column;align-items:center;padding:6px 0}
.input_list p{position:relative;border-bottom:1px #e8e8e8 solid;display:flex;align-items:center}
.input_list p:last-child{border-bottom-color:transparent;display:flex}
.input_list p:before{position:absolute;width:100%;height:100%;display:block;top:0;left:0;content:""}
.input_list p>label{position:relative;margin-right:25px;padding:15px 25px;width:400px;background:#f1f1f1b3;display:inline-block;font-size:max(1.1 * (1vw + 1vh) / 2,16px);color:#686868;vertical-align:top;z-index:2}
.input_list p>font{position:relative;padding:10px 0 11px;width:calc(100% - 477px);display:inline-block;vertical-align:top;display:flex;justify-content:space-between;flex-wrap:wrap}
.input_list p>font.uanmar{display:flex;align-items:center}
.input_list p>font.uanmar img{display:flex;flex-direction:column;align-items:center;justify-content:center}
.input_list p>font input,.input_list p>font textarea{position:relative;padding:5px 20px;width:calc(100% - 42px);background:none;z-index:2;border:1px solid #aaa;border-radius:4px}
.input_list p>font::-webkit-input-placeholder{color:#999}
.input_list p>font::-moz-placeholder{color:#999}
.input_list p>font:-ms-input-placeholder{color:#999}
.input_list p>font:-moz-placeholder{color:#999}
.input_list p>font select{padding:10px 20px;width:100%;color:#000;border:1px solid #aaa;border-radius:4px}
.input_list p>font select.Serve{width:40%}
.input_list p>font input.Serve{width:53%}
.input_list p.checknum>font input{margin-right:5px;width:calc(100% - 97px)}
.send_box{margin:25px 0 0;display:flex;flex-direction:column;align-items:center}
.send_box,.send_box *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.send_box .nwmore{border-bottom:none}
.send_box p{margin-bottom:25px;text-align:center}
.send_box p a.btn{position:relative;padding:10px 30px;background:#aa6364;display:block;text-align:center;line-height:170%;letter-spacing:5px;font-weight:100;font-size:19px;color:#fff}
.send_box p a.btn:before{position:absolute;width:calc(100% - 12px);height:calc(100% - 12px);border:1px rgb(255 255 255 / .32) solid;top:5px;left:5px;content:""}

[data-action="loader"]{position:fixed;width:100vw;height:100vh;background:rgb(0 0 0 / .3);text-align:center;line-height:100vh;top:0;left:0;opacity:0;z-index:-1}
[data-action="loader"] .loader-circle{width:50px;height:50px;border:2px rgba(0,0,0,.6) solid;border-left-color:rgb(255 255 255 / .4);border-radius:100%;display:inline-block}
#lodbg{opacity:1;z-index:99999}
#lodbg .loader-circle{-webkit-animation:circle infinite .75s linear;-moz-animation:circle infinite .75s linear;-o-animation:circle infinite .75s linear;animation:circle infinite .75s linear}
#community ul li.fbb .fb-like{margin:0 0 0 -5px;display:inline-block}
#community ul li.fbb .fb-share-button{margin:-15px 0 0 -6px;display:inline-block}

@keyframes circle {
	0% {transform: rotate(0)}

	100% {transform: rotate(360deg)}
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotate(0)}

	100% {-webkit-transform: rotate(360deg)}
}

@-moz-keyframes circle {
	0% {-webkit-transform: rotate(0)}

	100% {-webkit-transform: rotate(360deg)}
}

@-o-keyframes circle {
	0% {-webkit-transform: rotate(0)}

	100% {-webkit-transform: rotate(360deg)}
}
.conusbox .cnlist{display:flex;flex-wrap:wrap}
.conusbox *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.conusbox .cnlist .cnbox{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.conusbox .cnlist .cnbox a{padding:30px 20px;border-radius:10px;border:#dddddd 1px solid}
.conusbox .cnlist .cnbox a{display:flex;flex-direction:column;align-items:center;width:90%;background:#fbfbfb}
.conusbox .cnlist .cnbox a:hover{background:#aa6364}
.conusbox .cnlist .cnbox a:hover span{color:white}
.conusbox .cnlist .cnbox a:hover img{filter:brightness(22222)}
.conusbox .cnlist .cnbox a img{width:50px}

/*serviceJJ_box*/
.serviceJJ_box{display:grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.serviceJJ_box .se_item img{border-radius: 12px;}

/*ddoyouknow_box*/
.JJintitle{font-size: max(1.6 * (1vw + 1vh) / 2, 18px);font-weight: 500;color: #aa6364;border-bottom: #dddddd 1px solid;margin-bottom: 20px;padding-bottom: 10px;}
.doyouknow_box{display:flex;flex-direction: column;gap: 15px;}
.doyouknow_box .knowitem{display:flex;flex-direction: column;padding: 30px;background: #f5f5f5;border-radius: 15px;}


/*two_boox*/
.story_boo{display:flex;flex-direction: column;padding: 20px;border-left: #c5c5c5 2px solid;}
.two_boox{display: grid;grid-template-columns: 50% 50%;align-items: center;}
.two_boox .tootext{padding:20px;}
.two_boox:nth-child(odd) .tooimg img{border-radius: 0px 0px 0px 30px;}
.two_boox:nth-child(even) .tooimg img{border-radius: 0px 30px 0px 0px;}

/*tralist*/
.tralist{display: grid;grid-template-columns: repeat(4,1fr);align-items: center;gap: 15px;}
.tralist .member{display:flex;flex-direction: column;align-items: center;gap: 10px;}
@media screen and (min-width:1440px) {
	#content-wrap .workframe{width:1300px}
	#banner_layout #sub_banner a img{height:300px}
}

@media screen and (min-width:1281px) {
	#show_side_nav,#side_box ul.cate>li#close_layout_nav,#side_box ul.cate>li b[data-action="sideOpen"]{display:none}
	#side_box ul.cate>li{position:relative;display:inline-block}
	#side_box ul.cate>li h4 a{padding:0 20px;line-height:48px;font-weight:500;font-size:17px;color:#aaa}
	#side_box ul.cate>li:hover h4 a,#side_box ul.cate>li.action h4 a{color:#aa6364}
	#side_box ul.cate>li>.subUL{position:absolute;padding:5px 0;width:180px;background:#fff;box-shadow:0 0 10px rgb(0 0 0 / .2);display:none;left:calc((100% - 180px) / 2)}
	#side_box ul.cate>li>.subUL>li{padding:0 10px}
	#side_box ul.cate>li>.subUL>li a{padding:5px 0;display:block;line-height:170%;color:#848484}
	#side_box ul.cate>li>.subUL>li .sub2ULHead a{padding:0 10px;color:#266a89}
	.article_list .wall-column .relat_box:hover .img_box_cover:before{opacity:.4}
}

@media screen and (max-width:1280px) {
	#banner_layout #sub_banner a img{height:40vw}
	#side_box{background:#2f2f2f;position:relative}
	#side_box .workframe{width:100%}
	#side_box ul.cate{overflow-y:scroll;position:absolute;width:100%;height:0;background:#fff;opacity:0}
	#side_box ul.cate[data-type="1"]{padding-bottom:120px;height:calc(100vh - 251px);opacity:1}
	#side_box ul.cate>li{padding:10px 30px;border-bottom:1px #ededed solid}
	#side_box ul.cate>li#close_layout_nav,#side_box ul.cate>li:last-child{border-bottom:0}
	#side_box ul.cate>li h4,#side_box ul.cate li>div{position:relative}
	#side_box ul.cate>li h4 a{font-size:20px}
	#side_box ul.cate>li a{margin-right:33px;display:block;line-height:170%;font-weight:400;color:#464646}
	#side_box ul.cate>li b{position:absolute;padding:0 10px;top:calc((100% - 27px) / 2);right:0}
	#side_box ul.cate li ul{padding:15px 0 15px 20px;display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
	#side_box ul.cate li .subULHead p a{font-size:18px;color:#464646}
	#side_box ul.cate li .sub2UL{margin:5px 0 10px;padding:10px 20px;background:#f1f1f1}
	#side_box ul.cate li.action .subUL,#side_box ul.cate li.action li.action .sub2UL{display:block}
	#side_box ul.cate li.action>h4 a,#side_box ul.cate li.action>div a{color:#e11113}
	.article_list .wall-column .relat_box .img_box_cover img{height:35vw}
	.album_list{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}

@media screen and (max-width:1024px) {
	.article_list .wall-column .relat_box{margin:0 10px 50px}
	.form_box{width:90%}
	#banner_layout{margin-top:75px}
	.input_list p>font input.Serve{margin-top:10px}
	.serviceJJ_box{grid-template-columns: repeat(2, 1fr);}
	.two_boox{display:flex;flex-direction: column;}
	.two_boox .tooimg{display:flex;order: -1;}
	.two_boox .tootext{padding: 15px 0;}
	.two_boox:nth-child(odd) .tooimg img{border-radius: 0px;}
	.two_boox:nth-child(even) .tooimg img{border-radius: 0px;}
}

@media screen and (max-width:980px) {
	.input_list p>font select.Serve,.input_list p>font input.Serve{width:100%}
	.cutitle{margin-bottom:20px}
	.input_list p:before{width:170px}
	.input_list p>label{padding:10px 15px}
	.input_list p>font{width:calc(100% - 220px)}
	.art_box .article_list .list_box{width:25%}
	.conusbox .cnlist .cnbox{width:50%;margin-bottom:18px}
	#content-wrap.mlartist .article_list .list_box{width:100%;margin:0}
	#content-wrap.mlartist .article_list .list_box .img_box_cover img{}
	.maJJclean .maJJlist .maJJitem{width:100%}
	#content-wrap.mlartist .article_list .list_box .relat_box{padding:10px}
	.tralist{grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width:768px) {
	#banner_layout #sub_banner a img{height:350px;object-position:72% 50%}
	.article_list .wall-column{width:50%}
	.article_list .wall-column .relat_box .img_box_cover img{height:50vw}
	.news_list ul li .img_box_cover{height:100%;object-fit:cover;display:flex;flex-direction:column;width:45%}
	.news_list ul li .img_box_cover img{height:100%}
	.news_list ul li .info_box{margin-top:0;padding:0px 9px}
	.news_list ul li{display:flex;padding-bottom:7px}
	.news_list ul li:nth-child(2n){margin:20px 0 20px 5px}
}

@media screen and (max-width:640px) {
	.album_list{-moz-column-count:2;-webkit-column-count:2;column-count:2}
	.input_list p{margin-bottom:15px;border-bottom:0}
	.input_list p:before{display:none}
	.input_list p>label{margin-right:0;padding:12px;width:100%;background:none}
	.input_list p>font{width:100%}
	#newsBox ul li .img_box_cover img{height:auto}
	.art_box .article_list .list_box{width:33.3%;margin:14px 0px}
	.faq_list ul li .info{padding:15px 0px 15px 0px}
	.faq_list ul{padding:20px 10px 30px}
	.showmwJJimg .showJJlist .showJJitem{width:49%}
	.matwobox{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}
	.tralist{grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:550px) {
	.article_list .wall-column{width:100%}
	.article_list .wall-column .relat_box .img_box_cover img{height:250px}
	.article_list .wall-column .relat_box .info_box h4{margin:15px 0 10px}
	.news_list ul li,.news_list ul li:nth-child(2n){margin:20px 0;width:100%}
	.album_list{-moz-column-count:1;-webkit-column-count:1;column-count:1}
	#banner_layout #sub_banner a img{height:260px}
	#show_side_nav{line-height:40px;font-size:15px;margin-left:15px}
	.faq_list ul li .title label{width:21px;padding-left:0}
	.faq_list ul li .title font{width:calc(100% - 28px)}
	#content-wrap .cutitle{margin-bottom:20px}
	.maJJclean .maJJlist .maJJitem{display:flex;flex-wrap:wrap}
	.maJJclean .maJJlist .maJJitem b:last-child{display:flex;justify-content:flex-end;width:100%}
	.serviceJJ_box{display:flex;flex-direction: column;}
}

@media screen and (max-width:480px){
	.input_list p{display:flex;flex-direction:column}
	.input_list p>font{padding:0}
}