@font-face {
  font-family: 'LT Icon Font';
  src: url("../icon-font/lt-icon-font.eot");
  src: local(''), url("../icon-font/lt-icon-font.eot?#iefix") format('embedded-opentype'), url("../icon-font/lt-icon-font.woff2") format('woff2'), url("../icon-font/lt-icon-font.woff") format('woff'), url("../icon-font/lt-icon-font.ttf") format('truetype');
}

html{ width:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{ margin:0; padding:0; width:100%; color:#595757; font-size:14px; font-family:"Microsoft YaHei",微软雅黑,-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue";position: relative;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td {margin:0; padding:0;}
input,button,select,textarea{ outline:none;}
ul, li { list-style-type: none;}
a{color: #000; text-decoration:none;}
a:hover { color: #000; text-decoration: none;}
i{ display: inline-block; margin: 0; padding: 0;}
img{ border:0;}
a, a:link, a:active, a:visited, a:hover{text-decoration:none;outline:none;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }
/*头模块*/

.header-bar{ width:100%; padding:0 150px; height: 176px; background:#f7f8f8; position:relative;}
header {/* position: fixed; width: 100%;*/ z-index: 100;}
header .email{ height:60px; background:url(../images/global.jpg) no-repeat left 20px; background-size:60px; padding:20px 0 0;}
header .email a{ float:right; height:35px; background:url(../images/email.png) no-repeat; background-size:20px; padding-left:35px;}
header .logo { position:absolute; left:50%; top:40px; margin:0 0 0 -108px;}
header .logo .logoimg { height: 44px;}

    header .menu-toggle {
        border:none;
        position: absolute;
        right: 15px;
        top: 16px;
        text-align: center;
        padding: 3px 6px 6px 6px;
        border-radius: 4px;
        background: #fff;
        display: none;
		z-index:999;
    }

        header .menu-toggle span {
            display: block;
            width: 24px;
            height: 2px;
            background: #000;
            margin: 0;
            padding: 0;
            margin-top: 5px;
			 font-weight:lighter
        }

/***************************display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***************************/
.nav-main {
  /* Layout */
  display: none;
  background: #ffffff;
  left: 0;
  position: fixed;
  top: 115px;
  width: 100%;
  z-index: 40;
  height: calc(100% - 58px);

  /* Generic elements */
  /* Navigation levels */
  /* Sub-nav */
  /* Level 3 */
  /* Level 4 */
  /* Mobile expand button */
  /* Our Markets and Language selector */
  /* Our Markets */
  /* Language selector */
}
header.is-nav-open .nav-main {
  display: block;  
}
.short .nav-main {
    padding: 6px 0 0;
}
@media (min-width: 1367px) {
  .nav-main {
    background: transparent;
    border: 0;
    display: block;
    height: inherit;
    padding-top: 42px;
    position: static;
    overflow-y: visible;
    top: 0;	
  }
  .nav-main:before,
  .nav-main:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-main {
    
  }
}
.nav-main li {
  display: block;
  transition: background 0.15s;
}
.nav-main li .current-page > a {
  text-decoration: underline;
}
.nav-main a {
  display:inline-block; line-height:30px; padding: 0 28px; color:#000; text-decoration:none; font-size: 16px;
  text-transform:uppercase;
}
.nav-main a:hover,
.nav-main a:visited:hover {
  color: #898989; text-decoration:underline;
}
@media (min-width: 1367px) {
  .nav-main a {
    display: inline;
    font-size: 16px;
  }
}
.nav-main .level-1 > li {

    border-top: 1px solid #cdcdcd;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-main .level-1 > li.is-open {
  background: #f5f5f5;
}
@media (min-width: 1367px) {
  .nav-main .level-1 > li.is-open {
    background: none;
  }
}
.nav-main .level-1 > li > a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 18px 25px;
  text-align:left;
}
.nav-main .level-1 > li.current-path > a {

}
@media (min-width: 1367px) {
  .nav-main .level-1 {
    text-align: center;
  }
  .nav-main .level-1 > li {
    border-top: 0;
    display: inline-block;
  }
  .nav-main .level-1 > li > a {
    font-size: 14px;
    padding: 12px 10px;
  }
  .nav-main .level-1 > li.current-path > a,
  .nav-main .level-1 > li.is-open > a {
    color:#898989;
	text-decoration:underline;
  }
}
@media (min-width: 1800px) {
  .nav-main .level-1 > li > a {
    font-size: 15px;
    padding: 12px 18px;
  }
}
@media (min-width: 1367px) {
  .nav-main .level-1 {
    
  }
  .nav-main .level-1 > li > a {
    
  }
}
@media (min-width: 1367px) {
  .nav-main .level-1 > li > a {

  }
}
@media (min-width: 1500px) {
  .nav-main .level-1 {
    margin-left: 0;
  }
  .nav-main .level-1 > li > a {
    padding-bottom:36px;
  }
}
.nav-main .level-2 {
  display: none;
  text-align: left;
}
@media (min-width: 1367px) {
  .nav-main .level-2 {
    background: #000;
    left: 0;
    min-height: 200px;
    padding: 30px 0 35px;
    position: absolute;
    width: 100%;
    z-index: 30;
	overflow:hidden;
  }
  .nav-main .level-2:before,
  .nav-main .level-2:after {
    background: #000;
    bottom: -5px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 9999px;
  }
  .nav-main .level-2:before {
    right: 100%;
  }
  .nav-main .level-2:after {
    left: 100%;
  }
}
.nav-main li.is-open > .level-2 {
  display: block;
}
@media (min-width: 1367px) {
  .nav-main .level-2-wrapper {
    margin: 0 9.97983871%;
    position: relative;
  }
}
@media (min-width: 1367px) {
  .nav-main .level-2-wrapper {
    margin: 0 auto;
    max-width: 778px;
  }
}
.nav-main .level-2-title {
  display: none;
}
@media (min-width: 1367px) {
  .nav-main .level-2-title {
    display: inline-block;
    font-size: 16px;
	padding:0;
    margin-bottom: 15px;
	color:#fff;
	background:url(../images/arrows-white.png) no-repeat right center;
	background-size:12px;
	padding-right:25px;
  }
}
.nav-main .level-2-items a {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 25px;
  text-transform:capitalize;
}
.nav-main .level-2-items .cur{
  cursor:default;
}
.nav-main .level-2-items a .submenu-anchor {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: top;
}
@media (max-width: 767px) {
  .nav-main .level-2-items a .submenu-anchor {
    display: block;
    width: auto;
  }
}
.nav-main .level-2-items a .submenu-icon {
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}
.nav-main .level-2-items a .submenu-icon:before {
  content: "\E901";
  display: block;
  font-family: 'LT Icon Font';
  font-size: 17px;
  font-size: 1rem;
  text-align: center;
}
@media (max-width: 767px) {
  .nav-main .level-2-items a .submenu-icon {
    display: none;
  }
  .nav-main {

  overflow: scroll;}
}
@media (min-width: 1367px) {
  .nav-main .level-2-items {
    width: 26%;
  }
  .nav-main .level-2-items > li {
    padding: 5px 20px 5px 0;
  }
  .nav-main .level-2-items a {
    padding: 0;
	color:#fff;
  }
}
.nav-main .level-2-items li.current-path > a,
.no-touchevents .nav-main .level-2 a:hover {
  text-decoration: underline;
}
.nav-main .level-2-items li.current-path > a .submenu-anchor,
.no-touchevents .nav-main .level-2 a:hover .submenu-anchor {
  text-decoration: underline;
}
.nav-main .level-2-items li.current-path.current-page > a {

}
@media (min-width: 1367px) {
  .nav-main .level-3 {
    display: none;
    background: #151515;
    min-height: 240px;
    padding: 20px 5%;
    position: absolute;
    left: 26%;
    top: 45px;
    width: 74%;
  }
}
@media (min-width: 1367px) {
  .nav-main .level-3.twocolumns > a {
    display: block;
    float: left;
  }
  .nav-main .level-3.twocolumns > a + ul {
    clear: left;
    margin-right: 4%;
  }
  .nav-main .level-3.twocolumns .level-3-items {
    float: left;
    width: 48%;
  }
}
.nav-main li.is-open > .level-3 {
  display: block;
}
.nav-main a.level-3-title {
  display: none;
}
@media (min-width: 1367px) {
  .nav-main a.level-3-title {
    display: inline-block;
    font-size: 20px;
    font-size: 1.17647059rem;
    margin: 10px 0 14px;
  }
}
.nav-main .level-3-items a {
  font-size: 16px;
  font-size: 0.94117647rem;
  padding-left: 50px;
}
@media (min-width: 1367px) {
  .nav-main .level-3-items > li {
    padding: 5px 0;
  }
  .nav-main .level-3-items a {
    padding-left: 0;
  }
}
.nav-main .level-4-items a {
  font-size: 13px;
  font-size: 0.76470588rem;
  padding-left: 75px;
}
@media (min-width: 1367px) {
  .nav-main .level-4-items a {
    display: inline-block;
    line-height: 24px;
    margin: .1rem 0 0 20px;
    padding-left: 0;
  }
}
.nav-main .expand-button {
  display: block;
  border-left: 1px solid #cdcdcd;
  float: right;
  position: relative;
  top: -18px;
  right: -25px;
  height: 56px;
  width: 56px;
}
.nav-main .expand-button:before {
  content: "\E90d";
  display: block;
  font-family: 'LT Icon Font';
  font-size: 40px;
  font-size: 2.35294118rem;
  line-height: 58px;
  text-align: center;
}
@media (min-width: 1367px) {
  .nav-main .expand-button {
    display: none;
  }
}
.nav-main li.is-open .expand-button {
  border-left-color: transparent;
}
.nav-main li.is-open .expand-button:before {
  content: "\E90a";
}
.nav-main .nav-main-close {
  display: none;
}
@media (min-width: 1367px) {
  .touchevents .nav-main .nav-main-close {
    display: block;
    font-family: 'LT Icon Font';
    font-size: 32px;
    font-size: 1.88235294rem;
    line-height: 32px;
    position: absolute;
    right: -8.5%;
    top: 10px;
    z-index: 30;
  }
  .touchevents .nav-main .nav-main-close:before {
    content: "\E904";
    margin-left: 4px;
  }
  .touchevents .nav-main .nav-main-close:hover {
    text-decoration: none !important;
  }
}
.nav-main .extra-links {
  /* Emulate .wrapper */
  /* */
}
@media (min-width: 1367px) {
  .nav-main .extra-links {
    margin: 0 3.5%;
    width: 93%;
  }
}
@media (min-width: 1367px) {
  .nav-main .extra-links {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .nav-main .extra-links {
    margin: 0 calc((100% - 1340px)/2);
    max-width: 1340px;
  }
}
@media (min-width: 1367px) {
  .nav-main .extra-links {
    font-size: 12px;
    font-size: 0.70588235rem;
    letter-spacing: 0.5px;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .nav-main .extra-links a {
    text-decoration: none;
  }
  .nav-main .extra-links a:hover {
    color: #8d8d8d;
  }
  .nav-main .extra-links ul {
    float: right;
    padding: 0;
    text-transform: uppercase;
  }
  .nav-main .extra-links ul li {
    float: left;
  }
  .nav-main .extra-links ul li.active {

  }
}
@media (min-width: 1367px) {
  .nav-main .markets-menu {
    margin-left: 24px;
    text-transform: uppercase;
  }
  .nav-main .markets-menu.level-1 > li > a {
    border-bottom: 0;
    font-size: 12px;
    font-size: 0.70588235rem;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
  }
}
.nav-main .language-selector-menu ul {
  display: inline-block;
}
.nav-main .language-selector-menu ul li {
  display: inline-block;
}
.nav-main .language-selector-menu ul li:after {
  background-color: #2c2c2c;
  content: '';
  display: block;
  float: right;
  height: 14px;
  margin: 0 8px;
  position: relative;
  top: 2px;
  width: 1px;
}
.nav-main .language-selector-menu ul li:last-child:after {
  display: none;
}
.nav-main .language-selector-menu ul li a {
  font-size: 12px;
  font-size: 0.70588235rem;
  display: inline;
  text-transform: uppercase;
}
.nav-main .language-selector-menu ul li.active a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .nav-main .language-selector-menu {
    background-color: #f5f5f5;
    border-top: 1px solid #cdcdcd;
    font-size: 15px;
    font-size: 0.88235294rem;
    padding: 0;
	height:1px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .nav-main .language-selector-menu span {
    margin-right: 14px;
    text-transform: uppercase;
  }
  .nav-main .language-selector-menu ul li {
    height: 22px;
  }
  .nav-main .language-selector-menu ul li:after {
    background-color: #cdcdcd;
    height: 28px;
    top: -4px;
  }
  .nav-main .language-selector-menu ul li a {
    font-size: 15px;
    font-size: 0.88235294rem;
  }
}




.short{ position:fixed;top:0;left:0; z-index:200; box-shadow: 0 2px 2px rgba(0,0,0,.1); height: 70px;/*transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;*/}
.short .email{ display:none;}
.short .logo{ position:static; float:left; height: 35px; margin:22px 0 0 0;}
.short .logo .logoimg { height: 22px;}

.short .nav-main .level-1 > li > a{ padding:18px 25px;}




.thover{ top:75px !important;}
/*主内容*/
.main {
    width: 100%;
    min-height: calc(100% - 111px);
}
.fl{ float:left;}
.fr{ float:right;}

footer { width:100%; background:#000; color: #fff; font-size: 14px;}
footer .footer-container{ width: 70%; max-width:1320px; margin:0 auto; padding:30px 0 0; overflow:hidden;}
footer .copyright_address{ float:left; width:66%; padding:0 0 25px 0; overflow:hidden;}
footer .copyright_address ul{ margin:10px 0 0;}
footer .copyright_address ul li{ font-size:14px; font-weight:lighter;}
footer .copyright_address ul li.note1{ background:url(../images/icon_home.png) no-repeat left 2px; background-size:12px; padding:0 0 15px 22px;}
footer .copyright_address ul li.note2{ background:url(../images/icon_address.png) no-repeat left 2px; background-size:10px; padding:0 0 15px 22px;}
footer .copyright_address ul li.note3{ background:url(../images/icon_email.png) no-repeat left 5px; background-size:12px; padding:0 0 15px 22px;}
footer .copyright_address ul li.note4{ background:url(../images/icon_tel.png) no-repeat left 3px; background-size:12px; padding:0 0 15px 22px;}
footer .copyright_address ul li a{ color:#fff;}
footer .copyright_address ul li a:hover{ padding-bottom:2px; border-bottom:1px solid #fff;}
footer .copyright_address a{ color:#fff;}
footer .copyright_wechat { float:right; width:200px; color:#fff; font-weight:lighter;}
footer .copyright_wechat dl{ margin:10px 0 30px;}
footer .copyright_wechat dl dt,footer .copyright_wechat dl dd{ color:#fff;}
footer .copyright_wechat dl.note1{ position:relative;}
footer .copyright_wechat dl.note1 dt{ background:url(../images/icon_wechat.png) no-repeat left 2px; background-size:14px; padding:0 0 15px 25px;}
footer .copyright_wechat dl.note1 .pic{ position:absolute; top:0; left:140px;}
footer .copyright_wechat dl.note2 dt{ background:url(../images/icon_whatsapp.png) no-repeat left 2px; background-size:14px; padding:0 0 15px 25px;}
footer .copyright_wechat dl dd a{ color:#fff;}
footer .copyright_note{ clear:left; width:100%; padding:0 0 20px; line-height:28px; font-weight:lighter; overflow:hidden;}
footer .copyright_note a{ color:#fff;}
footer .copyright_note a:hover{ padding-bottom:2px; border-bottom:1px solid #fff;}
footer .copyright_note .desc{ float:left;}
footer .copyright_note .link{ float:right; width:200px;}
footer .copyright_note .link a{ height:20px; border:none; padding:0 20px 0 0; margin:16px 0 0;}

.maBox{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); display:none;}
.maBox img{ position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px; border:1px solid #ccc;}

.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999;
 _position:absolute; 
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 /* for IE6 */ overflow:visible;}
.izl-rmenu .btn{width:51px; height:51px; margin-bottom:9px; cursor:pointer; position:relative;}
.izl-rmenu .btn-top{font-family:Arial, Helvetica, sans-serif; width:45px;height:45px; border-radius:5px; padding:5px 0 0;line-height:45px;text-align:center;background-image:url(../images/icon_top.png);background-position:center 9px; background-size:10px; background-repeat:no-repeat;background-color:#000;color:#fff;font-size:14px;font-weight:bold;cursor:pointer; display:none;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.izl-rmenu .btn-top:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*万能遮挡层*/
.all_bk { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 40; background: rgba(0,0,0,0.5); display: none;}

.short .nav-main .level-1{ text-align:right;}/*****banner changdu 2019-3-17********/
header .logo .left, header .logo .right, header .menu {display: block;}
header .menu-toggle {display: none;}
.wap,.g_fnva,.maBox{ display:none}
.pc{ display:block}
.wap{ display:none}
.ipad{ display:none !important;}

@media (max-width: 1679px) {
footer .footer-container{ width:85%;}
.header-bar{ padding:0 50px;}

}
@media (max-width: 1460px) {
.header-bar{ padding:0 50px;}
}
@media (max-width: 1380px){
.short .nav-main .level-1 > li > a{ padding:18px 25px;}
}
@media (max-width: 1366px){
header{ width:100%; position: fixed;top:auto;left: 0;height: 58px;padding: 18px 0 0 0;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.short header{ padding:0; height:58px;}
.short .logo{ margin:18px 0 0;}
header .logo { position:static; padding:0;float:none;margin:0 auto;}
header .logo .logoimg { width:auto; height: 22px;margin-left:25px; display:inline-block;}
header .email{ display:none;}
header .menu-toggle{ display:block;}
.header-bar{ height:58px; padding:0; background:#fff;}
header.is-nav-open .menu-toggle{ width:36px; height:36px; background:url(../images/icon_on.png) no-repeat center center; background-size:32px;}
header.is-nav-open .menu-toggle span{ display:none}
header .menu-toggle { display: block; top: 12px;}
.nav-main{ top:58px; display:none}
.nav-main .level-1 > li {background:#fff;}

}

/* iPads (portrait) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)
and (orientation : portrait) {  
html{ width:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{ margin:0; padding:0; width:100%; color:#000; font-size:.875rem; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial, Helvetica, sans-serif;position: relative;background-color: #fff;}
body *{text-shadow: none;}
input,button,select,textarea{ outline:none;}
ul, li { list-style-type: none;}
a{color: #000; text-decoration:none;}
i{ display: inline-block; margin: 0; padding: 0;}
a, a:link, a:active, a:visited, a:hover{text-decoration:none;outline:none;}
p,img{ padding: 0; margin: 0;}
img{ max-width:100%; display:block;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }
.product-list-container .product-list .note a.pc{ display:none !important;}
.ipad{ display:block !important;}

.deviceWap { width:100%; height:500px; position: relative; z-index:10; background:url(../images/loading.gif) no-repeat center center;}
.deviceWap:hover .arrow-left0, .deviceWap:hover .arrow-right0{ display:none;}
.deviceWap .arrow-left0 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_pre.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .arrow-right0 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_nex.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .swiper-container { height:500px;width: 100%; overflow:hidden}
.deviceWap .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover !important; position:relative;}
.deviceWap .swiper-content{ width:auto; height:210px; text-align:center; margin:22% 0 0;}
.deviceWap .swiper-content h3{ font-size:20px; font-weight:bold; color:#fff; padding:0 0 20px; display:inline-block; position:relative;}
.deviceWap .swiper-content h3:after,.deviceWap .swiper-content h3:before{ position:absolute; top:-10px; width:28px; height:70px; background-repeat:no-repeat; display:block; content:"";}
.deviceWap .swiper-content h3:before{ left:-45px; background:url(../images/banner_a.png) no-repeat left 10px; background-size:20px;}
.deviceWap .swiper-content h3:after{ right:-45px; background:url(../images/banner_b.png) no-repeat right 10px; background-size:20px;}
.deviceWap .swiper-content h4{ font-size:14px; font-weight:normal; color:#fff; line-height:30px;}
.deviceWap .pagination1 { z-index:99; position: absolute; left: 0; text-align: center; bottom:26px; width: 100%;}
.deviceWap .swiper-pagination-switch {display: inline-block;width: 7px;height: 7px;border-radius: 7px;background: #fff;margin: 0 8px;cursor: pointer;}
.deviceWap .swiper-visible-switch { background: #fff;}
.deviceWap .swiper-active-switch { width: 6px; height: 6px; border-radius: 6px; background:#8e8e8e; border:1px solid #8e8e8e;}
.deviceWap .swiper-slide a{ width:100%; height:500px; display:block;}

.short .nav-main{ padding:0;}
.header-bar, header {height: 58px;}
header{ width:100%; position:fixed;top:auto;left: 0;height: 58px;padding:0;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.short{ padding:0;}
header .menu-toggle{ top:13px;}
header .logo { position:absolute; top:18px; left:0; padding:0;float:none;margin:0 auto;}
header .logo .logoimg { width:auto; height: 22px;margin-left:25px; display:inline-block;}
.short .logo{ height: 22px; margin: 0; position:absolute; top:18px; left:0;}
header .email{ display:none;}
.header-bar{ padding:0;}
header.is-nav-open .menu-toggle{ width:36px; height:36px; background:url(../images/icon_on.png) no-repeat center center; background-size:32px;}
header.is-nav-open .menu-toggle span{ display:none}
header .menu-toggle { display: block; top: 12px;}

.level-1-items{ overflow:hidden; margin:0 0 -17px 0;}
.nav-main .level-1 > li:last-child{border-bottom: 1px solid #cdcdcd;}


/***footer****/
footer .footer-container{ width:94%; max-width:none;}
footer .copyright_address{ width:50%; text-align:left; padding:0;}
footer .copyright_address ul li{ font-weight:normal;}
footer .copyright_wechat{ width:200px; font-weight:normal;}

footer .copyright_note{ font-weight:normal; padding:0 0 20px 0;}
footer .copyright_note .link { padding:0 ;}
footer .copyright_note .link img{ display:inline !important;}
/*******/

.izl-rmenu { margin-right: 12px;}
}

/* iPads (portrait) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
html{ width:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{ margin:0; padding:0; width:100%; color:#000; font-size:.875rem; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial, Helvetica, sans-serif;position: relative;background-color: #fff;}
body *{text-shadow: none;}
input,button,select,textarea{ outline:none;}
ul, li { list-style-type: none;}
a{color: #000; text-decoration:none;}
i{ display: inline-block; margin: 0; padding: 0;}
a, a:link, a:active, a:visited, a:hover{text-decoration:none;outline:none;}
p,img{ padding: 0; margin: 0;}
img{ max-width:100%; display:block;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }
.product-list-container .product-list .note a.pc{ display:none !important;}
.ipad{ display:block !important;}

.deviceWap { width:100%; height:500px; position: relative; z-index:10; background:url(../images/loading.gif) no-repeat center center;}
.deviceWap:hover .arrow-left0, .deviceWap:hover .arrow-right0{ display:none;}
.deviceWap .arrow-left0 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_pre.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .arrow-right0 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_nex.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .swiper-container { height:500px;width: 100%; overflow:hidden}
.deviceWap .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover !important; position:relative;}
.deviceWap .swiper-content{ width:auto; height:210px; text-align:center; margin:18% 0 0;}
.deviceWap .swiper-content h3{ font-size:20px; font-weight:bold; color:#fff; padding:0 0 20px; display:inline-block; position:relative;}
.deviceWap .swiper-content h3:after,.deviceWap .swiper-content h3:before{ position:absolute; top:-10px; width:28px; height:70px; background-repeat:no-repeat; display:block; content:"";}
.deviceWap .swiper-content h3:before{ left:-45px; background:url(../images/banner_a.png) no-repeat left 10px; background-size:20px;}
.deviceWap .swiper-content h3:after{ right:-45px; background:url(../images/banner_b.png) no-repeat right 10px; background-size:20px;}
.deviceWap .swiper-content h4{ font-size:14px; font-weight:normal; color:#fff; line-height:30px;}
.deviceWap .pagination1 { z-index:99; position: absolute; left: 0; text-align: center; bottom:26px; width: 100%;}
.deviceWap .swiper-pagination-switch {display: inline-block;width: 7px;height: 7px;border-radius: 7px;background: #fff;margin: 0 8px;cursor: pointer;}
.deviceWap .swiper-visible-switch { background: #fff;}
.deviceWap .swiper-active-switch { width: 6px; height: 6px; border-radius: 6px; background:#8e8e8e; border:1px solid #8e8e8e;}
.deviceWap .swiper-slide a{ width:100%; height:500px; display:block;}

.header-bar, header {height: 58px;}
header{position:fixed;top:auto;left: 0;height: 58px;padding: 18px 0 0 0;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.short{ height:58px; padding: 13px 0 0 0;}
header .menu-toggle{ top:13px;}
header .logo {padding:0;float:none;margin:0 auto;}
header .logo .logoimg { width: auto; height: 22px; margin-left: 15px; display: inline-block;}
header .email{ display:none;}
.header-bar{ padding:0; background:#fff;}
header.is-nav-open .menu-toggle{ width:36px; height:36px; background:url(../images/icon_on.png) no-repeat center center; background-size:32px;}
header.is-nav-open .menu-toggle span{ display:none}
header .menu-toggle { display: block; top: 12px;}
.nav-main{ top:58px;}


/***footer****/
footer .footer-container{ width:94%; max-width:none;}
footer .copyright_address{ width:39%; text-align:left;}
footer .copyright_address ul li{ font-weight:normal;}
footer .copyright_wechat{ width:200px; font-weight:normal;}
footer .copyright_note{ font-weight:normal;}
footer .copyright_note .link{ padding:0;}
footer .copyright_note .link img{ display:inline !important;}

.izl-rmenu { margin-right: 12px;}
}


@media (max-width: 767px) {
html{ width:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{ margin:0; padding:0; width:100%; color:#000; font-size:.875rem; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial, Helvetica, sans-serif;position: relative;background-color: #fff;}
body *{text-shadow: none;}
input,button,select,textarea{ outline:none;}
ul, li { list-style-type: none;}
a{color: #000; text-decoration:none;}
i{ display: inline-block; margin: 0; padding: 0;}
a, a:link, a:active, a:visited, a:hover{text-decoration:none;outline:none;}
p,img{ padding: 0; margin: 0;}
img{ width:100%; display:block;}
*, *:after, *:before{ padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }

.pc{ display:none !important;}
.wap{ display:block;}
.ipad{ display:block !important;}
.deviceWap { width:100%; height:500px; position: relative; z-index:10; background:url(../images/loading.gif) no-repeat center center;}
.deviceWap:hover .arrow-left0, .deviceWap:hover .arrow-right0{ display:none;}
.deviceWap .arrow-left0 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_pre.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .arrow-right0 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 26px; height: 65px; background:url(../images/store_nex.png) center center no-repeat; transition:all 0.3s ease-out; display:none;}
.deviceWap .swiper-container { height:500px;width: 100%; overflow:hidden;}
.deviceWap .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover !important; position:relative;}
.deviceWap .swiper-content{ width:auto; height:210px; text-align:center; margin:40% 0 0;}
.deviceWap .swiper-content h3{ font-size:20px; font-weight:bold; color:#fff; padding:0 0 20px; display:inline-block; position:relative;}
.deviceWap .swiper-content h3:after,.deviceWap .swiper-content h3:before{ position:absolute; top:-10px; width:28px; height:70px; background-repeat:no-repeat; display:block; content:"";}
.deviceWap .swiper-content h3:before{ left:-45px; background:url(../images/banner_a.png) no-repeat left 10px; background-size:20px;}
.deviceWap .swiper-content h3:after{ right:-45px; background:url(../images/banner_b.png) no-repeat right 10px; background-size:20px;}
.deviceWap .swiper-content h4{ font-size:14px; font-weight:normal; color:#fff; line-height:30px;}
.deviceWap .pagination1 { z-index:99; position: absolute; left: 0; text-align: center; bottom:26px; width: 100%;}
.deviceWap .swiper-pagination-switch {display: inline-block;width: 7px;height: 7px;border-radius: 7px;background: #fff;margin: 0 8px;cursor: pointer;}
.deviceWap .swiper-visible-switch { background: #fff;}
.deviceWap .swiper-active-switch { width: 6px; height: 6px; border-radius: 6px; background:#8e8e8e; border:1px solid #8e8e8e;}
.deviceWap .swiper-slide a{ width:100%; height:500px; display:block;}

.header-bar, header {height: 58px;}
header{ width:100%; position: fixed;top:auto;left: 0;height: 58px;padding: 18px 0 0 0;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.short header{ padding:0;}.short .logo{ margin:18px 0 0;}
header .logo { position:static; padding:0;float:none;margin:0 auto;}
header .logo .logoimg { width:auto; height: 22px;margin-left:15px; display:inline-block;}
header .email{ display:none;}
.header-bar{ padding:0; background:#fff;}
header.is-nav-open .menu-toggle{ width:36px; height:36px; background:url(../images/icon_on.png) no-repeat center center; background-size:32px;}
header.is-nav-open .menu-toggle span{ display:none}
header .menu-toggle { display: block; top: 12px;}
.nav-main{ top:58px;}

.pages{ padding:0 0 20px;}
.pages a{ padding:5px 10px; line-height:20px; font-size:12px;}

.level-1-items{ overflow:hidden;}
.nav-main .level-1 > li:last-child{border-bottom: 1px solid #cdcdcd;}
/***footer****/
footer .footer-container{ width:94%; max-width:none;padding-bottom: 20px;}
footer .copyright_address{ width:100%; text-align:left; padding:0;}
footer .copyright_address ul li{ font-weight:normal;}
footer .copyright_wechat{ width:100%; padding-left:0;}
footer .copyright_wechat dl{ width:100%; height:34px; margin:0;}
footer .copyright_wechat dl.note1 .pic{ display:none;}
footer .copyright_wechat dl dt{ float:left; text-indent:-9999px;}
footer .copyright_wechat dl dd{ float:left; font-weight:normal;}
footer .copyright_wechat dl.note1 dt{ background: url(../images/icon_wechat.png) no-repeat left 4px; background-size: 14px; padding:0 0 0 22px;}
footer .copyright_wechat dl.note2 dt{ background-size:13px; padding:0 0 0 22px;}

footer .copyright_note{ clear:both; font-weight:normal; padding:20px 0 0 0; text-align:center;}
footer .copyright_note .link { float:none; width:100%; padding:0; text-align:center;}
footer .copyright_note .link img{ width:22px; display:inline !important; margin:10px 5px 0;}
footer .copyright_note .link a{ margin:0; height:auto; padding:0;}


.maBox{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); display:none;}
.maBox img{ position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px; border:1px solid #ccc;}

.izl-rmenu { margin-right: 12px;}



}


/*--------------------------------------------------------------
 # Layouts
 --------------------------------------------------------------*/
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.1.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover
 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #d82128;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
#hide{ display:none;}
.cookiebar {
  background:#f7f8f8; 
  padding: 10px 0;
  position: fixed;
  display:none;
  top: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .cookiebar {
    padding: 10px 0;
  }
}
body.cookie-notification .cookiebar {
  display: block;
}
.cookiebar .cookiebar-panel {
  margin: 0 3.5%;
  width: 93%;
  *zoom: 1;
  border: 1px solid #2c2c2c;
  font-size: 12px;
  padding: 10px;
  position: relative;
}
.cookiebar .cookiebar-panel a{ text-decoration:underline;}
@media (min-width: 992px) {
  .cookiebar .cookiebar-panel {
    margin: 0 5.33333333%;
    width: 89.33333333%;
  }
}
@media (min-width: 1500px) {
  .cookiebar .cookiebar-panel {
    margin: 0 auto;
    max-width: 1340px;
  }
}
.cookiebar .cookiebar-panel:before,
.cookiebar .cookiebar-panel:after {
  content: " ";
  display: table;
}
.cookiebar .cookiebar-panel:after {
  clear: both;
}
@media (min-width: 768px) {
  .cookiebar .cookiebar-panel {
    padding-left: 30px;
  }
}
.cookiebar .cookiebar-panel p {
  margin: 0 0 5px;
  width: 100%;
}
@media (min-width: 480px) {
  .cookiebar .cookiebar-panel p {
    margin: 0 2% 0 0;
    width: 83%;
  }
}
.cookiebar .cookiebar-panel button {
  background-color: #000;
  border: none;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  max-width: 105px;
  padding: 4px 0;
  width: 25%;
  box-sizing: border-box;
  text-indent:0;
}
@media (min-width: 480px) {
  .cookiebar .cookiebar-panel button {
    float: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15%;
  }
}