Description
@charset “utf-8”;
*{padding:0;margin:0;outline:0;border:none;box-sizing:border-box;font-family: “Open Sans”, Verdana, Geneva, sans-serif}
/* cyrillic-ext */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(‘woff2’);
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(‘woff2’);
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(‘woff2’);
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(‘woff2’);
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(‘woff2’);
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(‘woff2’);
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: ‘Open Sans’;
font-style: normal;
font-weight: 400;
src: local(‘Open Sans Regular’), local(‘OpenSans-Regular’), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(‘woff2′);
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
p{line-height:160%;}
img{ max-width:100%}
.tbg{ width:100%;position:relative;}
.wapbar{width:100%; margin:0 auto;}
body{ padding:0; margin:0}
img{ max-width:100%}
.tobg{ background:url(https://xc-cdn.oss-cn-hongkong.aliyuncs.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/880c9b75-2ed9-4316-a2d5-37526801f149.jpg) repeat-x; width:100%;display:block; position:relative}
.topbanner{ display:block;width:1130px; margin:0 auto;position:relative}
.mobanner{ display:none}
.mobanner img{ max-width:100%}
.menuba{ width:1130px;background:#32211A; height:70px; margin:0 auto;display:block; position:relative; overflow:hidden}
.menuba .homb,.menuba .homb a{background:#DACDC5; color:#32211A}
.menuba ul{margin:0; padding:0}
.menuba li{ list-style:none; display:inline-block;font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif}
.menuba li a{color:#FFF; text-decoration: none; padding:26px 40px;line-height:70px;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased; }
.menuba li a:hover{color:#32211A; text-decoration: underline; background:#DACDC5;opacity:1;}
.pagemid{ width:1130px;margin:0 auto; display:block; position:relative }
.mainbox{ display:block; position:relative; background:url(https://erp.sz2k.com/image/public/api/img/2aaff79ad6cc3767c81144102f0be8ba);}
.leftwid{ display:block;width:210px; float:left; margin-left:20px; overflow:hidden }
.rightit{ background:#463B47; line-height:35px;}
.tmobile img{ max-width:100%; height: auto}
img{ border:0}
#fenle{line-height:28px;font-size:12px;margin-bottom:14px;}
#fenle ul,#fenle ul ul{ padding:0; margin:0;}
#fenle li{padding:0px; margin:0px;font-family: “Open Sans”, Verdana, Geneva, sans-serif; font-weight:normal;}
#fenle ul li{ list-style: none;text-align:left; margin:0; padding:0;}
#fenle ul ul li{ margin:0; padding:0;text-align:left;}
#fenle ul ul{ margin:0; margin-left:8px}
#fenle li a { color:#463B47; font-weight: normal;text-decoration: none; font-size:13px; padding-left:15px; display:block; background:url(https://erp.sz2k.com/image/public/api/img/9a46f89b77b37813faadb3ae80cc59e6) repeat-y;}
#fenle li a:hover,#fenle ul ul li a:hover {color:#BE914F;text-decoration: underline;}
#fenle ul ul li a {color: #666;text-decoration: none; font-size:12px; font-weight: normal; padding-left:10px; height:28px; overflow:hidden; background:none}
.nonetop{ display:block}
.hotitem{ font-family: “Open Sans”,Arial, Helvetica, sans-serif; font-size:12px; padding-top:15px; margin:0 auto}
.hotitem a{ color:#666; text-decoration:none; font-size:12px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;
}
.hotitem a:hover{ color: #000; text-decoration:underline;opacity:0.8}
.hotitem img{ border:1px solid #dddddd; margin-bottom:8px;vertical-align: middle; width:160px; height:160px}
.hotitem strong{ color:#000; font-size:18px; line-height:30px; margin-right:10px; font-weight:normal;}
.hotitem a span{ border:none; }
.hotitem a:hover span{ background:#29202D; color:#fff; padding:3px 8px; border-radius:20px}
.riwid{ width:850px; float:right; margin-right:18px; overflow:hidden}
.leftit{ background:#32211A;font-size:14px; font-family:”Open Sans”,Arial, Helvetica, sans-serif; font-weight:bold;color:#fff; height:35px; line-height:35px;}
.stdes{font-family:”Open Sans”,Arial, Helvetica, sans-serif; color:#463B47;padding:10px; font-size:12px; line-height:20px;}
.stdes a{ color:#000; text-decoration:none;}
.stdes a:hover{ color: #900; text-decoration:underline}
.newletter{ font-family:”Open Sans”,Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; }
.desbox{ width:100%; margin:0 auto;padding-top:10px; padding-bottom:10px;line-height:180%; font-size:11pt;font-family: Verdana, Geneva, sans-serif}
.desbox img{ max-width:100%; height:auto}
.desbox td{ font-family:”Open Sans”,Arial, Helvetica, sans-serif}
.desbox img{ max-width:100%; height:auto}
.desbox p{ margin:0; padding:0}
.desbox table{ width:100%}
.desbox ul,.desbox li,.desbox ol{ padding:0; margin:0}
.desbox ul,.desbox ol{ margin-left:20px}
.descbox{display:block; position:relative; width:98%; margin:0 auto; margin-top:10px}
.desbox table{ max-width:100%}
#desindbox {display:block; position:relative; margin: 0 auto; margin-top:10px; margin-bottom:10px;}
#desindbox section {display: block;padding:0;text-align:left; font-family: Verdana, Geneva, sans-serif; line-height:150%; font-size:14px; display:}
#desindbox input{display:none;}
#desindbox label {display:inline-block;color:#000;background:#E8E8E8}
#desindbox label:hover {cursor: pointer;background:#C7B6A4;color:#000;}
#desindbox input:checked + label {cursor:pointer; background:#C7B6A4;color:#000;}
#desindbox label,#desindbox input:checked + label {padding:0; margin:0;height:35px;line-height:35px;border-bottom:none;font-family: “Open Sans”,Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;padding-left:18px; padding-right:18px;cursor:pointer; border-radius:5px 5px 0px 0px}
#dest1:checked ~ #desctent1,
#dest2:checked ~ #desctent2,
#dest3:checked ~ #desctent3,
#dest4:checked ~ #desctent4,
#dest5:checked ~ #desctent5 {
display: block; border:1px solid #E9E6E1
}
#policybox {display:block; position:relative; margin: 0 auto; margin-bottom:10px;background:#32211A; }
#policybox section {display: block;padding:0;text-align:left; font-family: Verdana, Geneva, sans-serif; line-height:150%; font-size:14px; display:block; background:#FFF }
#policybox input{display:none;}
#policybox label {display:inline-block;color:#fff;}
#policybox label:hover {cursor: pointer;background: url(https://erp.sz2k.com/image/public/api/img/dc5e8ea0d0488455f984f7eee67aa228);color:#000;}
#policybox input:checked + label {cursor:pointer; background:url(https://erp.sz2k.com/image/public/api/img/dc5e8ea0d0488455f984f7eee67aa228);color:#000;}
#policybox label,#policybox input:checked + label {padding:0;height:35px; margin-left:5px; text-transform:uppercase; line-height:35px;border-bottom:none;font-family:”Open Sans”, Verdana, Geneva, sans-serif; font-size:14px;padding-left:20px; padding-right:20px;cursor: pointer;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
display: block;
}
.politit,.destit{background:#32211A; width:100%; height:35px; line-height:40px; color:#fff; font-family: “Open Sans”, Arial, Helvetica, sans-serif; font-size:10pt; text-transform:uppercase}
.politit strong,.destit strong{ padding-left:10px; font-weight:bold}
.rightdescbox{ width:100%;display:block; position:relative }
.mainbox:after,.descbox:after,.pictureslider:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*picture common*/
.image_gallery,.thumbnails,.thumbnails li{text-align:center}
*{padding:0;margin:0;outline:0;border:none;box-sizing:border-box;font-family:’Arial’,sans-serif}
p{font-size:16px;line-height:26px;color:#231f20}
img{max-width:100%}
.clear{clear:both}
.image_gallery{ padding-bottom:20px;width:96%; margin:0 auto;}
.container{width:100%;position:relative;margin:0 auto}
.thumbnails{font-size:0}
.thumbnails li{margin:10px 5px 0;width:100px;height:100px;background:#fff;display:inline-block;vertical-align:middle}
.item_desc h3,.item_desc ul{ margin-bottom:10px}
.item_desc h2{ margin:0; padding:0; text-transform:uppercase; margin-bottom:2px; margin-top:7px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; line-height:160%;}
.thumbnails input[name=select]{display:none}
.thumbnails .item-hugger{padding:5px;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #e3e3e3;transition:all 150ms ease-in-out}
.thumbnails .gallery_content,.white-box{height:540px;overflow:hidden}
.thumbnails label{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
.thumbnails .title{padding:20px 0 0;font-size:18px;color:#555;transition:all 150ms linear}
.thumbnails .gallery_content{max-width:540px;width:100%;background:#fff;transition:all 150ms linear;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.thumbnails input[name=select]:checked+.item-hugger{border-color:#333}
.thumbnails input[name=select]:checked~.gallery_content{opacity:1}
@media only screen and (max-width:980px){
.image_gallery,.item_desc{width:100%}
.tabs .tab,.tabs label{order:initial;transition:.3s all;display:block}
.mainbox{ display:block; position:relative; background: none;}
.menuba{ width:100%}
.menuba li a{color:#FFF; text-decoration: none; padding:26px 15px;}
}
@media only screen and (max-width:540px){
.thumbnails .gallery_content,.white-box{height:400px}.thumbnails li{width:70px;height:70px}
}
.destitbg{ height:35PX; line-height:35px; color:#653D32; font-family:”Open Sans”,Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; border-bottom:2px solid #E4D0BD}
.destitbg strong{border-bottom:2px solid #32211A; display:block; padding-left:10px; padding-right:10px; width:150px; height:35px}
.botwar{background: url(https://erp.sz2k.com/image/public/api/img/59576d4db515a33b3e0cdc0c13a7cbfb);height:73px; margin:0 auto;font-size:12px;color:#56361D; display:block; overflow:hidden}
.botwar .copylin { font-family: “Open Sans”,Arial, Helvetica, sans-serif; color: #000;line-height:25px;padding-top:0px;}
.botwar .copylin a{ color:#000; text-decoration:none; padding-right:10px ; font-family: “Open Sans”,Arial, Helvetica, sans-serif;}
.botwar .copylin a:hover{ color: #55372B; text-decoration:underline;padding-right:10px }
.botwar .copylin small{ color:#999; font-size:10px; margin-right:10px;}
.botloo{float:right; margin-right:30px; margin-top:10px}
.pawbar{ padding-top:20px;}
.agbtit {width:100%; line-height:35px;text-align:center; color:#463B47; }
.agbtit h1{ font-family: “Open Sans”,Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:16px;}
.boxi{ width:190px; margin-left:16px; margin-bottom:35px; float:left}
.boxi .price{color: #000; float:left;font-size:24PX; line-height:30px; font-family:Open Sans,Arial, Helvetica, sans-serif; float:none}
.boxi .boxtit{ height:32px; overflow:hidden}
.boxi img{ border:1px solid #ccc; width:190px; height:190px; max-width:190px; max-height:185px }
.boxi a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; font-size:12px; line-height:18px; background:#FFFFFF; text-align:center; color:#333;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}
.boxi a:hover{color: #900; text-decoration: none;opacity:0.8}
.boxi a span{background:#32211A;color:#FFF; float: none; padding:3px 10px; font-size:12px; font-family:Verdana, Geneva, sans-seri;border-radius:50px;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}
.boxi a:hover span{background:#32211A;color:#FFF; float:none; padding:3px 10px; font-size:12px; font-family:Verdana, Geneva, sans-seri;border-radius:50px; margin-top:2px;opacity:0.8}
.boxi .picwid{ width:98%; margin:0 auto; margin-bottom:10px; margin-top:10px;}
@media (min-width:980px)
{
#policybox section {display:none;}
#desindbox section {display:none;}
.topbanner{ display:block}
.mobanner{ display:none}
.politit{ display:none}
.desbox table{width:100%}
.desbox td{ padding-left:20px}
}
@media screen and (max-width: 980px) {
.wapbar{width:100%; background:#fff; margin:0 auto}
.mobanner{ display: block}
.topbanner{ display:none}
.pagemid,.pagewid{width:99%; margin:0 auto; position:relative; display:block; background:none}
.pagewid{ margin-bottom:0px}
#policybox label{ display:none}
#policybox section {display: block; }
#desindbox label{ display:none}
#desindbox section {display: block;}
.politit{ display: block}
.nonetop{ display:none}
.agbtit{ margin:0; margin-top:10px}
.leftwid{ display:none}
.riwid{ width:100%;margin-right:0px; overflow:hidden}
.botwar{border-top:4px solid #463B47; width:100%; margin:0; padding:0; background:none; height:auto; line-height:160%; padding-bottom:15px; }
.botwar .copylin a, .botwar .copylin a:hover{ padding-left:3px; padding-right:3px}
.desbox table{ width:99%; max-width:100%;margin:0; padding:0;}
.pawbar{ padding-top:5px}
.desbox{ width:98%; margin:0 auto}
.desbox td{ margin:0; padding:0; font-size:12px}
.desbox table{width:95%}
}
@media screen and (max-width:800px) {
.rightdescbox{ float:right; width:350px; display:block; position:relative}
}
@media screen and (max-width:768px) {
.rightdescbox{ float:none; width:100%; display:block; position:relative}
.boxi{width:31%; height:auto;float:left;font-family: Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:5px; text-align:center }
.boxi img{height:auto;max-width:100%; max-height:100%;}
}
@media screen and (max-width:480px) {
.boxi{width:45%; height:auto;float:left;font-family: Arial, Helvetica,sans-serif; padding-bottom:10px;padding-top:10px; margin-left:8px; text-align:center }
.boxi img{ height:auto;max-width:100%; max-height:100%;}
}
//判æ–设备是PC端还是移动端: false PC端 | true 移动端
const isMobile = () => {
return !!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|WebOS|Windows Phone|Phone)/i);
}
console.log(isMobile())
const mobileElement = document.getElementById(‘mobileElement’)
if(isMobile()){
mobileElement.style.display = ‘block’
}else{
mobileElement.style.display = ‘none’
}
Reviews
There are no reviews yet.