@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder { /* WebKit browsers */
color: #bcbcbc;
font-family:Arial, Helvetica, sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #bcbcbc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #bcbcbc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #bcbcbc;
}
h1,h2{ display:inline;}
i{ font-style:normal;}
.banner .number li,.choose-us ul li span,.header .head .search span a.search-btn,.request-quote .inner-content p span em,#focus_Box .prev,#focus_Box .next{ background:url(/web/20241217185356im_/https://www.voelkerstudio.com/media/sets/m1-parts/shop-new.png) 0 0 no-repeat;}
.content{ background:#fff; width:100%;}
.container{ /*width:980px; margin:0 auto; padding-bottom:40px;*/}
.container .header{ padding-bottom:25px;}
.container .header a.shop-logo{ float:left; padding:25px 0;}
.container .header a.shop-logo span{ max-height:100px; display:table-cell; vertical-align:middle; }
.container .header a.shop-logo img{ max-height:100px; max-width:260px; display:block; width:100%;}
.container .header dl{ float:left; margin:30px 0 0 20px; width:700px;}
.container .header dl dt{ font-size:24px; color:#333; margin-bottom:7px;}
.container .header dl dt span{ width:106px; height:20px; margin:0 0 0 15px; vertical-align:-2px}
.container .header dl dt strong{ font-weight:normal;}
.container .header dl dd{ line-height:26px; color:#666; font-size:14px;}

.nav{ width:100%; height:46px; line-height:46px; background:#3A73A5; border-radius:0; }
.nav ul{ width:100%; margin:0 auto; float:left; text-align:center;}
.nav li{ font-size:16px; position:relative; display:inline-block;}
.nav li:first-child{ /*margin-left:37px;*/}
.nav li a{ color:#fff; display:block; padding:0 23px;max-width:200px;
	text-overflow: ellipsis;
white-space: nowrap; 
overflow: hidden; }
.nav li a.current,.nav li a:hover{ background:#5d92c0;}
.nav li a i{ width:12px; height:6px; display:inline-block; background:url(/web/20241217185356im_/https://www.voelkerstudio.com/media/sets/m1-parts/shop-icon.png) 0 -60px no-repeat; margin-left:7px;}
.nav li ul{ position:absolute; left:0; top:46px; background:#99a5b6; border-radius:0 0 3px 3px; padding:5px 0 10px 0; display:none; z-index:9999; text-align:left;}
.nav li ul.nav-list{ width:228px;}
.nav li ul.nav-list1{ width:209px;}
.nav li ul li{ margin:7px 0 5px 7px; float:none; font-size:14px; color:#fff; line-height:20px;}
.nav li ul li:first-child{ margin-left:7px;}
.nav li ul li a{ padding:0 20px;}
.nav li ul li a:hover{ text-decoration:underline; background:none;}

.nav-fixed{ width:100%; position:fixed; left:0; top:0; display:none !important; z-index:5;}
.nav-fixed ul{  margin:0 auto;}

.banner{width: 100%; height:400px; margin: 0 auto; position: relative;z-index: 99; max-width:1920px; min-width:980px; overflow:hidden;}
/*.banner .inner{height: 330px; position: absolute; left: 50%;margin: 0 auto 0 -980px;width: 1920px;}*/
.banner .inner{ max-width:1920px;}
.banner .d1{width:100%; height:400px;position:absolute;left:0px;top:0px;display:-webkit-flex;align-items:center;}
.banner .d1 img{ display:block; vertical-align:middle; width:100%; height:400px;}
.banner .number{ position:absolute; left:48%; bottom:20px;z-index:4;}
.banner .number li{ float:left; width:10px; height:10px; background-position:-44px 0; margin:0 4px; cursor:pointer;}
.banner .number li.current{ width:36px; height:10px; background-position:0 0;}
@media (max-width: 1080px) {
	 .banner .d1 img{width:120%; position:relative; left:50%; margin-left:-62%;}
}
@media ( max-width: 1400px ) and (min-width: 1080px) {
  .banner .d1 img{width:115%; position:relative; left:50%; margin-left:-58%;}
 }
.all-categories{ width:100%; background:url(/web/20241217185356im_/https://www.voelkerstudio.com/media/sets/m1-parts/all-cate.png) left center no-repeat; padding:55px 0 30px 0; background-size:100% 100%;}
.all-categories .title{ height:34px; line-height:34px; margin:0 auto 35px auto; line-height:34px; font-size:30px; color:#414141; text-align:center;}
.all-categories .title em{ margin-left:100px;}
.all-categories .title span{ float:right;}
.all-categories .title span a{ font-size:16px; color:#666;}
.all-categories .title span a:hover{ color:#6c7c93;}
.all-categories ul{ margin:0 auto; overflow:hidden;}
.all-categories ul li{ width:19%; border:solid 1px #fff; background:#fff; float:left; margin:0 0.5%; padding:0 10px;}
.all-categories ul li:hover{border-color:#dddddd;}
.all-categories ul li img{ width:100%; display:block; margin:10px auto 0 auto;}
.all-categories ul li i{ font-size:16px; width:100%; height:40px; display:block; margin:5px auto 8px auto; line-height:20px; font-style:normal;display: block; max-height: 40px;word-wrap: break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.all-categories ul li i strong{ font-weight:normal;}
.all-categories ul li i a{ color:#414141;}
.all-categories ul li i a:hover{ color:#6c7c93;}
.all-categories ul li span{ width:100%;display: block !important; margin:0 auto 7px auto; border-top:solid 1px #ddd; padding:10px 0 21px 0; font-size:16px; color:#afafaf;}
.all-categories ul li span a{ float:left; color:#666;}
.all-categories ul li span a:hover{ color:#6c7c93;}
.all-categories ul li span em{ float:right; color:#afafaf;}

.featured{ background:none #fff; height:auto; padding-bottom:50px;}
.featured .title em,.customer .title em{ margin-left:0;}
.featured ul li{ background:#f9f9f9; margin-bottom:20px;}
.featured ul li:hover{ background:#fff;}
.featured p{ width:100%; margin:-20px auto 30px auto; text-align:center; font-size:16px; color:#999; line-height:26px;}

.choose-us{ width:100%; height:375px; background:url(/web/20241217185356im_/https://www.voelkerstudio.com/media/sets/m1-parts/choose-bg.png) center top no-repeat; padding-top:45px;}
.choose-us .title{ width:980px; margin:0 auto; height:54px; line-height:54px; font-size:30px; color:#fff; text-align:center;}
.choose-us ul{ width:980px; margin:72px auto 0 auto;}
.choose-us ul li{ width:290px; float:left; margin:0 18px; font-size:14px; color:#d1d7e0;}
.choose-us ul li span.icon1{ width:80px; height:66px; display:block; margin:0 auto; background-position:0 -64px;}
.choose-us ul li span.icon2{ width:63px; height:64px; display:block; margin:0 auto; background-position:-88px -64px;}
.choose-us ul li span.icon3{ width:59px; height:66px; display:block; margin:0 auto; background-position:-161px -64px;}
.choose-us ul li i{ text-align:center; width:290px; display:block; margin:35px 0 25px 0; font-size:20px;}
.choose-us ul li i a{ color:#fff;}
.choose-us ul li i a:hover{ color:#d1d7e0;}

.header{ width:100%; overflow:hidden; padding-bottom:10px;}
.header .head{ margin:0 auto; padding:10px 0;}
.header .head .logo{ float:left;}

.header a.shop-logo {
  float: left;
}
.header a.shop-logo img {
  max-height: 100px;
  max-width: 100px;
  width:100%;
}
.company-intro h1{
  font-weight: bold;
}

.header .head .logo .logo-right{float:left;}
.header .head .logo .logo-right span.company-name{  font-size:24px; color:#333; line-height:47px; display:block;word-wrap:break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.header .head .logo .logo-right span.company-intro{ line-height:20px; font-size:14px; height:40px; display:block;display:block;word-wrap:break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.header .head .search{ float:right;}
.header .head .search span{ width:340px; height:36px; display:block; margin:36px 0 0 0; position:relative;}
.header .head .search span .txt{ width:324px; height:32px; border:solid 2px #6c7c93; padding-left:12px; line-height:32px;}
.header .head .search span a.search-btn{ width:21px; height:21px; display:block; background-position:-28px -21px; position:absolute; right:15px; top:7px;}

.request-quote{ width:100%; height:32px; background:#f5f5f5; border-bottom:solid 1px #e1e1e1; line-height:32px;}
.request-quote .inner-content{ width:980px; margin:0 auto;}
.request-quote .inner-content p{ text-align:right; color:#666; font-size:12px;}
.request-quote .inner-content p a{ color:#666; display:inline-block; width:95px; margin-left:12px;}
.request-quote .inner-content p a:hover{ font-weight:bold; text-decoration:underline;}
.request-quote .inner-content p span{ margin-right:17px;}
.request-quote .inner-content p span em{ width:15px; height:15px; display:inline-block; background-position:0 -24px; vertical-align:-3px; margin-right:9px;}

.customer{ background:#fff; height:auto; padding-bottom:70px;}
#focus_Box{position:relative;width:784px;margin:50px auto 0 auto;}
#focus_Box ul{position:relative;width:500px;height:140px}
#focus_Box li{z-index:0;position:absolute; border:none; width:0px;height:0px;top:146px;cursor:pointer;left:377px; margin:0;}
#focus_Box li:hover{ border:none;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; border-radius:100px; display:block; margin:0;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:4;overflow:hidden;cursor:pointer;position:absolute;width:23px;height:42px;top:50px;}
#focus_Box .prev{background-position:-134px 0;left:0px}
#focus_Box .next{background-position:-164px 0;right:0px}
#focus_Box .prev:hover{background-position:-72px 0;}
#focus_Box .next:hover{background-position:-100px 0;}
.gray {-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }

.focus-text{ width:575px; margin:30px auto 0 auto;}
.focus-text dl{ display:none;}
.focus-text dl dt{ text-align:center; font-size:20px; color:#414141;}
.focus-text dl dd{ margin-top:25px; color:#999; font-size:14px; line-height:20px; text-align:center;}

.service-box{ width:100%; background:#3f4145; border-top:solid 1px #ddd; padding-bottom:20px;}
.service-list{ margin:0 auto;}
.service-list dl{ float:left; margin-top:30px; border-right:none;}

.service-list dl dt{ font-size:18px; color:#b0b3ba; font-weight:bold; line-height:24px; margin-bottom:10px;}
.service-list dl dd{ font-size:14px; line-height:24px;}
.service-list dl dd a{ color:#787b80;}
.service-list dl dd a:hover{ text-decoration:underline; color:#b0b3ba;}

.footer{ background:#3f4145;}
.footer .foot{ border-top:solid 1px #787b80; padding:10px 0;}
.footer .foot p{ text-align:left; float:left; color:#787b80;}


/*20180204gai_mal*/
.nav li ul {max-height:402px; overflow-y:scroll; }
.nav li ul.nav-list1{overflow-y:auto;  }

/*20180209gai_mal*/
.banner{z-index: 9; }



/*新添加*/
.ind_new{ overflow:hidden; margin:0 auto; margin-top:55px;}
.ind_new h2,.ind_faq h2,.ind_pdf h2,.gjc h2{ text-align:center; font-size:30px; color:#414141; text-transform:uppercase; width:100%; display:block; margin-bottom:50px;}
.ine_le{ float:left; overflow:hidden;}
.inimg{ width:100%; overflow:hidden;}
.inimg img{ width:100%;}
.ine_le h3{ font-size:18px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; margin:15px 0; font-weight:bold;}
.ine_le h3 a,.nqx_rg h3 a{ color:#333;}
.ine_le p{ font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; color:#666;}
.linmore{ margin-top:20px; font-size:15px; font-weight:bold;}
.linmore a{ color:#1F466F;}
.ine_mid{ }
.ine_rg{ float:left;}
.newqxi{ overflow:hidden; margin-bottom:15px;}
.nqx_le{ float:left; width:35%;}
.nqx_le img{ width:100%;}
.nqx_rg{ float:right; width:60%;}
.nqx_rg h3{ font-size:16px; font-weight:bold;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.nqx_rg p a{ color:#666;}
.nqx_rg p{ font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; padding-top:6px;}
.ind_faq_bg{ background-color:#F7F7F7; padding:30px 0; width:100%; min-width:980px; overflow:hidden; margin-top:50px;}
.ind_faq{ width:980px; overflow:hidden; margin:0 auto; margin-top:25px;}
.wenda{ float:left; width:45%; border-bottom:1px dashed #888; margin-bottom:20px; margin-left:2%; margin-right:3%; display:inline; height:108px;}
.wenda h3{ font-size:16px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.wenda h3 span{ background-color:#8ea0bb; color:#fff; padding:0 5px; margin-right:10px;}
.wenda p a{ color:#666;}
.wenda p{ font-size:14px; padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; line-height:160%; color:#666;}
.wenda p span{ background-color:#6c7c93; color:#fff; padding:0 5px; margin-right:10px;}
.wdclear{ clear:both; width:100%; height:20px;}
.wenda p a:hover,#wrap ul li a:hover{ color:#6c7c93;}
.ind_pdf{ width:980px; overflow:hidden; margin:0 auto; margin-top:55px; margin-bottom:50px;}
.ind_pdf h1{text-align:center;font-size:3em}
.contentq{display:block;width:1200px;background:#d7d7d7;padding:1em;overflow:hidden;margin:0 auto}
.containerq{width:79%;background:grey;float:left;display:inline-block;overflow:hidden;box-sizing:border-box;height:45px;position:relative;cursor:pointer}
.marquee-sibling{padding:0;background:#3d3d3d;width:15%;height:45px;line-height:42px;font-size:16px;font-weight: bold;color:#fff;text-align:center;float:left;left:0;z-index:2000}
.marquee,*[class^=marquee]{display:inline-block;white-space:nowrap;position:absolute}
.marquee{margin-left:25%}
.marquee-content-items{display:inline-block;padding:5px;margin:0;height:45px;position:relative}
.marquee-content-items li{display:inline-block;line-height:35px;color:#fff}
.marquee-content-items li:after{content:"|";margin:0 1em}
.marquee-content-items li a{ color:#fff;}
.gjc_bg{ width:100%;  margin-top:30px; background-color:#F7F7F7; padding:30px 0; overflow:hidden;}
.gjc{ overflow:hidden; margin:0 auto; margin-top:25px; margin-bottom:30px;}
.gjc ul{ overflow:hidden; width:100%;}
.gjc ul li{ float:left; margin:10px 0;text-overflow: ellipsis;
white-space: nowrap; overflow: hidden;}
.gjc ul li a{ color:#333;}

/*2022-2-20*/
.navwidth{ width:1180px; margin:0 auto;}
.nav li ul.nav-list{ background:#5D92C0;}
.gjc_div_box{ width:1190px !important;}
.gjc_div_box p{ font-size:16px; line-height:160%;}

/*2022-2-22*/
.dianji{ display:none; text-align:left; padding-left:20px; padding-top:12px; cursor:pointer;}
.there{ display:none; position:fixed; width:100%; left:0; top:0; height:100%; background:#fff; z-index:999;}
.dianji img{ width:30px;}
.gbi{ padding-right:20px; font-size:20px; width:100%; text-align:right;}
.thger{ padding:20px; overflow:hidden;}
.thger p{ font-size:16px; margin:0; border-bottom:1px solid #ddd;}
.thger p a{ color:#333;}

.wd_xl{ overflow:hidden; margin-top:30px;}
.faq_cont{ margin-bottom:15px;}
.faq_cont h3{ font-size:18px; cursor:pointer; font-weight:500; padding-bottom:10px;line-height:120% !important;margin-top:0;margin-bottom:0;}
.faq_cont:hover h3{ color:#042E4F;}
.faq_cont h3 span{ font-weight:bold; font-size:26px; padding-right:10px; color:#042E4F;}
.faq_hid p{ font-size:15px; line-height:180%;}
.faq_hid{ display:none;}
.wd_xl{ width:49%; float:left;}
@media (max-width: 1100px) { 
.nav li a{ padding:0 10px;}
}
@media (max-width: 990px) { 
.all-categories ul li{ width:32%;}
.ine_rg{ margin-top:30px;}
}
@media (max-width: 980px) { 
.nav ul{ display:none;}
.dianji{ display:block;}

}
@media (max-width: 640px) { 
.lang-select .lang-inner ul{ display:none;}
.all-categories ul li{ width:48%;}
.header .head .logo .logo-right span.company-name{ font-size:20px;}
}
/*
     FILE ARCHIVED ON 18:53:56 Dec 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:52:58 Sep 25, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.936 (2)
  exclusion.robots: 0.07 (2)
  exclusion.robots.policy: 0.032 (2)
  esindex: 0.029 (2)
  cdx.remote: 224.696 (2)
  LoadShardBlock: 562.036 (6)
  PetaboxLoader3.datanode: 606.235 (8)
  PetaboxLoader3.resolve: 403.43 (4)
  load_resource: 505.202 (2)
*/