.wrapper section {overflow: hidden;margin: 0px auto;width: 1280px;}

/* sub-banner */
#sub-banner {overflow: hidden;background: no-repeat 50% / cover;display: block;margin-top: 30px;}
#sub-banner img { width: 100%; max-width: inherit; }

/* wrap */
.wrap {padding: 50px 0;}
.wrap {overflow: hidden;position: relative;background: url(/images/02/index/product-bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}

/* aside */
.wrap aside , #content-main {float: left;width: 200px;}
.wrap aside ul {margin: 0px 0 8px;}
.wrap aside ul { margin: 20px 0 8px; }
.wrap aside ul li ul.submenu li a{ position: relative; margin: 0;  }
.wrap aside ul li ul.submenu li a:before{content:'-';display:block;position:absolute;left: 10px;bottom: 10px;width: 30px;height: 30px;text-align:cente;line-height: 30px;;font-size: 16pt;transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;color: #c7c7c7;}
.wrap aside ul li { overflow: hidden; color: #626262; letter-spacing: .075em; font-size: 16px; }
.wrap aside ul li a{ margin-bottom: 9px; padding: 10px 10px 10px 30px;  display: block; font-weight: 500; letter-spacing: 0.2px; font-size: 16px; color: #333; position: relative;border-bottom: 1px solid #ddd;}
.wrap aside ul li:hover a, .wrap aside ul li.action a{color:#f15a30}
.wrap aside ul li a:after {display: inline-block;content: "";width: 7px;height: 7px;border-top: 1px solid #939393;border-right: 1px solid #939393;transform: translateY(-50%) rotate(45deg);vertical-align: 1px;position: absolute;left: 0;top: 50%;}
.wrap aside ul li p { position: relative; }
.wrap aside ul li b { position: absolute; padding: 5px 11px; font-weight: normal; top: calc((100% - 35px) / 2); right: 0; }
.wrap aside ul li span { font-size: 12px; vertical-align: text-bottom; color: #4e4d43; }
.wrap aside ul li ul.submenu { margin: 10px 5px 17px; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.wrap aside ul li.action ul.submenu { display: block; }
.wrap aside ul li ul.submenu li { overflow: hidden; position: relative; padding: 0px 0 10px 0; height: 30px; border-bottom: 1px solid #efefef; font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: top; }
.wrap aside ul li ul.submenu li ul.lastmenu { margin-left: 5px; }
.wrap aside ul li ul.submenu li a{ margin-bottom: 9px; padding: 10px 10px 10px 30px;  display: block; font-weight: 500; letter-spacing: 0.2px; font-size: 16px; color: #333; position: relative;border-bottom: 1px solid #ddd;}
.wrap aside ul li ul.submenu li a:after {display: inline-block;content: "";width: 7px;height: 7px;border-top: 1px solid #939393;border-right: 1px solid #939393;transform: rotate(45deg);vertical-align: 1px;position: absolute;left: 0;top: 20px;display: none;}
.wrap aside #adWrap .list a { margin: 10px 0; border: 1px #57abb5 solid; }
.wrap aside .list { display: none; }
.wrapper section .article-text{position: relative;margin-top: 0;margin-bottom: 25px;padding-top: 17px;padding-bottom: 17px;}
.wrapper section .article-text .titleBox{ padding: 0 15px; }
.wrapper section .article-text .titleBox h2.pageTitle {margin-bottom: 0px;font-family: 'Poppins', sans-serif;letter-spacing: 2px;line-height: 45px;text-align: left;font-weight: 700;font-size: 35px;color: #373535;text-transform: uppercase;display: none;}
.wrapper section .article-text .titleBox .waylink{margin: 0;padding: 6px 0;border: 0;border-radius: 0;font-size: 15px;text-align: end;}
.wrapper section .article-text .titleBox .waylink a{padding:0 5px;}
.wrapper section .article-text .titleBox .waylink a:first-child{color:#f15a30;font-weight: 500;}
.wrapper section .article-text .titleBox .waylink strong{
    font-weight: 400;
    padding-left: 5px;
}
.wrapper section .container {overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}

/* content-main */
#content-main {margin-left: 5%;width: calc(95% - 200px);}
#content-main .titleBox { position: relative; }
#content-main .titleBox h2 { margin-bottom: 15px; display: none; font-weight: normal; }
#content-main .titleBox .waylink { right: 3px; bottom: 0; text-align: right; }
#content-main #article { overflow: hidden; }
#content-main #article article { overflow: hidden; margin: 0px 0px 40px; }

#news , #products , #products-detail , #memberWrap , #memberCenter , #infoBar {overflow: hidden;margin-top: 0;margin-bottom: 36px;}

@media screen and (max-width: 1440px){
	.wrapper section {width: 80%;}
}
@media screen and (max-width: 1280px){
	.wrapper section { width: 1180px; }
}
@media screen and (max-width: 1180px) {
	#sub-banner img { width: 130%; }
	.wrapper section { width: 1040px; }
}
@media screen and (max-width: 1040px) {
	.wrapper section {width: 90%;}
}
@media screen and (max-width: 768px) {
	#sub-banner{margin-top:45px;}
	#sub-banner img { width: 150%; }
	.wrap aside , #content-main { margin-left: 0; width: 100%; }
	.wrap aside{order:2}
	#content-main { margin-top: 0;}
	.wrap aside #adWrap { overflow: hidden; }
	.wrap aside #adWrap .list { float: left; margin-right: 1%; width: 24%; }
	.wrap aside #adWrap .list:last-child { margin-right: 0; }
	.wrap aside h3 { font-size: 20px; }
	.wrap aside ul li { font-size: 16px; }
	#content-main .titleBox .waylink { position: relative; right: inherit; }
}
@media screen and (max-width: 640px){
	.wrap aside ul {padding: 10px 0px;}
	.wrapper section .article-text{margin: 0 15px;padding-bottom: 10px;}
	.wrapper section .article-text .titleBox { padding: 0 5px; }
	.wrapper section .article-text .titleBox h2.pageTitle{ font-size: 20px; line-height: 35px; }
.wrapper section .article-text .titleBox .waylink{
    position: initial;
    padding: 6px 0px;
}
}
@media screen and (max-width: 480px) {
	.wrap aside #adWrap { display: none; }
}