:root { 
	--root-offset: 20px;
	--root-offset-big: 30px;
	--root-offset-small: 10px;
	--root-but-bg: rgba(77,78,88,1);
	--root-but-color: rgba(255,255,255,0.9); 
	--root-but-hover: rgba(0,0,0,1);
	--root-but-hover-color: rgba(255,255,255,0.9); 
	--root-onwhite-bg: #f5f5f7;
	--color-blue: rgba(102,181,255,1);
	--color-blue-hover: #1687ac; 
	--color-blue-fontcolor: #fff;
	--color-blue-hover-fontcolor: #000; 
}

@font-face { font-family: 'iconfont'; src: url('/lib/iconfont/iconfont.woff2') format('woff2'), url('/lib/iconfont/iconfont.woff') format('woff'); }
/* reset */
* { margin: 0; padding: 0; font-family: inherit; box-sizing: border-box; font-size: inherit; }
section, header, footer { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, dl, dt, dd, li { list-style: none }
input, textarea, select, label, span { outline: none; margin: auto 0; }
/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }*/

input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { margin-right: 20px; padding-left: 24px; display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZ0lEQVQ4T2M8d+6c579//+YyMDBIAjEp4DkTE1My45kzZ54BdYWZmJgcIUU3UJ8NUP0qkAH/gZoZSdEMUwvSO2rAaBgMo3RAVmY6f/689d+/f9cwAhleQAYoO0uQkqEYGRmfArNzGgA183u0oExM7AAAAABJRU5ErkJggg==') left center no-repeat; user-select: none; }
input[type="checkbox"]:checked + label { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLklEQVQ4T6WTP0uCURTGf/etRL9AIVZDa0sgki1GQ1CzNBZSDc5NJf0DP0SLIVHR0heorS1MXBrKSCubgxYJqvfejoTpy6vlpTvf5895znlUYN1sOQ67yuBg8YxCay24YMa4tuCmToNEhTaMsRD2fbUmUAraJa0IBoehkIL9W8iefpvpmWAoAqUVCPVD/ATubiwIwqJcXIaggKfawB4Hq/OQHofpHNRfW1lFRuFKbAcaysdwX/bm+DNCdAIuFuD6BRJ78PEGI2My8yIM9EHsAB4q/n15MkjOwOEsnNVg7RwulyQkST2Wh6fHzsv2hZhJwmYUXLmO+jtMHgm4g3KTzkegxG5ObM/J7HEBP1d/P7Oua3QkNP359432fAfdqP5fJqnzjtR527aRkrGrDdkvQsZvAwhVY28AAAAASUVORK5CYII='); }
input[type="checkbox"] + label.sing-checkBox { width: 18px; height: 18px; margin: 0; padding: 0; }

input[type="radio"] { display: none; }
input[type="radio"] + label { padding-left: 24px; display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEiSURBVDiNlZO9SgNBGEXPLokQEW1sRbQQwcbGR7AXhHQ+kvgqYmEQRQL+FCrqE2irIAr+RJLs7rFwBpYlMeuFj52Fe+4Mwx1UKrOj3qqfaqYWak+9VNtVf/lnTT0P0DhlalddqQasq3dht0kqgne5HHBREy6HHMaA9oRjj9NQ3UrUK2CD/0kgAbqJ2gNaNcEcyAI8Bbwmag6kNcAI50ABzAFZI6TVBeM3Km0AH8DsBLC6ng6+9xS45/dSIjgA+mFGrQelgOsU2AvpMSCaBmNCWkATGAK7KbAPnIRTNMOdlKEIDoEZYD5s1gGOYhNX1ZtSSfrqi/qoPqhP6ldoYKGeqQtWHtOieqzmf9T3Wz1QlxzxGuNsq6fqW6h4X30O4GbV/wN8Lhnblph43QAAAABJRU5ErkJggg==') left center no-repeat; user-select: none; }
input[type="radio"]:checked + label { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAJySURBVDiNdZNBaFR3GMR/838vi9gWLSq7yYLQgFgMAd2IFgXBeok3y2rwUKhCapF4aRRz1ats4kUtlhTqtaZpDy0IalHQViGKh6oBwRowu0lVxNgqeS/vjYd4iIuZ88zHN998I5qw53BjXZJnvUg7sT8BEHpofKEQouHzg633FvIFYJue4xSSmfqQYC/mpkURu/R2QAOYRnwmPBK7/O1PQ7yWRADmxS/qv8t0AXXEBA5fdVbKqzsr5dUm7EOaAE8ZrU+Z/K3nOAWAGCB9WT9J0EfOvTzAvtHBthvv+PqydBfo++JIfTO5z4GczNSHgEOqDjQ65pL8CmIqiP2jtbax3UefrMnmku+Mts5b8PUoLhwcObHqQbV/siuTfkQU4zhsD1ma9Uq+LXN1tNY21jNQX5tnyR3DDvAS8BLDjjxL7vQM1Nf+PFS+BfwRYCxLs95g1G20MhDOAqSpz+RmaXM6uVmapj4DIEff56Zo1B2E24VL6zaW7gIYbWkWLwhtK0C0onhfuCTcHhYnL45CeB5jzWElweihUePe2FTH24P9ubjU1wFmnyVrDP8aJoLwBcGznPwbgCiEvgCvNL8yIAQEeBWF0AeQOTsg8UT4UlCIfzBssNhW7X/cNVJrHY9bVBFcRswiZgWX4xZVRmqt49X+yS7gc8NGRfGwAHYdnjxNTsXwcRD7Rwfb/nqfgQWP9JzA7V8Hy30C2HPM868MHyI+AK5J0alNB4r3xy+imX+mP7XzQ5BvA/2H/X/LsvLO88eUvLdMgpu5KQm3Wkox0xJPgU3NZVLzmtWBRkeWZF8bdQu3W0owj4QvKYqHf6mV/l7IfwPbah25BO2mCwAAAABJRU5ErkJggg=='); }

input { -webkit-appearance: none; }

.aicf { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

ul { list-style: none; }
img { border: 0; }
a { text-decoration: none; color: inherit; }

/*page set*/
.pageList { padding: 3% 0 5%; text-align: center; }
.pageList * { font-size: 14px; }
.pageList .list { display: flex; justify-content: center;flex-wrap:wrap; }
.pageList .list em, .pageList .list a { display: block; height: 38px; line-height: 38px; min-width: 38px; padding: 0 10px; border: 1px solid #e5e5e5; margin-left: -1px; font-style: normal; text-align: center; background: #fff; transition: all 300ms; }
.pageList .list a:hover, .pageList .list em { color: #fff; background: #3d3d3d; }
.pageList .list *:first-child { border-radius: 5px 0 0 5px; }
.pageList .list *:last-child { border-radius: 0 5px 5px 0; }
.pageList a.firstOrLast { width: 65px; }
.pageList .pageInfo { display: none; }

body { cursor: default; font-size: 14px; background: #fff; color: #090807; font-family: 'Microsoft YaHei',Verdana,Arial,sans-serif,Helvetica,Tahoma; min-height: 100vh; padding-top: 64px; position: relative; }

/*单行文本省略号*/
.txt-ellipsis { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }

/*多行文本省略号*/
.txt-multi-ellipsis { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

.blank-item { background: none transparent !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

imglist { display: block; height: auto; overflow: hidden; }
imglist input { position: absolute; z-index: -1; }

.ms300 { transition: all .3s; }

.auto-box { display: block;width:100%; max-width: 1570px; padding-left: var(--root-offset); padding-right: var(--root-offset); margin: 0 auto; position: relative; }

.msgNoterSpan { height: 16px; line-height: 16px; font-size: 12px; background: #ff0000; color: #ffff; border-radius: 3px; padding: 0 4px; }
div > .msgNoterSpan { position: absolute; display: block; right: 0; top: 0; }
a > .msgNoterSpan { display: inline-block; margin-left: 5px; }

.empty-box { padding: 50px; }
.empty-box .content { text-align: center; }
.empty-box .content .img { max-width: 300px; margin: 0 auto; }
.empty-box .content .img img { display: block; max-width: 100%; }
.empty-box .content .txt { margin-top: 50px; text-align: center; color: #999; }


.breadcrumb { padding: 2vw 0;font-weight:300;overflow:hidden;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.breadcrumb .auto-box > span {float:left; padding-right:20px; position: relative; }
.breadcrumb .auto-box > span::after { content: '-'; display: block; position: absolute; right: 0; top: 50%; width: 20px; text-align: center; line-height: 20px; margin-top: -10px; }
.breadcrumb .auto-box > span:last-child::after { content: none; }

.main-header { position: fixed; left: 0px; top: 0px; z-index: 999; width: 100%; background: #fff; height: 64px; border-bottom: 1px solid #ccc; box-shadow: 0 0px 3px 3px rgba(0,0,0,0.1); }
.main-header .auto-box { position: relative; height: 64px; max-width: unset; padding:0 var(--root-offset); display:flex;justify-content:space-between;align-items:center;}
.main-header .logo a { display:block; }
.main-header .logo img { display: block; height: 30px; }

.main-menu {  }
.navigation { overflow: hidden; display: flex; flex-direction: row; justify-content: flex-end; width: 100%; }
.navigation > li { padding: 7px 10px; width: fit-content; word-break: keep-all; white-space: nowrap; }
.navigation > li > a,.navigation > li > span { position: relative; display: block; font-size: 16px; color: #444; line-height: 30px; padding: 0 3px; transition: all .3s; }
.navigation > li > a::after { content: ''; display: block; position: absolute; bottom: 1px; height: 1px; width: 0%; left: 50%; background: #444; transition: all .3s; }
.navigation > li > a:hover { color: #000; }
.navigation > li > a:hover::after { width: 100%; left: 0%; color: #000; }

.nav-toggler {display:none;}
.nav-toggler button { position: relative; display: block; height: 36px; width: 40px; background: #E8941E; color: #f7f8f9; text-align: center; font-size: 18px; line-height: 34px; border: 1px solid #E8941E; border-radius: 3px; font-weight: normal; }

.mobile-nav { display: none; }

.pagePos { padding: 15px; border: 1px solid #e8e8e8; line-height: 20px; font-size: 14px; clear: both; background: #fff; margin-top: 25px; margin-bottom: 25px; border-radius: 4px; }
.pagePos span { margin-left: 10px; display: inline-block; }
.pagePos span::before { content: '-'; margin-right: 10px; }

.fic {background-image:url('/images/icons/icon.png');background-repeat:no-repeat;}

.footMenu {background:#222;color:#8E8E8E;border:none;margin-top:35px;}
.footMenu .auto-box {display:flex;flex-direction:row;padding:5em}
.footMenu .item {width:20%;}
.footMenu .item h6 {font-size:16px;line-height:18px;padding:10px 0;color:#fff;}
.footMenu .item ul {margin-top:10px;}
.footMenu .item li {line-height:14px;padding:6px 0;}

.footMenu .item,.footMenu .item a {color:#8E8E8E;line-height:1.6em;}
.footMenu .logo {display:flex;justify-content:center;align-items:center;padding-right:80px;}
.footMenu em {margin-right:5px;letter-spacing:5px;}
.footMenu .qq {background-position:-389px -26px;}
.footMenu .email {background-position:-389px 2px;}
.footMenu .wx {background-position:-389px -54px;}
.footMenu .wb {background-position:-389px 2px;}
.footMenu .mob {background-position:-389px -81px;}


footer { display: block; background: #333; color: #ccc; padding: 30px 0; }
footer a { color: #ccc; }
footer .copyRight { line-height: 1.8em; text-align: center; display:flex;flex-wrap:wrap;justify-content:center;max-width:800px;margin:0 auto;}
footer .copyRight span { display:block; margin: 0 2em; }


/*登录窗口*/
body.account-body { padding-top: 0; padding-bottom: 0; }
body.account-body footer { margin-top: 0px !important; background: none !important; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 0; background: rgba(255,255,255,0.2) !important; }
body.account-body .main-header { background: rgba(0, 0, 0, 0.2); border-bottom: none; }
body.account-body .main-header .logo img { filter: brightness(10); }

body.account-body .main-menu { right: unset; left: 200px; }
body.account-body .navigation > li > a { color: #eee; }
body.account-body .navigation > li > a::after { background: #eee; }
body.account-body .navigation > li > a:hover { color: #fff; }
body.account-body .navigation > li > a:hover::after { color: #000; }

/*登录界面相关*/
.login-box { background: url('/images/account/login-3.jpg') center no-repeat; background-size: cover; margin-bottom: -20px; min-height: 100vh; }
.login-box .auto-box { position: relative; min-height: 92vh; max-width: 1100px; display: flex; align-items: center; gap: 0%; justify-content: center; }

.login-box form { width: 480px; padding: 10px 40px 30px 40px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px 5px rgba(200,200,200,0.3); position: relative; overflow: hidden; }

.login-box form .title { padding: 40px 0 25px 0; line-height: 24px; text-align: center; font-size: 26px; font-weight: bold; }

.login-box form .form { position: relative; }
.login-box form .item { margin-top: 25px; position: relative; }
.login-box form .item > label { width: 100px; text-indent: 10px; display: block; font-size: 14px; line-height: 20px; color: #555; position: absolute; top: 9px; z-index: 1; }
.login-box form .item > label::after { content: ':' }
.login-box form .item > label > em { font-style: normal; color: red; }
.login-box form .item > label.common-label { position: unset; width: unset; display: inline; font-size: 14px; margin-right: 0; font-weight: bold; margin-left: 13px; }
.login-box form .item > label.common-label::after { content: none; }

.login-box form .item input.input { position: relative; display: block; width: 100%; padding: 7px 10px 7px 100px; line-height: 22px; border: 1px solid #eee; background: none transparent !important; transition: border-color .5s ease,box-shadow .5s ease,background-color 50000000s ease-in-out 0s !important; font-size: 14px; transition: all .5s; }
.login-box form .item input.input:focus { border-color: #2196f3; box-shadow: 1px 1px 3px #dedede inset; }
.login-box form .item span.text-danger { clear: both; height: 18px; line-height: 18px; color: red; position: absolute; top: 50%; right: 30px; margin-top: -10px; display: block; }

.login-box form .item.buts {margin-top:50px;}
.login-box form .item.buts input[type="submit"] { border: none transparent; width: 100%; height: 46px; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; background: #2196f3; cursor: pointer; border-radius: 5px; transition: all .5s; }
.login-box form .item.buts input[type="submit"]:hover { background: #1687ac; }
.login-box form .item label.txt { margin-left: 5px; }
.login-box form .error-result { color: #ff0000; margin-top: 5px; }

/*文章内容相关*/
.article-content { padding: 5%; font-size: 14px; line-height: 1.8em; overflow: hidden; }
.article-content p { margin: 0.5em 0; font-size: 1.2em; line-height: 1.8em; }
.article-content h6 { margin: 0.5em 0; font-size: 1.3em; line-height: 1.8em; }
.article-content h5 { margin: 0.5em 0; font-size: 1.4em; line-height: 1.8em; }
.article-content h4 { margin: 0.5em 0; font-size: 1.5em; line-height: 1.8em; }
.article-content h3 { margin: 0.5em 0; font-size: 1.6em; line-height: 1.8em; }
.article-content h2 { margin: 0.5em 0; font-size: 1.7em; line-height: 1.8em; }
.article-content h1 { margin: 0.5em 0; font-size: 1.8em; line-height: 1.8em; }

.article-content img { max-width: 100% !important; }

.aboutUs {font-size:1em;padding-top:0;}
.aboutUs h1.title {font-size:3em;line-height:4em;border-bottom:1px solid #ccc;text-align:center;}


/*案例列表*/
.projectList { position: relative; }
.projectList h1.title {font-size:3em;line-height:4em;border-bottom:1px solid #ccc;text-align:center;}
.projectList > .items { display: flex; flex-wrap: wrap; width: 100%; }
.projectList > .items > .item { width: 23.5%;margin-left:2%;  margin-top: 2vw; position: relative; overflow: hidden; box-shadow:rgba(0,0,0,0.5) 0 0 3px;transition:all .3s;}
.projectList > .items > .item:hover {box-shadow:rgba(0,0,0,0.8) 0 0 10px;}
.projectList > .items > .item:nth-child(4n+1) { margin-left: 0; }
.projectList > .items > .item .img { display: block; position: relative; width: 100%; overflow: hidden; }
.projectList > .items > .item .img img { display: block; width: 100%; /*background:#fff;filter:brightness(1);*/ }
.projectList > .items > .item .txt { padding: 15px 15px;display:block;}

/*案例详情页*/
.project-detail {padding:0 0 20px 0;}
.project-detail .auto-box {background:#f8f8f8;padding-bottom:50px;}
.project-detail .auto-box h1.title {font-size:3em;line-height:4em;text-align:center;border-bottom:1px solid #ccc;}

/*产品列表*/
.productList { position: relative; }
.productList h1.title {font-size:3em;line-height:4em;border-bottom:1px solid #ccc;text-align:center;}
.productList h3 {font-size:1.2em;line-height:1.8em;padding:1em 0;border-bottom:1px solid #ccc;}
.productList h3 * {display:inline-block;}
.productList h3 a {margin:0 5px;}
.productList > .items { display: flex; flex-wrap: wrap; width: 100%; }
.productList > .items > .item { width: 23.5%;margin-left:2%; margin-top: 2vw; position: relative; overflow: hidden; box-shadow:rgba(0,0,0,0.5) 0 0 3px;transition:all .3s;}
.productList > .items > .item:hover {box-shadow:rgba(0,0,0,0.8) 0 0 10px;}
.productList > .items > .item:nth-child(4n+1) { margin-left: 0; }
.productList > .items > .item .img { display: block; position: relative; width: 100%; overflow: hidden; border-bottom:1px solid #ccc; }
.productList > .items > .item .img img { display: block; width: 100%; /*background:#fff;filter:brightness(1);*/ }
.productList > .items > .item .txt { padding:10px 15px;display:block;}
.productList > .items > .item .txt * {display:block;}
.productList > .items > .item .model { color: #666; }
.productList > .items > .item .title { font-size:16px; line-height:28px;color: #000; font-weight: bold; }


/*产品详情页*/
.product-detail {padding-bottom:80px;}

.product-detail .detail-box { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product-detail .detail-box .img-part { width: 48%; }
.product-detail .detail-box .img-part .large { min-height: 30vw; display: flex; align-items: center; background: #f7f8f9;}
.product-detail .detail-box .img-part .large img { display: block; max-width: 100%; margin: 0 auto; }
.product-detail .detail-box .img-part .small-list { width: 100%; overflow: hidden; user-select: none; position: relative; padding: 0 23px;}
.product-detail .detail-box .img-part .small-list .but { position: absolute; top: 10px; width: 20px; height: 80px; line-height: 20px; padding: 30px 0; text-align: center; background: #ccc; color: #333; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .but.disable { background: #999 !important; }
.product-detail .detail-box .img-part .small-list .but:hover { background: #333; color: #ccc; }
.product-detail .detail-box .img-part .small-list .but.left { left: 0; }
.product-detail .detail-box .img-part .small-list .but.right { right: 0; }
.product-detail .detail-box .img-part .small-list .imgs-box { width: 100%; overflow: hidden; }
.product-detail .detail-box .img-part .small-list .items { display: flex; flex-wrap: nowrap; padding: 10px 3px; width: fit-content; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .item { width: fit-content; height: 80px; margin-right: 5px; background: #eee; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .item img { height: 80px; display: block; }
.product-detail .detail-box .img-part .small-list .item.hover { box-shadow: #f67524 0px 0px 0px 3px; }
.product-detail .detail-box .img-part .small-list .item:hover { box-shadow: #f67524 0px 0px 0px 3px; }
.product-detail .detail-box .txt-part { width: 48%; }
.product-detail .detail-box .txt-part p { line-height: 1.8em; }
.product-detail .detail-box .txt-part h6 { font-size: 2em; }
.product-detail .detail-box .txt-part .modelNO { margin-top: 1vw; color: #444; }
.product-detail .detail-box .txt-part .paras { padding: 3vw 0; line-height: 30px; font-size: 16px; color: #555; }
.product-detail .detail-box .txt-part .paras span.t { display: inline-block; min-width: 100px; position: relative; margin-right: 15px; padding-right: 10px; }
.product-detail .detail-box .txt-part .paras span.t::after { content: ':'; display: block; position: absolute; right: 0; top: 0; }
.product-detail .detail-box .txt-part .txt { color: #555; }


.pro-prep-next-box { position: sticky; top:64px; }
.pro-prep-next-box > div { padding: 0 20px; position: relative; z-index: 10; display:flex;justify-content:space-between;}
/*.pro-prep-next-box > div.fixed { position: fixed; top: 75px; left: 0; right: 0; }*/
.pro-prep-next { text-shadow: 1px 1px 2px #fff; font-weight: bold; }
.pro-prep-next a { color: #222; }
.pro-next-next span { color: #999; }


/*联系我们-地图、信息部分*/
.contact-info {padding:5% 0;overflow:hidden;}
.contact-info iframe {width:100%;height:540px;background:#eee;overflow:hidden;display:block;}
.contact-info .items {border:1px solid #eee;overflow:hidden;display:flex;}
.contact-info .item {flex-grow:1;width:25%;border-left:1px solid #eee;padding:5% 5% 2% 5%;min-height:200px;position:relative;}
.contact-info .item:first-child {border:none;}
.contact-info .item span {width:138px;height:138px;line-height:138px;text-align:center;border-radius:50%;display:block;margin:0 auto;font-size:50px;background:#f67524;color:#fff;font-weight:normal;}
.contact-info .item p {margin-top:20px;text-align:center;font-weight:normal;font-size:18px;line-height:28px;padding-bottom:30px;overflow:hidden;}
.contact-info .item:nth-child(1) span {background:#f67524;}
.contact-info .item:nth-child(2) span {background:#248CF6;}
.contact-info .item:nth-child(3) span {background:#28E396;}
.contact-info .item:nth-child(4) span {background:#24C2F6;}

.contact-info .item:hover span {background:#fff;}
.contact-info .item:nth-child(1):hover span {box-shadow:0 0 15px #f67524;color:#f67524;}
.contact-info .item:nth-child(2):hover span {box-shadow:0 0 15px #248CF6;color:#248CF6;}
.contact-info .item:nth-child(3):hover span {box-shadow:0 0 15px #28E396;color:#28E396;}
.contact-info .item:nth-child(4):hover span {box-shadow:0 0 15px #24C2F6;color:#24C2F6;}



/*错误页样式*/
.error-content {min-height:calc(100vh - 220px);align-items:center;display:flex;justify-content:center}
.error-content .content {width:90%;max-width:600px;margin:0 auto;line-height:1.6em;padding-bottom:5vw;padding:50px 20px;border:1px solid #ddd;background:#f0f0f0;border-radius:5px;}
.error-content h1 {font-size:24px;font-weight:400;text-align:center;border-bottom:1px solid #ddd;padding-bottom:25px;}
.error-content p {padding-bottom:2vw;font-size:18px;font-weight:400;margin-top:25px;color:#444;text-align:center;}
.error-content .but-box {padding-bottom:1vw;font-size:18px;font-weight:400;margin-top:2em;display:flex;justify-content:center;gap:20px;}
.error-content .but-box .but {display:block;cursor:pointer;padding:5px 15px;border-radius:5px;font-size:16px;background:var(--color-blue);color:var(--color-blue-fontcolor);transition:all .3s;}
.error-content .but-box .but:hover {background:var(--color-blue-hover);color:var(--color-blue-hover-fontcolor);}

@media only screen and (max-width:1300px) {

}



@media only screen and (max-width:1080px) {
	body { padding-top: 56px; }

	.main-header > .main-menu-box { display: flex; padding: 8px; }

	.main-header .logo { height: 40px !important; }
	.main-header .logo > a > img { height: 40px !important; }

	.main-header .nav-toggler { display: block; }
	.main-menu-box .left { margin-top: 0 !important; }
	.main-menu { display: none; }

	.main-menu { width: 50px; height: 50px; position: relative; }
	.main-menu .navigation { position: absolute; top: 0; left: 100%; right: 0; bottom: 0; }
	.main-menu .navigation li { padding: 0; line-height: 40px; }

	.mobile-nav { position: fixed; top: 0; right: -305px; width: 305px; bottom: 0; background: #272727; z-index: 9999; display: block; padding-top: 22px; color: #f7f8f9; }
	.mobile-nav::before { display: block; content: ' '; position: fixed; top: 0; right: -100vw; bottom: 0; width: 100vw; z-index: -1; background: rgba(0,0,0,0.3); transition: all .3s; }
	.mobile-nav .hidden-bar-closer { position: absolute; z-index: 1; top: 0; width: 100%; height: 20px; background: rgba(255,255,255,0.20); border-radius: 2px; line-height: 20px; color: #fff; text-align: center; font-size: 12px; }

	.mobile-nav.hover { right: 0px; animation: fadeInRight 300ms; }
	.mobile-nav.hover::before { right: 0px; animation: fadeInRight 300ms; }
	.mobile-nav .logo { padding:40px 0 20px 0px; background: #272727; }
	.mobile-nav .logo img { display: block; max-width: 100%; margin: 0 auto; height: 40px; }

	.mobile-nav ul {border-top:1px solid #666;display:block;}
	.mobile-nav ul > li { width:auto;padding:0;}
	.mobile-nav ul > li > a { position: relative; display: block;overflow: hidden; font-size: 16px; height: 50px; color: #ccc; line-height: 50px;padding:0 25px; text-transform: uppercase; border-bottom:1px solid #666;}
	.mobile-nav ul > li.hover > a  {color:#fff;}
	.mobile-nav ul > li > a:hover  {color:#fff;}

	.mobile-nav-box { overflow-y: scroll; overflow-x: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
}

@media only screen and (max-width:768px) {

}

@media only screen and (max-width:520px) {
	:root { --root-offset: 10px; }
	/*.main-header .logo { height: 24px; top: 20px; }
	.main-header .logo img { height: 24px; }*/
	body {padding-bottom:160px;}

	.pageList .list em, .pageList .list a { height:30px; line-height:28px; min-width:26px; padding: 0 2px;}
	.pageList a.firstOrLast { width: 55px; }

	.navigation > li { padding: 7px 0px; }

	.product-detail .detail-box {display:block;}
	.product-detail .detail-box>div {width:100% !important;}
	.product-detail .detail-box .txt-part {padding-bottom:30px;}
	.product-detail .detail-box .img-part {min-height:95vw;}

}
@media only screen and (max-width:380px)
{
	
}