#sub-banner{margin-top:80px;position:relative;z-index:3;display:none}
#content{position:relative;background:#fafafa;min-height:250px}
#sub-banner a { background: no-repeat 50% / cover; display: block; }
#sub-banner img {width: 100%;height: 296px;}

.inside {overflow: hidden;width: 90%;margin: 0 auto;}
.main-article {width: calc(100% - 370px);}
.bigwidth .main-article {width: 100%;margin: 0 auto;}

#wrap{background: #fcfcfc; margin-top: 98px;}

/* waylink */
.waylink {margin-top: 0;background: #444242;}
.waylink .side-title { overflow: hidden; position: relative; padding: 30px 40px; width: 170px; height: 180px; background: url(/images/22/pagetitle_bg.jpg) no-repeat 50% / cover; display: inline-table; }
.waylink .side-title:after { position: absolute; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid #7b6341; left: 10px; top: 10px; content: ""; }
.waylink .side-title h2 { display: table-cell; font-weight: 400; font-size: 16px; font-family: 'Oswald',sans-serif; color: #8a7763; vertical-align: middle; }
.waylink .side-title h2 b { margin-top: 10px; display: block; line-height: 120%; font-weight: 400; font-size: 26px; color: #a99b80; }
.waylink .side-title svg { position: absolute; width: 23px; height: 23px; top: 5px; right: 5px; z-index: 5; }


#category_nav{display:flex;justify-content:center;padding:20px 0;flex-wrap:wrap}
#category_nav li{margin:15px 7px}
#category_nav li a{padding:11px 28px;border:#c0c0c082 1px solid;font-weight:400;color:#767676;display:inline-block;border-radius:50px}
#category_nav li a:hover{background:#f4b362;color:white;border:#f4b362 1px solid}
#pagenav{text-align:center;margin:40px auto 0;width:100%;display:flex;justify-content:center}
#pagenav a,#pagenav strong{margin:0 2px;width:35px;height:35px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong{background:#f4b362;color:#f7f7f7}
#pagenav p{margin:0 5px;width:calc(50% - 10px);vertical-align:top}
#pagenav p a{margin:15px 0 0;padding:0 15px;width:auto;height:auto;line-height:initial;font-size:0}
#pagenav p a i{margin:0 5px 0 0;width:11px;line-height:23px;font-size:12px;vertical-align:top}
#pagenav p a font{max-width:calc(100% - 16px);min-width:auto;font-size:14px;font-weight:100;vertical-align:top}
#pagenav p:last-child a i{margin:0 0 0 5px}
.flyaskme{position:relative;display:flex;align-items:center;border:#aaaaaa 1px solid;padding:4px 30px;border-radius:7px;z-index:9;background:#f4f4f4;flex-direction:row;margin-left:14px}
.lentext h3{font-size:22px;font-weight:500;letter-spacing:1px}
.dumore{display:flex;justify-content:center;margin-left:30px}
.dumore a{padding:9px 10px 9px 20px;border-radius:80px;margin:8px 0;color:#fff;display:flex;background:#333;font-size:18px;font-weight:400;align-items:center;transition:all linear 0.3s}
.dumore a b{font-weight:400;font-size:15px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#f4b362;margin-left:10px;border-radius:50px;transition:all linear 0.3s}
.dumore a:hover b{margin-left:15px}
.dumore a svg{width:17px;fill:#fff;transition:all linear 0.2s}
.flyaskme:hover img{margin-right:50px}
.flyaskme:hover{background:white}
.flyaskme img{width:40px;margin-right:17px}
.flyaskme p{font-size:25px;display:flex;margin-top:0}
.flyaskme p a{display:flex;padding:5px 0 30px}
.lensolgon{display:flex}
.lensolgon .workframe{display:flex;align-items:center;background:#e5e5e5;padding:20px 20px;border-radius:10px;justify-content:center;width:1326px;margin:0 auto 30px}
#content_wrap{position:relative;padding-bottom: 60px;}
#content_wrap .workframe{width:1366px;margin:0 auto}
#product_list{display:flex;flex-wrap:wrap}
#product_list li{margin:15px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;width:calc((100%/4) - 30px);position:relative;transition:all linear 0.3s}
#product_list li:hover{margin-top:5px}
#product_list li a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#product_list li .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#product_list li .photo img{width:100%}
#product_list li .info{padding:10px 20px}
#product_list li .info h3{font-size:16px;font-weight:500}
#product_list li .info span{background: #eda347;display:inline-block;margin:5px 0 15px;font-size:13px;color:#fff;padding:3px 10px;border-radius:5px}
#product_list li .info p{color:#aea9a9;font-weight:400;font-size:14px}
#product_list li .info p b{color:#aea9a9;font-weight:400;font-size:14px;margin:0 5px}
#product_list li article{border-top:1px solid #ddd;padding:10px 20px;text-align:end;color:#9e121a;text-decoration:underline;font-size:13px}
#content_wrap .sence ul li a{position:absolute;width:100%;height:100%;top:0}
#content_wrap .sence ul li h3{color:#494949;line-height:180%;font-weight:500}
#content_wrap .sence ul{width:100%;display:flex;flex-wrap:wrap}
#content_wrap .sence ul li{position:relative;display:flex;width:calc(50% - 20px);border-bottom:#e5e5e5 1px solid;margin:0 10px}
#content_wrap .sence ul li:hover h3{color:#f4b362}
polyline { stroke-width: 1; stroke: #785141; stroke-dasharray: 150; stroke-dashoffset: 150; -moz-animation: ani_svgShowLine 1s .2s linear forwards; -webkit-animation: ani_svgShowLine 1s .2s linear forwards; animation: ani_svgShowLine 1s .2s linear forwards; }
@keyframes ani_svgShowLine { to { stroke-dashoffset: 0; } }
.sidePageMember,.sidePageCompany{position:relative;display:flex;z-index:6;flex-wrap:wrap;justify-content:center;background: #494949;}
.sidePageMember li,.sidePageCompany li{display:flex;padding:2px 5px;border-left:#9da2a624 1px solid}
.sidePageMember li a,.sidePageCompany li a{padding: 10px 7px;color: #fff;}
.sidePageMember li a:hover,.sidePageCompany li a:hover{color:#f4b362}
.sidePageMember li:first-child,.sidePageCompany li:first-child{border-left:unset}
.pag_tit{position:relative;display:flex;flex-direction:column;align-items:center;line-height:180%;padding:50px 0 8px;font-size:40px;color:#494949;font-weight:500;z-index:3}
.pag_tit:after{content:"";width:80px;height:3px;background:#f4b362;margin-top:10px}
.waylink ol {width: 1366px;margin: 0 auto;display: flex;align-items: center;}
.waylink ol li {position: relative;display: inline-block;color: #a3a3a3;vertical-align: top;font-size: 13px;}
.waylink ol li svg{fill:#fff;width: 25px;height: 25px;}
.waylink ol li:after {color: #737373;content: "/";margin: 0 10px;}
.waylink ol li:first-child {padding-left: 0;margin-right: 20px;}
.waylink ol li:first-child a{background: #f4b362;width: 45px;height: 45px;display: inline-flex;align-items: center;justify-content: center;padding: 0;}
.waylink ol li:first-child:after, .waylink ol li:last-child:after { display: none; }
.waylink ol li a {font-weight: 400;font-size: 13px;color: #a3a3a3;}
.waylink ol li:last-child a {color: #989898;padding: 0;}

/* main-article */
.main-article .pagetitle {margin-bottom: 38px;line-height: 100%;font-weight: 400;color: #a7a7a7;padding: 17px 10px 0;display: flex;flex-direction: column;align-items: center;}
.main-article #describe { font-size: 15px; color: #e8e8e8; }

/* side-nav */
#side-nav { float: right; width: 290px; }
#side-nav #contact-nav , #contact-extra { margin-top: 50px; }
#side-nav #contact-nav h3 , #category-nav >h3 , #contact-extra >h3 { margin-bottom: 20px; font-size: 16px; line-height: 110%; color: #c5c5c5; }
#side-nav #contact-nav h3 strong , #contact-extra h3 strong { font-size: 20px; font-weight: 400; line-height: 110%; }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead , #contact-nav ul li , #contact-extra ul li { overflow: hidden; position: relative; border-bottom: 1px solid #444; }
#contact-extra ul li { padding: 15px 0; color: #fff; }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead p { width: calc(100% - 25px); }
#side-nav .Cate >li >h3 { width: 100%; }
#side-nav .Cate >li h3 span { margin-right: 8px; font-weight: 700; font-size: 20px; color: #5a5a5a; vertical-align: bottom; }
#side-nav .Cate >li h3 b , #side-nav .Cate >li .subUL li .subULHead b { position: absolute; width: 50px; height: 53px; display: block; text-align: center; line-height: 53px; font-weight: 700; font-size: 20px; color: #6d6d6d; right: 0; top: 0; cursor: pointer; }
#side-nav .Cate >li h3 a , #side-nav .Cate >li .subUL li .subULHead p a , #side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a , #contact-nav ul li a , #contact-extra ul li a { padding: 15px 0; }
#side-nav .Cate li a , #contact-nav ul li a , #contact-extra ul li a { font-size: 15px; display: block; color: #929292; transition: all linear .2s; }
#contact-extra ul li a { padding: 0; display: inline-block; }
#side-nav .Cate li.action a , #side-nav .Cate >li .subUL li.action .subULHead p a { color: #fff; }
#side-nav .Cate li ul { overflow: hidden; display: none; }
#side-nav .Cate li.action >ul { display: block; }
#side-nav .Cate >li .subUL li .subULHead p a { padding-left: 20px; color: #929292; }
#side-nav .Cate >li .subUL li .subULHead b { color: #d3d3d3; }
#side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a { padding-left: 35px; border-bottom: 1px solid #444; color: gray; }
#side-nav .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a { background: #ededed; }
#ssbanner-list .bxslider div a { width: 100%; height: 100%; background: #f6fcfd no-repeat 50% / contain; display: block; transition: all ease-in-out .3s; }
#side-nav #contact-nav ul li a { text-align: left; }
#side-nav #contact-nav ul li a i { margin-right: 5px; }

/* community */
#community { margin: 50px 0; }
#community li { margin: 0 5px 5px 0; float: left; line-height: 0; }

@media screen and (max-width:1440px) {
	.waylink .side-title { width: 130px; height: 120px; }
	.waylink .side-title h2 { font-size: 14px; }
	.waylink .side-title h2 b { margin-top: 10px; font-size: 20px; }
	.waylink ol { margin: 10px auto 35px; }
	#wrap{margin-top:87px;}
	#wrap .sence{width:90%;}
}
@media screen and (max-width:1366px) {
	.inside, .waylink ol, #content_wrap .workframe { width: 90%; }
	#wrap{margin-top:83px;}
	.lensolgon .workframe{width:calc(90% - 40px)}
}
@media screen and (min-width:1025px) {
	#sub-banner a {}
	#side-nav .Cate li a:hover , #contact-nav ul li a:hover , #contact-extra ul li a:hover , #side-nav .Cate >li .subUL li .subULHead p a:hover { color: #fff; }
}
@media screen and (max-width:1024px) {
	#product_list li{width:calc((100%/3) - 30px)}
	#wrap{margin-top:70px;}
	.main-article , #side-nav { width: 100%; margin-top: 80px; }
	#fb-wrap , #g-map , #youtube { margin: 5px auto; width: 300px; text-align: center; }
	#sub-banner { margin-top: 88px; }
	.waylink .side-title { margin: 0 auto; padding: 30px 40px; width: 180px; height: 80px; display: table; }
	.waylink ol li a { padding: 0; }
	#ssbanner .bigname h2 { color: #b5b5b5; }
	#ssbanner .bigname p { color: #ecd9c1; }
	#wrap .sence{margin:0 auto;}
}
@media screen and (max-width:980px) {
	#product_list li{width:calc(50% - 30px)}
}
@media screen and (max-width:640px) {
	#product_list li{width: calc(50% - 10px);margin: 5px;}
	#category_nav li{margin:5px 7px;}
	.lensolgon .workframe{flex-direction: column;align-items: center;}
	.sidePageMember,.sidePageCompany{display:flex;justify-content:flex-start}
	.inside { margin: 20px auto; }
	.waylink ol li , .waylink ol li a , .waylink ol li .h3 , .waylink ol li:after { font-size: 8pt; }
	#sub-banner { margin-top: 69px; }
	.waylink .side-title { padding: 20px 30px; }
	.waylink .side-title:after { width: calc(100% - 12px); height: calc(100% - 12px); left: 5px; top: 5px; }
	.waylink .side-title svg { width: 18px; height: 18px; }
	.waylink .side-title h2 { font-size: 12px; line-height: 120%; }
	.waylink .side-title h2 b { font-size: 18px; margin-top: 5px; }
}
@media screen and (max-width:480px) {
	#product_list li .info h3{height:53px;overflow: hidden;}
	.pag_tit{padding-top:30px;}
	.main-article .pagetitle { margin-bottom: 20px; }
	#sub-banner img {padding: 1px 0;height: 211px;}

	#content_wrap .sence ul{display:flex;flex-direction:column}
	#content_wrap .sence ul li{width:calc(100% - 20px);margin:7px 0}
}#sub-banner{margin-top:80px;position:relative;z-index:3;display:none}
#content{position:relative;background:#fafafa;min-height:250px}
#sub-banner a { background: no-repeat 50% / cover; display: block; }
#sub-banner img {width: 100%;height: 296px;}

.inside {overflow: hidden;width: 90%;margin: 0 auto;}
.main-article {width: calc(100% - 370px);}
.bigwidth .main-article {width: 100%;margin: 0 auto;}

#wrap{background: #fcfcfc; margin-top: 98px;}

/* waylink */
.waylink {margin-top: 0;background: #444242;}
.waylink .side-title { overflow: hidden; position: relative; padding: 30px 40px; width: 170px; height: 180px; background: url(/images/22/pagetitle_bg.jpg) no-repeat 50% / cover; display: inline-table; }
.waylink .side-title:after { position: absolute; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid #7b6341; left: 10px; top: 10px; content: ""; }
.waylink .side-title h2 { display: table-cell; font-weight: 400; font-size: 16px; font-family: 'Oswald',sans-serif; color: #8a7763; vertical-align: middle; }
.waylink .side-title h2 b { margin-top: 10px; display: block; line-height: 120%; font-weight: 400; font-size: 26px; color: #a99b80; }
.waylink .side-title svg { position: absolute; width: 23px; height: 23px; top: 5px; right: 5px; z-index: 5; }


#category_nav{display:flex;justify-content:center;padding:20px 0;flex-wrap:wrap}
#category_nav li{margin:15px 7px}
#category_nav li a{padding:11px 28px;border:#c0c0c082 1px solid;font-weight:400;color:#767676;display:inline-block;border-radius:50px}
#category_nav li a:hover{background:#f4b362;color:white;border:#f4b362 1px solid}
#pagenav{text-align:center;margin:40px auto 0;width:100%;display:flex;justify-content:center}
#pagenav a,#pagenav strong{margin:0 2px;width:35px;height:35px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong{background:#f4b362;color:#f7f7f7}
#pagenav p{margin:0 5px;width:calc(50% - 10px);vertical-align:top}
#pagenav p a{margin:15px 0 0;padding:0 15px;width:auto;height:auto;line-height:initial;font-size:0}
#pagenav p a i{margin:0 5px 0 0;width:11px;line-height:23px;font-size:12px;vertical-align:top}
#pagenav p a font{max-width:calc(100% - 16px);min-width:auto;font-size:14px;font-weight:100;vertical-align:top}
#pagenav p:last-child a i{margin:0 0 0 5px}
.flyaskme{position:relative;display:flex;align-items:center;border:#aaaaaa 1px solid;padding:4px 30px;border-radius:7px;z-index:9;background:#f4f4f4;flex-direction:row;margin-left:14px}
.lentext h3{font-size:22px;font-weight:500;letter-spacing:1px}
.dumore{display:flex;justify-content:center;margin-left:30px}
.dumore a{padding:9px 10px 9px 20px;border-radius:80px;margin:8px 0;color:#fff;display:flex;background:#333;font-size:18px;font-weight:400;align-items:center;transition:all linear 0.3s}
.dumore a b{font-weight:400;font-size:15px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#f4b362;margin-left:10px;border-radius:50px;transition:all linear 0.3s}
.dumore a:hover b{margin-left:15px}
.dumore a svg{width:17px;fill:#fff;transition:all linear 0.2s}
.flyaskme:hover img{margin-right:50px}
.flyaskme:hover{background:white}
.flyaskme img{width:40px;margin-right:17px}
.flyaskme p{font-size:25px;display:flex;margin-top:0}
.flyaskme p a{display:flex;padding:5px 0 30px}
.lensolgon{display:flex}
.lensolgon .workframe{display:flex;align-items:center;background:#e5e5e5;padding:20px 20px;border-radius:10px;justify-content:center;width:1326px;margin:0 auto 30px}
#content_wrap{position:relative;padding-bottom: 60px;}
#content_wrap .workframe{width:1366px;margin:0 auto}
#product_list{display:flex;flex-wrap:wrap}
#product_list li{margin:15px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;width:calc((100%/4) - 30px);position:relative;transition:all linear 0.3s}
#product_list li:hover{margin-top:5px}
#product_list li a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
#product_list li .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#product_list li .photo img{width:100%}
#product_list li .info{padding:10px 20px}
#product_list li .info h3{font-size:16px;font-weight:500}
#product_list li .info span{background: #eda347;display:inline-block;margin:5px 0 15px;font-size:13px;color:#fff;padding:3px 10px;border-radius:5px}
#product_list li .info p{color:#aea9a9;font-weight:400;font-size:14px}
#product_list li .info p b{color:#aea9a9;font-weight:400;font-size:14px;margin:0 5px}
#product_list li article{border-top:1px solid #ddd;padding:10px 20px;text-align:end;color:#9e121a;text-decoration:underline;font-size:13px}
#content_wrap .sence ul li a{position:absolute;width:100%;height:100%;top:0}
#content_wrap .sence ul li h3{color:#494949;line-height:180%;font-weight:500}
#content_wrap .sence ul{width:100%;display:flex;flex-wrap:wrap}
#content_wrap .sence ul li{position:relative;display:flex;width:calc(50% - 20px);border-bottom:#e5e5e5 1px solid;margin:0 10px}
#content_wrap .sence ul li:hover h3{color:#f4b362}
polyline { stroke-width: 1; stroke: #785141; stroke-dasharray: 150; stroke-dashoffset: 150; -moz-animation: ani_svgShowLine 1s .2s linear forwards; -webkit-animation: ani_svgShowLine 1s .2s linear forwards; animation: ani_svgShowLine 1s .2s linear forwards; }
@keyframes ani_svgShowLine { to { stroke-dashoffset: 0; } }
.sidePageMember,.sidePageCompany{position:relative;display:flex;z-index:6;flex-wrap:wrap;justify-content:center;background: #e7e7e7;}
.sidePageMember li,.sidePageCompany li{display:flex;padding:2px 5px;border-left: rgb(157 162 166 / 15%) 1px solid;}
.sidePageCompany li:hover, .sidePageMember li:hover{background:#f4b362}
.sidePageMember li a,.sidePageCompany li a{padding: 10px 7px;color: #333;}
.sidePageMember li a:hover,.sidePageCompany li a:hover{color: #fff;}
.sidePageMember li:first-child,.sidePageCompany li:first-child{border-left:unset}
.pag_tit{position:relative;display:flex;flex-direction:column;align-items:center;line-height:180%;padding:50px 0 8px;font-size:40px;color:#494949;font-weight:500;z-index:3}
.pag_tit:after{content:"";width:80px;height:3px;background:#f4b362;margin-top:10px}
.waylink ol {width: 1366px;margin: 0 auto;display: flex;align-items: center;}
.waylink ol li {position: relative;display: inline-block;color: #a3a3a3;vertical-align: top;font-size: 13px;}
.waylink ol li svg{fill:#fff;width: 25px;height: 25px;}
.waylink ol li:after {color: #737373;content: "/";margin: 0 10px;}
.waylink ol li:first-child {padding-left: 0;margin-right: 20px;}
.waylink ol li:first-child a{background: #f4b362;width: 45px;height: 45px;display: inline-flex;align-items: center;justify-content: center;padding: 0;}
.waylink ol li:first-child:after, .waylink ol li:last-child:after { display: none; }
.waylink ol li a {font-weight: 400;font-size: 13px;color: #a3a3a3;}
.waylink ol li:last-child a {color: #989898;padding: 0;}

/* main-article */
.main-article .pagetitle {margin-bottom: 38px;line-height: 100%;font-weight: 400;color: #a7a7a7;padding: 17px 10px 0;display: flex;flex-direction: column;align-items: center;}
.main-article #describe { font-size: 15px; color: #e8e8e8; }

/* side-nav */
#side-nav { float: right; width: 290px; }
#side-nav #contact-nav , #contact-extra { margin-top: 50px; }
#side-nav #contact-nav h3 , #category-nav >h3 , #contact-extra >h3 { margin-bottom: 20px; font-size: 16px; line-height: 110%; color: #c5c5c5; }
#side-nav #contact-nav h3 strong , #contact-extra h3 strong { font-size: 20px; font-weight: 400; line-height: 110%; }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead , #contact-nav ul li , #contact-extra ul li { overflow: hidden; position: relative; border-bottom: 1px solid #444; }
#contact-extra ul li { padding: 15px 0; color: #fff; }
#side-nav .Cate >li h3 , #side-nav .Cate >li .subUL li .subULHead p { width: calc(100% - 25px); }
#side-nav .Cate >li >h3 { width: 100%; }
#side-nav .Cate >li h3 span { margin-right: 8px; font-weight: 700; font-size: 20px; color: #5a5a5a; vertical-align: bottom; }
#side-nav .Cate >li h3 b , #side-nav .Cate >li .subUL li .subULHead b { position: absolute; width: 50px; height: 53px; display: block; text-align: center; line-height: 53px; font-weight: 700; font-size: 20px; color: #6d6d6d; right: 0; top: 0; cursor: pointer; }
#side-nav .Cate >li h3 a , #side-nav .Cate >li .subUL li .subULHead p a , #side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a , #contact-nav ul li a , #contact-extra ul li a { padding: 15px 0; }
#side-nav .Cate li a , #contact-nav ul li a , #contact-extra ul li a { font-size: 15px; display: block; color: #929292; transition: all linear .2s; }
#contact-extra ul li a { padding: 0; display: inline-block; }
#side-nav .Cate li.action a , #side-nav .Cate >li .subUL li.action .subULHead p a { color: #fff; }
#side-nav .Cate li ul { overflow: hidden; display: none; }
#side-nav .Cate li.action >ul { display: block; }
#side-nav .Cate >li .subUL li .subULHead p a { padding-left: 20px; color: #929292; }
#side-nav .Cate >li .subUL li .subULHead b { color: #d3d3d3; }
#side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a { padding-left: 35px; border-bottom: 1px solid #444; color: gray; }
#side-nav .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a { background: #ededed; }
#ssbanner-list .bxslider div a { width: 100%; height: 100%; background: #f6fcfd no-repeat 50% / contain; display: block; transition: all ease-in-out .3s; }
#side-nav #contact-nav ul li a { text-align: left; }
#side-nav #contact-nav ul li a i { margin-right: 5px; }

/* community */
#community { margin: 50px 0; }
#community li { margin: 0 5px 5px 0; float: left; line-height: 0; }

@media screen and (max-width:1440px) {
	.waylink .side-title { width: 130px; height: 120px; }
	.waylink .side-title h2 { font-size: 14px; }
	.waylink .side-title h2 b { margin-top: 10px; font-size: 20px; }
	#wrap{margin-top: 87px;}
	#wrap .sence{width:90%;}
}
@media screen and (max-width:1366px) {
	.inside, .waylink ol, #content_wrap .workframe { width: 90%; }
	#wrap{margin-top:83px;}
	.lensolgon .workframe{width:calc(90% - 40px)}
}
@media screen and (min-width:1025px) {
	#sub-banner a {}
	#side-nav .Cate li a:hover , #contact-nav ul li a:hover , #contact-extra ul li a:hover , #side-nav .Cate >li .subUL li .subULHead p a:hover { color: #fff; }
}
@media screen and (max-width:1024px) {
	#product_list li{width:calc((100%/3) - 30px)}
	#wrap{margin-top:70px;}
	.main-article , #side-nav { width: 100%; margin-top: 80px; }
	#fb-wrap , #g-map , #youtube { margin: 5px auto; width: 300px; text-align: center; }
	#sub-banner { margin-top: 88px; }
	.waylink .side-title { margin: 0 auto; padding: 30px 40px; width: 180px; height: 80px; display: table; }
	.waylink ol li a { padding: 0; }
	#ssbanner .bigname h2 { color: #b5b5b5; }
	#ssbanner .bigname p { color: #ecd9c1; }
	#wrap .sence{margin:0 auto;}
}
@media screen and (max-width:980px) {
	#product_list li{width:calc(50% - 30px)}
}
@media screen and (max-width:640px) {
	#product_list li{width: calc(50% - 10px);margin: 5px;}
	#category_nav li{margin:5px 7px;}
	.lensolgon .workframe{flex-direction: column;align-items: center;}
	.sidePageMember,.sidePageCompany{display:flex;justify-content:flex-start}
	.inside { margin: 20px auto; }
	.waylink ol li , .waylink ol li a , .waylink ol li .h3 , .waylink ol li:after { font-size: 8pt; }
	#sub-banner { margin-top: 69px; }
	.waylink .side-title { padding: 20px 30px; }
	.waylink .side-title:after { width: calc(100% - 12px); height: calc(100% - 12px); left: 5px; top: 5px; }
	.waylink .side-title svg { width: 18px; height: 18px; }
	.waylink .side-title h2 { font-size: 12px; line-height: 120%; }
	.waylink .side-title h2 b { font-size: 18px; margin-top: 5px; }
}
@media screen and (max-width:480px) {
	.lentext h3{text-align:center;}
	#product_list li .info h3{height:53px;overflow: hidden;}
	.pag_tit{padding-top:30px;font-size: 32px;}
	.main-article .pagetitle { margin-bottom: 20px; }
	#sub-banner img {padding: 1px 0;height: 211px;}

	#content_wrap .sence ul{display:flex;flex-direction:column}
	#content_wrap .sence ul li{width:calc(100% - 20px);margin:7px 0}
}