Description
body,td,th ,h1 ,h2 ,h3 ,h4 ,h5 ,p ,form{ margin:0; padding:0}
img{ max-width:100%}
.wapbar{ width:1170px; margin:0 auto; display:block; position:relative}
.menuba{ background:#065AA5; height:70px;display:block; position:relative; overflow:hidden}
.menuba .homb{background:#064E8F}
.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:#FFF; text-decoration: underline; background:#064E8F;opacity:1;}
.lefttitbg{height:47px; background:#065AA5; line-height:47px; color:#fff;}
.lefttitbg strong{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;text-align:center}
#fenle{ background:#DEE0DF; border-top:0px}
#fenle ul{ padding:0; margin:0 auto; width:98%; margin-left:6px }
#fenle li{padding:0px; margin:0px;font-family:”Candara”,Arial, Helvetica, sans-serif; line-height:38px;}
#fenle li{text-align:left; margin:0; padding-left:5px;background:url(‘ff6abc9c-8656-4590-be12-035b5095d5ec.jpg’) no-repeat 10px 14px; list-style-type:none; padding-right:0; padding-top:0; padding-bottom:0}
#fenle ul li a{color:#333; font-weight:bold;text-decoration: none;font-size:13px; padding-left:15px;display:block; }
#fenle ul li a:hover {padding-left:15px;color:#AF8C3A; display:block;text-decoration:underline;}
#fenle ul ul li{ background:none}
#fenle ul ul li a{color:#666;padding-left:20px;text-decoration: none;font-size:14px;font-weight:normal;overflow:hidden}
#fenle ul ul li a:hover{color:#AF8C3A;padding-left:20px; display:block; text-decoration:underline}
#fenle a{-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;}
#fenle a:hover{opacity:1;}
.newletter{ font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; width: 90%; margin:0 auto; padding-top:10px; padding-bottom:10px; margin-bottom:20px}
.newletter .signa{ text-align:center; color:#F60; margin-top:16px;text-transform:uppercase;}
.newletter .signa span a{color:#fff; text-decoration:none; line-height:30px; background:#000; padding:6px 20px; text-align:center;-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;}
.newletter .signa span a:hover{color:#fff; background:#E5D5B0; text-decoration:none;}
.sataif{background:#EBECEC; padding-top:18px; padding-bottom:20px; display:block; position:relative; margin-bottom:28px}
.sataif .wodwid{width:94%; margin:0 auto;display:block; position:relative}
.sataif ul,.sataif li{ margin:0; padding:0;}
.sataif li{list-style:none; display:block; float:left; margin-left:30px}
.sataif li{float:left; margin-top:10px; color:#333;font-size:14px;font-family:”Candara”,Arial, Helvetica, sans-serif; line-height:180%; margin-top:15px; line-height:150%;}
.sataif li i{ padding-right:25px; float:left;}
.sataif li span{padding-right:25px; float:left;font-family:”Candara”,Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; display:block; margin-top:20px}
.sataif li .ribox{float:left; display:block; position:relative}
.pawbar{ width:90%; margin:0 auto; display:block; position:relative;}
.mainrighbox{float:right;width:80%;display:block; position:relative}
.leftwid{ width:240px; background:#DEE0DF; float:left; display:block;position:relative}
.mainrighbox{float:right;width:900px;display:block; position:relative}
.tit{ background:#065AA5; width:100%; border:1px solid #E8E8E8; line-height:45px;text-align:center; color:#fff;}
.tit h1{ font-family: “Open Sans”, Verdana, Geneva, sans-serif; margin:0; padding:0; font-size:16px;}
#policybox {display:block; position:relative;width:100%;margin-bottom:15px;background:url(‘1687d4ce-b332-4c44-885d-c3ecbdd51bfc.jpg’) repeat-x;overflow:hidden; margin-top:16px}
#policybox section {display: block;padding:0;text-align:left; font-family:”Candara”,Arial, Helvetica, sans-serif; line-height:150%; font-size:14px; display:block;}
#policybox input {display:none;}
#policybox label {display: inline-block;color:#fff;line-height:60px; height:60px;}
#policybox label:hover {cursor: pointer;background:#064E8F;color:#fff;}
#policybox input:checked + label {cursor:pointer;color:#fff;background:#064E8F;}
#policybox label,#policybox input:checked + label {margin:0 auto;padding:0;font-family:”Candara”,Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; padding-left:40px; padding-right:40px;cursor:pointer; text-align:center;text-transform:uppercase;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
display: block;
}
.boxpro{width:250px; color:#666666; float:left;font-family:”Candara”,Verdana, Geneva, sans-serif; padding-bottom:10px; margin-left:20px; margin-right:15px; margin-top:10px; padding-left:6px; display:block; position:relative}
.boxpro .promobox img{border:1px solid #ccc;width:250px; height:250px;max-width:250px;max-height:250px;}
.boxpro .titpro{word-wrap:break-word; text-align:center; overflow:hidden; line-height:130%; font-size:12px; margin-top:5px;font-family:”Candara”,Verdana, Geneva, sans-serif;font-size:16px; line-height:160%;}
.boxpro a{ color:#666666;text-decoration:none;transition: all 0.5s;}
.boxpro a:hover{ color:#F60; text-decoration: underline;opacity: 0.9; }
.boxpro a img{-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;}
.boxpro a:hover img{opacity:0.9}
.boxpro .intrbar{ width:100%;display:block;}
.boxpro .price{ color:#666666; text-align:center; font-size:15px;font-family:”Candara”,Verdana, Geneva, sans-serif;}
.boxpro .buyphot img{ border:none; text-align:center}
.politit{margin-top:10px; background:#000; height:60px; line-height:60px; overflow:hidden}
.politit strong{ color:#fff; font-size:16px; font-family: Verdana, Helvetica, sans-serif; margin:0; padding:0; text-align:left; margin-left:12px}
.footbg{background:#222222; color:#999999; position:relative; display:block; margin:0 auto; border-top:4px solid #000;padding-bottom:20px}
.footwid{margin-left:40px; float:left;font-family:”Oswald”,Arial, Helvetica, sans-serif; }
.footwid img{ margin-right:20px}
.footwidtwo{margin-right:20px; float:right}
.footwidtwo a{text-decoration:none; color:#999999; margin-left:10px; padding-right:10px;font-family:”Candara”,Arial, Helvetica, sans-serif; }
.footwidtwo a:hover{ color:#999999; text-decoration:underline}
.footwid,.footwidtwo{display:block; margin-top:30px; position:relative;color:#999999; font-family:”Candara”,Arial, Helvetica, sans-serif; font-size:14px; line-height:150%;}
.copylibox{ width:100%; color:#666;text-align:center;font-size:12px; margin-top:15px; padding-bottom:15px; line-height:50px}
.mainbg:after,.pawbar:after,.mainrighbox:after,.image_gallery:after,.footbg:after,.footwidtwo:after,.logoap:after,.sataif:after,.intrdbox:after,.othbox:after,.mainrighbox:after,.leftwid:after,.pawbar:after
,.ribox:after,.sataif .wodwid li:after{content:”.”; display: block; height:0; clear:both;visibility: hidden; }
/*picture common*/
.image_gallery{ padding-top:10px}
.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}
}
@media only screen and (max-width:540px){
.thumbnails .gallery_content,.white-box{height:400px}.thumbnails li{width:70px;height:70px}
}
.recomt,.politit{background:#065AA5; width:100%; height:50px; line-height:50px; display:block;color:#fff; font-family:Verdana, Geneva, sans-serif; margin-top:15px}
.recomt h2,.politit strong{ margin:0; padding:0; font-size:16px; margin-left:15px; font-weight:bold}
.desneibox{ width:96%; margin:0 auto; padding-top:10px; padding-bottom:10px; font-size:11pt; line-height:160%; display:block; position:relative; font-family:Arial, Helvetica, sans-serif}
.desneibox img{ max-width:100%; height:auto}
.desneibox p{ margin:0; padding:0}
.desneibox table{ max-width:100%;}
.desneibox ul,.desneibox ol{ margin:0px; padding:0; margin-left:20px}
.wapbar:after,#policybox:after{ content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;}
@media screen and (min-width:980px)
{
#policybox section {display:none;}
.politit{ display:none}
.pawbar{ width:96%; margin:0 auto; display:block; position:relative}
.leftwid{ width:19%; float:left; display:block;position:relative}
.mainrighbox{float:right;width:80%;display:block; position:relative}
}
@media screen and (max-width:979px) {
.wapbar{ width:98%; margin:0 auto;}
.politit{ display: block}
.menulea{ float:none; display:block; position:relative}
.desboxmar{ width:96%; margin:0 auto;}
.topico{text-align:center;float:none;width:100%;margin:0 auto; font-size:16px;}
.logoap,.shipfr,.websitephoto{margin-left:0px; float:none;width:100%; text-align:center; display:block}
.topintr{ height:auto; padding-bottom:10px; padding-top:10px}
.menuba li a{color:#FFF; text-decoration: none; padding:26px 15px;}
.pawbar{ width:98%; margin:0 auto; display:block; position:relative}
.leftwid{ display:none}
.mainrighbox{float:none;width:100%;display:block; position:relative}
.intrdbox{ width:98%; margin:0 auto; float:none; display:block; position:relative}
.image_gallery{ height:auto; width:96%; margin:0 auto}
.ladybox{ display:block; padding-top:14px; padding-bottom:15px}
.titsomo h1{font-size:14px;}
#policybox{ width:100%;}
#policybox label{ display:none}
#policybox section {display: block; }
.boxpro{width:46%; margin-left:5px; margin-right:5px; padding-left:0px; margin-top:10px}
.boxpro .promobox img{border:1px solid #ccc; max-width:100%; height:auto;}
.copylibox{ width:100%; margin:0 auto; padding-top:18px; padding-bottom:10px;text-align:center; line-height:30px; color:#999; font-family: Verdana, Geneva, sans-serif; font-size:12px}
.copylibox a{color: #999;padding-left:6px; padding-right:6px; text-decoration:none}
}
@media screen and (max-width: 768px) {
.footbg{ padding-top:10px; width:98%; text-align:center}
.footwidtwo{width:100%;margin-left:0px; text-align:center; padding-top:10px; padding-bottom:10px}
.footwid,.footwidtwo{ float:none; width:96%; margin:0 auto;margin-top:30px; text-align:center}
.footwid span{ display:block;text-align:center; margin-bottom:15px}
.mainrighbox{float:none;width:100%;display:block; position:relative}
.copylibox{ line-height:150%;padding-bottom:15px}
.copylibox img{ margin-top:19px}
.sataif li{float:left; margin-top:10px; color:#333;font-size:12px;font-family:”Candara”,Arial, Helvetica, sans-serif; line-height:180%; margin-top:15px; line-height:150%;}
}
@media screen and (max-width: 600px) {
.boxi{ width:45%; }
.boxi{margin-left:5px; margin-bottom:15px; float:left; text-align:center}
.boxi img{height:auto; max-width:140px; max-height:140px}
.menuan li a{ padding-right:10px; padding-left:10px;}
.topico{text-align:center;float:none;width:90%;margin:0 auto; font-size:16px; padding-bottom:20px}
.sataif li{list-style:none; display:block; position:relative; float:none; width:95%;}
}
//判æ–设备是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.