.blog_p iframe {
width: 100%;
height: auto;
}
.Catalogue {
display: block;
}
.container {
width: 100%;
}
/*@font-face {
font-family: "Barlow";
src: url("../font/Barlow.woff2") format("woff2"),
url("../font/Barlow.woff") format("woff"),
url("../font/Barlow.ttf") format("truetype"),
url("../font/Barlow.eot") format("embedded-opentype"),
url("https://ja.szmolding.com/template/font/Barlow.svg") format("svg"),
url("../font/Barlow.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Barlow_b";
src: url("../font/Barlow_b.woff2") format("woff2"),
url("../font/Barlow_b.woff") format("woff"),
url("../font/Barlow_b.ttf") format("truetype"),
url("../font/Barlow_b.eot") format("embedded-opentype"),
url("https://ja.szmolding.com/template/font/Barlow_b.svg") format("svg"),
url("../font/Barlow_b.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowCondensed";
src: url("../font/BarlowCondensed.woff2") format("woff2"),
url("../font/BarlowCondensed.woff") format("woff"),
url("../font/BarlowCondensed.ttf") format("truetype"),
url("../font/BarlowCondensed.eot") format("embedded-opentype"),
url("https://ja.szmolding.com/template/font/BarlowCondensed.svg") format("svg"),
url("../font/BarlowCondensed.otf") format("opentype");
font-weight: normal;
font-style: normal;
}*/
/*nav*/
header .wrapper{display:none;}
.wrapper .toggle{float:right;width:56px;height:56px;cursor:pointer;color:#212121;text-decoration:none;font-size:14px;text-indent:-9999em;line-height:24px;font-size:1px;display:block;text-align:center; background: #BB002B;}
html.hc-yscroll { overflow-y: scroll}
body.hc-nav-open { position: fixed; width: 100%; min-height: 100%}
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999999999; overscroll-behavior: none}
.hc-mobile-nav.is-ios * { cursor: pointer !important}
.hc-mobile-nav .nav-container {position: fixed;z-index: 99999999;top: 0;width: 240px;max-width: 100%;height: 100%;transition: transform .4s ease}
.hc-mobile-nav .nav-wrapper {idth: 100%}
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 {position: static;height: 100%;overflow: scroll;overflow-x: visible;overflow-y: auto}
.hc-mobile-nav ul {list-style: none;margin: 0;padding: 0}
.hc-mobile-nav li {position: relative;display: block}
.hc-mobile-nav li.level-open>.nav-wrapper {visibility: visible}
.hc-mobile-nav input[type="checkbox"] {display: none}
.hc-mobile-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer}
.hc-mobile-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer}
.hc-mobile-nav a, .hc-mobile-nav a:hover {text-decoration: none}
.hc-mobile-nav.disable-body:not(.nav-open)::after {pointer-events: none}
.hc-mobile-nav.disable-body::after, .hc-mobile-nav.disable-body .nav-wrapper::after {content: '';position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease .4s, opacity .4s ease}
.hc-mobile-nav.disable-body.nav-open::after, .hc-mobile-nav.disable-body .sub-level-open::after {visibility: visible;opacity: 1;transition-delay: .05s}
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after {display: none}
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease .4s}
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper {max-height: none}
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease .4s, transform .4s ease}
.hc-mobile-nav.nav-levels-overlap ul ul {height: 100%;overflow: scroll;overflow-x: visible;overflow-y: auto}
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent {position: static}
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {visibility: visible;transition: transform .4s ease}
.hc-mobile-nav.side-left {left: 0}
.hc-mobile-nav.side-left .nav-container {left: 0;transform: translate3d(-100%, 0, 0)}
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {transform: translate3d(-40px, 0, 0)}
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper {left: 0;transform: translate3d(-100%, 0, 0)}
.hc-mobile-nav.side-right { right: 0}
.hc-mobile-nav.side-right .nav-container { right: 0;transform: translate3d(100%, 0, 0)}
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {transform: translate3d(40px, 0, 0)}
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0;transform: translate3d(100%, 0, 0)}
.hc-mobile-nav.nav-open .nav-container {transform: translate3d(0, 0, 0)}
.hc-nav-trigger {position: absolute;cursor: pointer;display: none;top: 20px;z-index: 9980;min-height: 24px}
.hc-nav-trigger span {width: 30px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {position: absolute;left: 0;height: 4px;background: #34495E;transition: all .2s ease}
.hc-nav-trigger span::before, .hc-nav-trigger span::after { content: ''; width: 100%}
.hc-nav-trigger span::before { top: -10px}
.hc-nav-trigger span::after { bottom: -10px}
.hc-nav-trigger.toggle-open span { background: rgba(0,0,0,0); transform: rotate(45deg)}
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0)}
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0)}
.hc-mobile-nav::after, .hc-mobile-nav .nav-wrapper::after { background: rgba(0,0,0,0.3)}
.hc-mobile-nav .nav-wrapper {background:#fafafa;z-index:2;}
/*.hc-mobile-nav .nav-wrapper:before{content:'';width:100%;height:100%;display:block;background:#fafafa;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;position:absolute;left:0;top:0;z-index:0;}*/
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0,0,0,0.2)}
.hc-mobile-nav h2 {font-size: 14px;font-weight: normal;text-align: left;padding: 15px 17px;color: #333;font-family:'Barlow_b';text-transform:uppercase;
margin-top:0;margin-bottom:0;background:rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.15);}
.hc-mobile-nav a {padding: 10px 17px;font-size: 14px;color: #333;z-index: 1;background: rgba(0,0,0,0);border-bottom: 1px solid rgba(0,0,0,0.1);font-family:'Barlow_b';}
.hc-mobile-nav:not(.touch-device) a:hover { background: #f2f2f2}
.hc-mobile-nav li { text-align: left}
.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a { background:rgba(0,0,0,0.05);background-size:100%;}
.hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover { background: rgba(0,0,0,0.2)}
.hc-mobile-nav li.nav-parent a { padding-right: 58px}
.hc-mobile-nav li.nav-close span, .hc-mobile-nav li.nav-parent span.nav-next, .hc-mobile-nav li.nav-back span {position: absolute;top: 0;right: 0;width:45px;height:100%;text-align: center;cursor: pointer;transition: background .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after { content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0;}.hc-mobile-nav li.nav-close span::before { transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.hc-mobile-nav li.nav-close span::after { transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before {content: '';position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #808080;border-left: 2px solid #808080;transform-origin: center}
.hc-mobile-nav span.nav-next::before {transform: translate(-50%, -50%) rotate(135deg)}
.hc-mobile-nav li.nav-back span::before {transform: translate(-50%, -50%) rotate(-45deg)}
.hc-mobile-nav.side-right span.nav-next::before {margin-left: 0;margin-right: -2px;transform: translate(-50%, -50%) rotate(-45deg)}
.hc-mobile-nav.side-right li.nav-back span::before {margin-left: 0;margin-right: -2px;transform: translate(-50%, -50%) rotate(135deg)}
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none;background: transparent}
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a, .hc-mobile-nav.nav-levels-none .nav-container ul ul a {font-size: 14px}
.hc-mobile-nav.nav-levels-expand .nav-container li, .hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open {background: rgba(0,0,0,0.5);}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover {background: #0095f8}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {margin-top: 2px;transform: translate(-50%, -50%) rotate(45deg)}
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px;transform: translate(-50%, -50%) rotate(225deg)}
#main-nav { display: none}
header {position: relative; padding: 50px 0 20px}
header .git svg {width: 15px;height: 15px;fill: #fffce1;position: relative;top: 2px;padding: 0 10px;margin-right: 10px;border-right: 1px solid #4daabb;transition: border-color .15s ease-in-out}
header .toggle {position: absolute;cursor: pointer;display: none;z-index: 9980;min-height: 24px;top:0;right:0;display: block;cursor: pointer;box-sizing: content-box;font-size: 16px;line-height: 24px;margin-right:0; z-index: 55;}
header .toggle span {width: 20px; top: 50%;}
header .toggle span, header .toggle span::before, header .toggle span::after {position: absolute;left: 50%;height: 2px;background: #fff;transition: all .1s ease;margin-left:-10px;border-radius:50%;}
header .toggle span::before, header .toggle span::after {content: '';width: 100%;border-radius:5px;}
header .toggle span::before {top: -5px}
header .toggle span::after {bottom: -5px}
header .toggle-open span::before {top: -8px}
header .toggle-open span::after {bottom: -8px}
header .toggle.toggle-open span {background: rgba(0,0,0,0); transform: rotate(45deg)}
header .toggle.toggle-open span::before {transform: translate3d(0, 8px, 0)}
header .toggle.toggle-open span::after {transform: rotate(-90deg) translate3d(8px, 0, 0)}
header .toggle div {display: inline-block;margin-right: 15px}
.hc-mobile-nav .nav-container {width: 280px}
.hc-mobile-nav a {font-size: 14px;text-transform:capitalize;}
.hc-mobile-nav ul li ul li a {font-size: 13px;font-family:'Barlow_b';text-transform:capitalize;}
.hc-mobile-nav ul.first-nav > li > a{font-family: "Barlow_b";}
.hc-mobile-nav ul.second-nav > li > a{text-transform:uppercase;font-family: "Barlow_b";}
/*mainmenu*/
.mainmenu-area{padding-top:0; float: left;}
.mainmenu_box{float:left;width:36%;padding-right:0;}
.mainmenu-left {float:left; margin-right: 44px;}
.product-menu-title {background: #444 none repeat scroll 0 0;cursor: pointer;padding: 3px 16px;}
.find .product_vmegamenu>ul li a {padding: 12px 10px;}
.product_vmegamenu ul li a.hover-icon::after {content: "\f107";font-family: FontAwesome;font-size: 18px;position: absolute;right: 0;color: #808080;top: 14px;}
.product_vmegamenu>ul>li a img {max-width:100%;height:auto;}
.product_vmegamenu>ul>li .vmegamenu {background: #fff none repeat scroll 0 0;border: 1px solid #eaeaea;box-shadow: 0 0 5px -1px #666666;left: 0;position: absolute;top: 82px;
width: 100%;opacity: 0;z-index: 999999;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;visibility: hidden;padding: 10px;}
.product_vmegamenu ul li:hover .vmegamenu {opacity: 1;top: 52px;visibility: visible;}
.product_vmegamenu ul li .vmegamenu span {float: left;padding: 15px;width: 20%;}
.product_vmegamenu ul li .vmegamenu span img {max-width: 100%;}
.product_vmegamenu ul li .vmegamenu span a.vgema-title {border-bottom: 1px solid #eaeaea;font-size: 14px;background: #ededed;padding: 10px;text-transform: capitalize;text-align: center;letter-spacing: normal;}
.product_vmegamenu ul li .vmegamenu span:hover a.vgema-title {background: #226cc5;color: #fff;}
.product_vmegamenu ul li .vmegamenu2 {width: 400px;}
.product_vmegamenu ul li .vmegamenu2 span {padding: 15px;width: 50%;}
/* mainmenu */
.mainmenu{text-align:center;}
.mainmenu>nav>ul>li { display: inline-block; margin-right:14px;}
.mainmenu>nav>ul>li:first-child{padding-left: 0px;}
.mainmenu>nav>ul>li>a{ color: #fff; display:inline-block; font-size: 16px; line-height:24px; padding:30px 16px; transition:all .3s; position:relative; z-index:2; background-position: center center; font-family: 'Barlow_b'; text-transform: uppercase; position: relative;}
.mainmenu nav>ul>li:hover>a,.mainmenu nav>ul>li.active>a ,.mainmenu nav>ul>li#active>a{ color: #82d4ff;}
.mainmenu>nav>ul>li>ul{box-shadow: 0 15px 15px rgba(0,0,0,.09);left: auto;opacity: 0;position: absolute;top: auto;transform: scaleY(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;z-index: 99999999;padding: 5px;visibility: hidden;text-align: left;width: 220px;background: #fff;transition:.3s ease;padding:5px 0;}
.mainmenu ul li:hover > ul{ opacity:1; visibility:visible; transform:scaleY(1);}
.mainmenu ul li > ul li{display:block;background:none;position:relative;}
.mainmenu ul li > ul li > a {color: #333;padding:8px 15px;text-transform: capitalize;font-size:14px;font-style:normal;position:relative;z-index:1;overflow:hidden;display:block;background-repeat:no-repeat;background-position:90% center;}
.mainmenu ul li > ul li.has-menu::after{content:"\f105";font-family:FontAwesome;font-size:14px;color:#333;position:absolute;right:20px;top:50%;line-height:20px;margin-top:-10px;}
.mainmenu>nav>ul>li ul.vmegamenu02{box-shadow: 0 5px 20px rgba(0,0,0,.05);left: 299px;opacity: 0;position: absolute;top: auto;transform: scaleX(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;z-index: 99999999;padding: 5px 0 10px 0;visibility: hidden;text-align: left;width: 240px;background: #fafafa;transition:.3s ease;margin-top:-45px;}
.mainmenu ul li:hover > ul.vmegamenu02{opacity:1;visibility:visible;transform:scaleX(1);}
.mainmenu ul li > ul.vmegamenu02 li > a{padding:10px;}
.mainmenu ul li > ul.vmegamenu02 li > a:after{background:#e5e5e5;left:10px;right:10px;}
.mainmenu>nav>ul>li.product_vmegamenu>ul{width:100%;right:0;padding:15px 0px;}
.mainmenu ul li.product_vmegamenu ul li.container{width: 100%;}
.mainmenu ul li.product_vmegamenu > ul li.nav_img{padding-left:20px;padding-right:5px;}
.mainmenu ul li.product_vmegamenu > ul li.nav_img a{padding:0;}
@media only screen and (max-width: 992px){
header .wrapper{ display: block;} }
header.small .mainmenu-area{padding-top:0;}
.mainmenu>nav>ul>li.product_vmegamenu>ul.nav_list{ padding: 20px !important; border-top: 1px solid #eee; background: rgba(255, 255, 255, 0.98); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}
.nav_list li{ float: left; width: 20%; padding:10px; margin-bottom: 20px;transition: 0.5s all;}
.nav_list li .title{font-family: 'Barlow_b'; color: #333; font-size: 14px; display: block; line-height: 20px; height: 40px; border-bottom: 1px solid #eee; margin-bottom: 10px; margin-top: 10px;}
.nav_list li .level_2 a{ font-size: 13px; line-height:26px; margin-bottom: 6px; display: block;}
.nav_list li .level_2 a:hover{ color: #0f62af; text-decoration: underline;}
.nav_list li:nth-child(5n+1){ clear: both;}
/*reset*/
:focus{outline:0;}
img{border:none; height:auto; max-width: 100%;}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";}
.clearfix:after{clear:both;}
a:hover{text-decoration:none;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}
.clear{ clear:both;}
ul li{list-style-position:inside;}
body{font-size:14px;font-family:'Barlow',arial, sans-serif;color:#666;background:#fff; overflow-x:hidden; line-height: 26px;}
a{color: #666;}
.h4 , p{margin: 0px;}
a,img, a:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.page ul{ padding-left: 16px;height: auto;}
.main-more #zshow {
display: none;
}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
/*Search*/
.attr-nav .search{text-align:center;display:block; position: relative; height: 40px; width: 40px; padding:13px 0; background-color: #BB002B;background:url(../images/search_ico.png) no-repeat center center;}
.attr-nav .search em{ display: block; font-style: normal; font-size: 14px; color: #fff; text-transform: uppercase;font-family: 'Barlow_b'; color: #fff;}
.header_search-button {display: inline-block;position: relative;width: 20px;height: 20px;margin-top: 0;vertical-align: bottom;cursor: pointer; }
.top-search { display: block; width:100%;}
.top-search em{font-size:30px;font-style:normal;color:#333; margin:10px 0 0;text-transform:uppercase;display:none; margin-bottom: 10px; text-align: center; margin: 30px 0;font-family: "BarlowCondensed";}
.top-search .input-group-addon{position:absolute;right:16px;top:2px; width:24px;height:24px;background: rgba(0,0,0,0.5);}
.top-search .input-group-addon i{display:flex;flex-direction:column;justify-content:center;}
.top-search .input-group-addon i:before,.top-search .input-group-addon i:after{ content:'';display:inline-block;background:#666;width:16px;height:2px;margin:2px 0;
}
.top-search .input-group-addon i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.top-search .input-group-addon i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
.top-search .form-control {box-shadow:none;border:none;border:none;background:none; color:#999;height:42px;line-height:42px;padding:0 50px 0 0;text-align:left; border-radius:0; font-size: 13px; padding-left: 12px;}
.top-search input.form-control:focus{color:#333;font-style:inherit; background: #fff;}
.top-search input::-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */
.top-search input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */
.top-search input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */
.top-search input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */
.search_box{position: relative;}
.top-search .input-group-addon.close-search {cursor: pointer;}
.top-search .input-group{ padding:0px 0px;background:rgba(238,238,238,0.8); -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);width: 100%; _padding-right: 50px;}
.btn_search1 {background:#333 url(../images/search_ico.png) no-repeat center center; top:0px;height:42px; position: absolute;right:0;width:50px;z-index: 3; border-radius:0;}
.header_search {position: relative; max-width: 800px; margin: 0 auto;}
.top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;}
.top-search .input-group-addon.close-search{cursor: pointer; float:right;display:none;}
.attr-nav ul li{ list-style:none;}
.top-search .input-group { margin:0 auto; text-align:left; }
.top-search { display: none; width:100%;right:0;z-index:9999999; position: absolute; left: 0px; top: 0px; width: 100%;}
.top-search em,.top-search .input-group-addon.close-search{display:block;}
.top-search .form-control{height:42px;line-height:42px;background:#fff;}
.attr-nav{display: block;padding-top:0;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; float: left; z-index: 666; margin-left: 20px; margin-top:16px; margin-right:0;}
/*select*/
.language_select{ position:relative;z-index:888 !important; float: right;}
.language_select ul li{ list-style:none;}
.language_select dt{height:36px;display:inline-block;line-height:36px;font-size:14px;text-transform:capitalize;cursor:pointer;overflow:hidden;position:relative;z-index:999999;text-align: right;font-weight: normal; padding:0;color:#777; float: left; background:#eee; padding: 0px 10px; border-radius: 30px;}
.language_select dt img,.language_select dd ul li a img{ display:inline-block;vertical-align: middle; overflow: hidden; border-radius: 50%;width: 20px;height: 20px;}
.language_select dd ul li a img{ width:16px; border-radius: 50%; border: 1px solid #eee;height: 20px;width: 20px;}
.language_select dt:after{font-family:FontAwesome;color:#fff;width:100px;vertical-align:middle;content:"\f107"; font-size:14px; transition:all 0.3s ease 0s; margin-left:6px;}
.language_select dt.cur:after{font-family:FontAwesome;color:#fff;width:100px;vertical-align:middle;content:"\f106"; font-size:14px;}
.language_select dd{position:absolute;left:0;top:40px;background:#fff;display:none; z-index:666; box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
.language_select dd ul{padding:10px 10px 5px 15px;width:130px;/* max-height:304px;overflow:auto; */ text-align: left;}
.language_select dd ul li{position: relative;width: 100%;}
.language_select dd ul li a{line-height:22px;display:inline-block;color:#555; font-size:14px;text-transform:capitalize;padding:0 0 0 26px;position: relative;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition:all 0.3s ease 0s;opacity: 0;-webkit-transform: translate3d(50px, 0px, 0);transform: translate3d(50px, 0px, 0); }
.language_select dd ul li a{opacity:0;}
.language_select dd ul li img{height: auto;position: absolute;left: 0px;top:4px;}
.language_select dd ul li a:hover{color: #333;}
.language_select dd.open ul li a{ opacity: 1;-webkit-transform: translate3d(0px, 0px, 0);transform: translate3d(0px, 0px, 0); }
.language_select dd.open ul li:nth-child(1) a{-webkit-transition-delay: 45ms;transition-delay: 45ms; }
.language_select dd.open ul li:nth-child(2) a{-webkit-transition-delay: 90ms;transition-delay: 90ms; }
.language_select dd.open ul li:nth-child(3) a{-webkit-transition-delay: 135ms;transition-delay: 135ms; }
.language_select dd.open ul li:nth-child(4) a{-webkit-transition-delay: 180ms;transition-delay: 180ms; }
.language_select dd.open ul li:nth-child(5) a{-webkit-transition-delay: 225ms;transition-delay: 225ms; }
.language_select dd.open ul li:nth-child(6) a{-webkit-transition-delay: 270ms;transition-delay: 270ms; }
.language_select dd.open ul li:nth-child(7) a{-webkit-transition-delay: 315ms;transition-delay: 315ms; }
.language_select dd.open ul li:nth-child(8) a{-webkit-transition-delay: 360ms;transition-delay: 360ms; }
.language_select dd.open ul li:nth-child(9) a{-webkit-transition-delay: 405ms;transition-delay: 405ms; }
.language_select dd.open ul li:nth-child(10) a {-webkit-transition-delay: 450ms;transition-delay: 450ms; }
/*index*/
.height{padding-top: 118px;}
header{width: 100%;z-index: 999999;padding: 0;position:fixed; background: #333;}
header.large{padding:0;}
header.small{left:0; top:0;padding:0; position:fixed;}
header.small{ background: rgba(255, 255, 255, 1); box-shadow: 0px 5px 10px rgba(0,0,0,0.15); border: none; margin-top: 0;}
.header_section{ position: relative;padding: unset !important;}
.header_section .container{ position: relative;}
.header_section .container:after{position: absolute;right:100%; margin-right: -400px; top: 0px;width: 1000vh;height:100%;content: '';background: #f7f7f7;transform: skew(-25deg);z-index: -1; border: 6px solid #fff; border-top: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.header_section:before{position: absolute;left:0;bottom: 0px;width: 100%;height: 50px;content: '';background: #0f62af;z-index: -1;}
.nav_section #logo{ float: left; transition: 0.5s all; margin-top: 30px; margin-left: 20px;}
.nav_section .nav_main{ float: right;}
.nav_section .header_con{ float: left; line-height: 30px; padding: 5px 0;}
.nav_section .header_con p{ float: left;font-size: 13px; color: #777;}
.nav_section .header_con a{ line-height: 30px; display: inline-block; font-size: 16px;}
.nav_section .header_con a:hover{ color:#0f62af; text-decoration: underline;}
.nav_section .header_con .email{ background: url(../image/header_eamil.png) no-repeat left center; padding-left:38px; margin-left: 30px;}
.nav_section .header_con .tel{ background: url(../image/header_tel.png) no-repeat left center; padding-left:38px;}
.nav_section .header_other{ float: right; margin-top: 16px;}
@media only screen and (max-width:1260px) {
.nav_section .header_con{margin-right: 20px;}
.header_section .container:after{margin-right: -300px;}
}
@media only screen and (max-width: 992px) {
.header_section .container{ width: 100%; padding: 0;}
.nav_section{height: 56px; padding: 0; background: #333; border: none; margin: 0;}
.nav_section #logo{width: auto;margin-top: 13px; margin-left: 15px;}
.nav_section #logo img{height:36px;max-width: 120px;}
.nav_section .header_con{display: none;}
.height{ padding-top: 56px;}
.header_section .container:after,.header_section:before{display: none;}
.attr-nav{ position: absolute; right: 56px; top:0; background: #3A3A3A; margin: 0;}
.attr-nav .search{width: 56px; height: 56px;}
.nav_section .select{margin-right:130px; margin-top: 18px;}
.nav_section .select dd{top: 56px;}
.nav_section .header_other{margin-top: 0;}
.language_select{margin-right: 112px;}
.language_select dt{height: 56px; line-height: 56px; border-radius: 0px; background: #454545;color: #fff;
text-transform: uppercase;}
.language_select dd{top: 56px;}
.top-search em{ margin: 1px 0;
font-size: 12px;}
.nav_section .yemail,.nav_section .ytel {
float: right;
width: 56px;
height: 56px;
}
.nav_section .yemail a,.nav_section .ytel a{display: block;width: 100%;height: 100%;}
.nav_section .ytel a{
background: url("../images/shouji.png") no-repeat center center;
background-color: #E85173;
background-size: 28px;
}
.nav_section .yemail a{
background: url("../images/mail.png") no-repeat center center;
background-color: #D94164;
background-size: 28px;
}
}
@media only screen and (max-width: 768px) {
.nav_section{height: 50px; padding: 0; border: none; margin: 0;background: #BB002B;}
.attr-nav{ position: absolute; right: 50px; top:0; background: #A61E3D; margin: 0;}
.attr-nav .search{width: 50px; height: 50px;}
.wrapper .toggle{width: 50px; height: 50px;}
.nav_section .select dd{top: 50px;}
.height{ padding-top: 45px;}
.nav_section #logo{margin-top: 8px;}
.language_select{margin-right: 100px;}
.language_select dt{height: 50px; line-height: 50px; border-radius: 0px; background: #BB2E4F;}
.language_select dd{top: 50px;}
.nav_section .yemail,.nav_section .ytel {
float: right;
width: 50px;
height: 50px;
}
.n_main .blog_main > h1 {
margin: 0 0 32px;
font-family: Rubik;
font-weight: 300;
font-style: normal;
font-size: 42px;
letter-spacing: 0em;
line-height: 1.2em;
text-transform: none;
color: #1d1d1d;
text-align: center;
}
}
.reveal { position: relative; overflow:hidden;}
.reveal .featured-image { display:block;}
li:hover .reveal .featured-image {
visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.reveal .featured-image {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out
}
.product-additional {
position: absolute;
top: 0px;
visibility: hidden;
left: 0px;
width: 100%;
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out
}
li:hover .product-additional {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.head-share{float:left;list-style:none;}
.head-share li{display:inline-block;}
.head-share li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.head-share li.head-fixed{position:relative;z-index:8888888;}
.head-share li.head-fixed .code{position:absolute;left:50%;top:-200px;padding-top:12px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin-left:-43px;transform:scaleX(0);
-webkit-transition:all var(--transition-time,300ms);-o-transition:all var(--transition-time,300ms); transition:all var(--transition-time,300ms); width: 86px; height: 86px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: #fff; border-radius: 2px;}
.head-share li.head-fixed .code:after{position:absolute;left:50%;bottom:-15px;content:"\f0d7";font-family:FontAwesome;color:#fff;font-size:24px;margin-left:-8px;}
.head-share li.head-fixed:hover .code{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:-104px;z-index:1;visibility:visible;transform:scaleX(1);}
.head-share li.head-fixed .code>div{padding:0;background:#fff;text-align:center;width:86px;}
.head-share li.head-fixed .code>div p{color:#808080;margin-top:5px; font-size:14px;}
.head-share li.head-fixed .code>div img{max-width:100px;max-height:100px;height:auto;}
/*fixed-contact*/
.fixed-contact {
z-index:999999;
position:fixed;
right:0;
top:40%;
width:50px;
margin-top:-90px;
overflow:hidden;
border-radius:0;
opacity:0;
filter:alpha(opacity=0);
transition:all .4s;
transform: translateX(95px);
-webkit-transform: translateX(95px);
-moz-transform: translateX(95px);
background:#0f62af;
}
.fixed-contact.show{ transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i {
z-index:1000;
position:absolute;
right:0;
display:block;
width:50px;
height:50px;
transition:all .4s;
background-repeat: no-repeat;
background-position: center center;
background-image:url(../image/icon.png);
}
.fixed-contact.active li:after {
z-index:1001;
content:'';
position:absolute;
bottom:0;
left:10px;
right:10px;
display:block;
height:1px;
background:rgba(255,255,255,.2);
}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{opacity:.7;}
.fixed-contact .online_p i {
background-position: 0 -262px;
border-top-left-radius:30px;
-moz-border-top-left-radius:30px;
-webkit-border-top-left-radius:30px;
border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;
}
.fixed-contact .online_e i {background-position: -50px -262px;}
.fixed-contact .online_w i {background-position: -150px -262px;}
.fixed-contact .online_s i {background-position: -100px -262px;}
.fixed-contact .online_f i {background-position: -250px -262px;}
.fixed-contact .online_i i {background-position: -300px -262px;}
.fixed-contact .online_code i {background-position: -200px -262px;}
.fixed-contact li a {
position:absolute;
top:0;
right:-135px;
display:block;
width:210px;
line-height:110%;
padding:18px 0 0 30px;
color:#fff;
white-space:nowrap;
transition:all .4s;
font-size:16px;
text-align: right;
font-weight: normal;
opacity: 0;
}
.fixed-contact.active li a {right:60px;}
.fixed-contact .online_code a img{max-width:80px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1;}
@media only screen and (max-width: 768px) {
.fixed-contact{display:none !important;}
.fixed-contact.show{opacity:0;}
}
.mobile_nav{position:fixed;left:0;bottom:0;width:100%;padding:5px 0;display:none;z-index:999999;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:#0f62af;border-top:1px solid #eee;
}
.mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;}
.mobile_nav a i{width:28px;height:28px;display:inline-block;background-repeat:no-repeat;background-image: url(../image/icon.png);}
.mobile_nav a p{color:#fff;padding-top:5px;font-size:14px;text-transform:uppercase;line-height:12px;margin:0;}
.mobile_nav a:nth-child(3){float:right;}
.mobile_nav a:nth-child(4){float:right;}
@media (max-width: 540px) {
.n_main {
margin: 15px 0;
}
.n_main .container > h1 {
font-weight: 800;
font-style: normal;
font-size: 28px;
letter-spacing: 0em;
line-height: 1.3em;
text-transform: none;
margin-bottom: 0.6em;
color: #333;
}
/*.mblockmtree{*/
/* display: none !important;*/
/*}*/
.focon .focon-con {
width: 320px;
background: #fff;
padding: 34px 22px 10px;
position: relative;
}
.focon .focon-con .h2 h2 {
font-size: 22px;
font-family: Dosis,PingFang SC,Tahoma,sans-serif;
}
#topfromverifya {
width: 158px !important;
vertical-align: middle;
}
}
@media (max-width: 375px) {
/*.nav_section .ytel {*/
/* display: none;*/
/*}*/
}