html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#c_portalResnav_main-15614519444735577 .en{ margin-right:50px; font-size:16px; color:#fff; } body *{ word-break: break-word !important; font-family:Arial !important; } body{ color:#333; font-size:0.875rem; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; font-family:Arial, Helvetica, sans-serif !important; } .title_main { overflow: hidden; max-width: 600px; color: #3f3f3f !important; white-space: nowrap; font-weight: normal; display: inline-block; margin-bottom: 20px; vertical-align: middle; font-size: 36px; line-height: 40px; text-overflow: ellipsis; } p{word-break: normal;} div{word-break: normal;} body .e_title { font-family:Arial, Helvetica, sans-serif !important; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style,.reset_style span{ font-family:Arial, Helvetica, sans-serif !important; } #c_portalResnav_main-15616419386487420{Z-INDEX: 999 !important;TOP: 0px !important;width: 100% !important;POSITION: fixed !important;shadow-distance: 2px;right:0 !important;bottom: auto !important;min-height: 76px !important;left:auto !important; background-color: #ffffff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);} #c_portalResnav_main-15614519444735577.fixed{ background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); } #c_portalResnav_main-15614519444735577.fixed .search .forward:before{ content:"\e661"; color:#080404; } #c_portalResnav_main-15614519444735577.fixed .search .en{ color:#080404; } #c_portalResnav_main-15614519444735577 .logBox a{ background:url(/img/lg_sy.png?tenantId=173529&viewType=1) no-repeat 0 0; display:block; width:322px; height:37px; } #c_portalResnav_main-15614519444735577.fixed .logBox a{ background:url(/img/lg_sy.png?tenantId=173529&viewType=1) no-repeat 0 0 !important; display:block; width:322px; height:37px; } .fixed h3.navTitBox a::after{ background:url(/img/menu_dbac2.png?tenantId=173529&viewType=1) no-repeat left center !important; } .fixed .search { background: url(/img/mmp2.png?tenantId=173529&viewType=1) no-repeat 0 50% !important; } .fixed .navLink:Hover{ color: #ee1c23 !important; } #c_portalResnav_main-15614519444735577.fixed .navLink{ color: #3a3a3a; } #c_portalResnav_main-15614519444735577 .navLi:hover .navLink { } #c_portalResnav_main-15614519444735577{shadow-distance: 2px;right:0 !important;bottom: auto !important;min-height: 76px !important;left:auto !important;} @media screen and (max-width: 768px) { .ml{ float: left; color: #fff; width: 150px; } #w_grid-1581927590463 { width: 90%; max-width: 1400px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResNews_list-15819209503726108 { width: 90%; max-width: 1460px; min-width: 320px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResProduct_detail-15819920191509543 { width: auto; max-width: 100%; min-width: 250px; height: auto; max-height: 100%; min-height: 0px; margin-top: 30px; margin-left: 0px ; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px ; padding-right: 0px; padding-bottom: 0px; } .rz img { margin: 1%; max-width: 47% !important; padding: 10px; border: #e1e1e1 1px solid; } #c_portalResIntro_detail-15819165636240022 { width: 90%; max-width: 1440px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .sanma_title .sanma_t3 { font-size: 35px !important; font-weight: bold; color: #444; position: relative; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif !important; margin-bottom: 40px; } #w_grid-1578469981058 { width: 90%; max-width: 1420px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 80px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1578469981078 span { font-size:24px !important; } #c_portalResnav_main-15614519444735577 .en { margin-right: 50px !important; font-size: 14px !important; color: #343434 !important; margin-top: -30px !important; } #c_portalResnav_main-15614519444735577 {background-color: #ffffff !important;POSITION: absolute !important;} .sanma_bt .sanma_text h2 { font-size: 16px !important; font-weight: bold; margin-bottom: 8px; } .gn{display:None;} .e_ContentMajorStyleBox-001 .title_main::after { content: ''; margin: 8px auto; background: #e3e3e3; display: inline-block; width: 20px !important; height: 2px; margin-left: 30px; position: relative; z-index: 1; } .e_ContentMajorStyleBox-001 .title_main::before { content: ''; margin: 8px auto; background: #e3e3e3; display: inline-block; width: 20px !important; height: 2px; margin-right: 30px; position: relative; z-index: 1; } #c_portalResnav_main-15616419386487420 .logBox a{ background:url(/img/mb11.png?tenantId=173529&viewType=1) no-repeat 0 0 !important; display:block; width:155px; height:60px; } #c_portalResnav_main-15614519444735577 .logBox a{background: url(/img/ml.jpg?tenantId=173529&viewType=1) no-repeat 0 0 !important;display:block;width: 212px;margin-top: 12px !important;} #c_portalResnav_main-15614519444735577.fixed .logBox a{ background:url(/img/mb11.png?tenantId=173529&viewType=1) no-repeat 0 0 !important; display:block; width:140px;margin-top:0px !important; height:67px; } } .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); } .clearBoth { clear:both; width:100%; height:0px; font-size:0; overflow:hidden; line-height:0; } a { max-width: 100%; outline: 0 none; text-decoration: none; color:#333; } a:hover { text-decoration:none; color:#333; } a:link { text-decoration:none; color:#333; } a:visited { text-decoration:none; color:#333; } a:active { text-decoration:none; color:#333;} a:focus { outline:none; -moz-outline:none; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #727272; color: #fff; border-color: #494949; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } @font-face { font-family: 'bebas'; src: url('/upload/font/bebas.eot?tenantId=173529&viewType=1&fs1fbn'); src: url('/upload/font/bebas.eot?tenantId=173529&viewType=1&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/bebas.woff?tenantId=173529&viewType=1&fs1fbn') format('woff'), url('/upload/font/bebas.ttf?tenantId=173529&viewType=1&fs1fbn') format('truetype'), url('/upload/font/bebas.svg?tenantId=173529&viewType=1&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: '111'; src: url('/upload/font/sans.eot?tenantId=173529&viewType=1&fs1fbz'); src: url('/upload/font/sans.eot?tenantId=173529&viewType=1&#iefixfs1fbz') format('embedded-opentype'), url('/upload/font/sans.woff?tenantId=173529&viewType=1&fs1fbz') format('woff'), url('/upload/font/sans.ttf?tenantId=173529&viewType=1&fs1fbz') format('truetype'), url('/upload/font/sans.svg?tenantId=173529&viewType=1&fs1fbz#icomoon') format('svg'); font-weight: normal; font-style: normal; } .col-lg-1-3 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (min-width: 1200px) { .col-md-1 { width: 8.5%; float: left; } .col-lg-1-2 { width: 11%; float: left; } .col-lg-1-3 { width: 36.827777%; float: left; padding-left:40px; } .f_ewm { float: right; } .footer .col-md-2 { width: 9.66666667%; } .footer .clearBoth,.footer_box .clearBoth{ display:none; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .col-md-1 { width: 10.9%; float: left; } .col-lg-1-3 { width: 28.777777%; float: left; } .f_ewm { float: right; } .footer .col-md-2 { width: 14.66666667%; } .footer .clearBoth,.footer_box .clearBoth{ display:none; } } .footer { padding:40px 15px 20px; } .foot_text01 { margin-bottom: 10px; } .footer img { max-width: 100%; } .footer .nav ul { margin: 0; padding: 0; } .footer .nav li { list-style: none; display: inline-block; margin-right: 10%; line-height: 1.8; } .footer .nav a { text-decoration: none; color: #b9baba; } .footer .nav a:hover { color: #fff; } .footer .nav .current a { background: #999; color: #fff; border-radius: 5px; } .footer .foot_text01 { padding-bottom: 3%; } .foot_texttitle { color: #fff; margin-bottom: 15px; font-size: 1rem; } .foot_add h2 { font-size: 1.5rem; font-weight: bold; color:#fff; margin-bottom:10px; } .foot_add { margin-bottom: 25px; color: #b9baba; padding-bottom: 25px; } .f_tel { padding-left: 28px; background: url(/img/tel_ico.png?tenantId=173529&viewType=1) no-repeat 0 6px; margin-bottom: 10px; font-size: 1.5rem; font-family: "bebas"; color:#fff; } .f_add { padding-left: 28px; background: url(/img/add_ico.png?tenantId=173529&viewType=1) no-repeat 0 0; } .foot_add:last-child{ margin-bottom:15px; padding-bottom:15px; } .ewm_tetle, .ewm_img { color: #b9baba; text-align: center; margin-top: 5px; } .footer_box{ color:#b9baba; text-align: center; padding:18px 15px; } .footer_box a { text-decoration: none; color: #b9baba; } .footer_box a:hover { color: #fff; } @media screen and (max-width: 600px) { .footer .nav { position: relative; min-height: 40px; } .footer .nav ul { padding: 5px 0; border: solid 1px #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); } .footer .nav li { display: none; margin: 0; } .footer .nav .current { display: block; } .footer .nav a { text-align: left; padding-left: 2% } .footer .nav .current a { background: none; color: #b9baba; } .footer .nav ul:hover { background-image: none; } .footer .nav ul:hover li { display: block; } .footer .clearBoth,.footer_box .clearBoth{ display:block; } } .clearBoth { clear: both; width: 100% !important; height: 0px !important; font-size: 0 !important; overflow: hidden; line-height: 0 !important; margin: 0 !important; float: none !important; } .sanma_title { text-align: center; } .sanma_title .sanma_t1 { font-size: 35px; color: #d9d9d9; line-height: 0.9em; font-family: Arial, Helvetica, sans-serif !important; } .sanma_title .sanma_t2 { font-size: 3rem; font-weight: bold; color: #f2e9d1; line-height: 1em; margin-bottom: 15px; } .sanma_title .sanma_t3 { font-size: 38px; font-weight: bold; color: #444; position: relative; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif !important; margin-bottom: 40px; } .sanma_title .sanma_t3::before { content: ''; background: #d7d7d7; display: inline-block; width: 46px; height: 2px; z-index: 1; position: absolute; bottom: 0; left: 50%; margin-left: -23px; } .sanma_bt { position: absolute; left: 4vw; height: 76px; top: 50%; margin-top: -38px; } .sanma_bt .sanma_ico { float: left; margin-right: 18px; } .sanma_bt .sanma_ico img { height: 76px; width: auto !important; } .sanma_bt .sanma_text { float: left; color: #fff; } .sanma_bt .sanma_text h2 { font-size: 20PX; font-weight: bold; MARGIN-TOP: 18PX; margin-bottom: 8px; } .sanma_bt .sanma_text h3 { font-size: 12px; font-family: Arial; position: relative; padding-bottom: 12px; text-transform: Uppercase; } .sanma_bt .sanma_text h4 { font-size: 12px; position: relative; padding-bottom: 12px; } .sanma_bt .sanma_text h3::before { content: ''; background: #fff; display: none; width: 40px; height: 3px; z-index: 1; position: absolute; bottom: 0; left: 0; } .sanma_bt .sanma_text h4::before { content: ''; background: #fff; display: none !important; width: 40px; height: 3px; z-index: 1; position: absolute; bottom: 0; left: 0; } .e_ContentMajorStyleBox-001 .p_stylebox .title_main { text-align: center; font-size: 36px !important; color: #d5b550 !important; width: 100%; height: auto !Important; max-width: none !important; position: relative; text-overflow: initial !important; display: block !important; white-space: initial!important; line-height: 45px; padding: 10px 10px; } .e_ContentMajorStyleBox-001 .stylebox_top{ background: none !important; height: auto !important; margin-top: 25px; } .e_ContentMajorStyleBox-001 .stylebox_title{ background: none !important; height: auto !important; width: 100% !important; padding: 0 50px; } .e_ContentMajorStyleBox-001 .stylebox_content{ border: 0px solid #ccc !important; } .e_ContentMajorStyleBox-001 .title_main::after { content: ''; margin: 8px auto; background: #e3e3e3; display: none; width: 60px; height: 2px; margin-left: 30px; position: relative; z-index: 1; } .e_ContentMajorStyleBox-001 .title_main::before { content: ''; margin: 8px auto; background: #e3e3e3; display: inline-block; width: 60px; height: 2px; display: none; margin-right: 30px; position: relative; z-index: 1; } @media only screen and (max-width: 768px){ #w_grid-1561548600741 > div > .p_gridbox{ overflow: hidden!important; } } body * { word-wrap: break-word; }
/* ==========================================================================
* header
==========================================================================*/
#header {
position: absolute;
width: 100%;
z-index: 999;
}
.max-lg-size #header {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transition: left 0.3s;
transition: left 0.3s;
}
.min-lg-size #header .container-h {
max-width: 1280px;
margin: 0 auto;
position: relative;
}
#header .header-top {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: rgba(60, 60, 60, 0.7);
}
.min-lg-size #header .header-top {
zoom: 1;
height: 60px;
}
.min-xl-size #header .header-top {
zoom: 1;
height: 90px;
}
.max-lg-size #header .header-top {
height: 50px;
z-index: 11;
width: 100%;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
#header .header-top .container {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
.max-lg-size #header .header-top .bg {
position: fixed;
z-index: 5;
background-color: transparent;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
#header .header-top .logo {
display: inline-block;
height: 100%;
z-index: 99;
width: 90px;
height: 52px;
position: absolute;
left: 15px;
top: 20px;
}
.min-lg-size #header .header-top .logo {
top: 5px;
background: url(images/logo2.png) center center no-repeat;
}
.min-xl-size #header .header-top .logo {
top: 20px;
background: url(images/logo2.png) center center no-repeat;
}
.max-lg-size #header .header-top .logo {
background: url(images/logo2.png) top center no-repeat;
background-size: auto 85%;
width: 80px;
top: 4px;
left: 50%;
height: 50px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#header .navbar-toggler {
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 999;
background: #3c3c3c;
color: #fff;
height: 50px;
border: 0;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.min-lg-size #header .navbar-toggler {
display: none;
}
#header .navbar-toggler .text {
font-size: 0.72rem;
line-height: 0;
margin-top: -5px;
padding: 0;
}
#header .navbar-toggler .line {
border-bottom: 1px solid #fff;
display: block;
margin-bottom: 3px;
}
#header .nav-main {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.min-lg-size #header .nav-main {
padding-left: 120px;
width: 100%;
height: 100%;
position: relative;
}
.min-xl-size #header .nav-main {
padding-left: 150px;
}
.max-lg-size #header .nav-main {
position: absolute;
background-color: #e72e25;
left: 0;
top: 0;
height: 100vh;
bottom: 0;
width: 300px;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
z-index: 11;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 37px 0;
}
.max-md-size #header .nav-main {
width: 150px;
}
.min-lg-size #header .nav-main > ul {
height: 100%;
margin: 0;
}
.min-lg-size #header .nav-main > ul > .nav-main-item {
height: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
}
.max-lg-size #header .nav-main > ul > .nav-main-item {
text-align: center;
margin-bottom: 0px;
}
.min-lg-size #header .nav-main > ul > .nav-main-item > .nav-link {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
position: relative;
z-index: 3;
font-size: 1rem;
line-height: 50px;
padding: 0 7px;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.max-bg-size #header .nav-main > ul > .nav-main-item > .nav-link {
font-size: 0.85rem;
}
.min-xl-size #header .nav-main > ul > .nav-main-item > .nav-link {
/*padding: 0 5px;*/
padding: 0 10px 0 11px;
line-height: 90px;
}
.max-lg-size #header .nav-main > ul > .nav-main-item > .nav-link {
color: #fff;
text-decoration: none;
/* padding: 15px;*/
padding: 8px 10px;
display: block;
font-size: 20px;
}
.max-md-size #header .nav-main > ul > .nav-main-item > .nav-link {
font-size: 15px;
}
.max-md-size .landscape #header .nav-main > ul > .nav-main-item > .nav-link {
padding: 5px 15px;
font-size: 12px;
}
.min-lg-size #header .nav-main > ul > .nav-main-item > .nav-link:after {
content: '|';
color: #fff;
opacity: 0.3;
margin-left: 0px;
position: absolute;
right: -4px;
}
.min-xl-size #header .nav-main > ul > .nav-main-item > .nav-link:after {
/*margin-left: 10px;*/
margin-left: 0;
}
.max-lg-size #header .nav-main > ul > .nav-main-item > .nav-link:hover {
background-color: #c5160d;
}
.min-lg-size #header .nav-main > ul > .nav-main-item:last-child > .nav-link:after {
display: none;
}
.min-lg-size #header .nav-main > ul > .nav-main-item.active > .nav-link {
/*color: #e72e25;*/
font-weight: bold;
}
.max-lg-size #header .nav-main > ul > .nav-main-item.active > .nav-link {
background: #fff;
color: #e72e25;
}
.min-lg-size #header .nav-main .nav-bg {
background: #e72e25;
height: 90px;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
z-index: -1;
width: 300px;
z-index: 2;
}
.min-lg-size #header .nav-main .nav-bg.animated {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.min-lg-size #header .sub-nav-wp {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: none;
}
.max-lg-size #header .sub-nav-wp {
background-color: #f0f0f0;
width: 300px;
height: 100vh;
top: 50px;
left: 100%;
position: absolute;
overflow-y: auto;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 50px;
}
.max-lg-size #header .sub-nav-wp.active {
display: block;
}
.max-md-size #header .sub-nav-wp {
width: 160px;
}
.min-lg-size #header .sub-nav-wp.active {
display: block;
}
.min-lg-size #header .sub-nav-wp .inner {
background-color: #fff;
}
.max-lg-size #header .sub-nav,
.max-lg-size #header .sub-nav ul {
padding-left: 0;
list-style: none;
}
.max-lg-size #header .sub-nav li {
text-align: left;
}
.max-lg-size #header .sub-nav a {
text-decoration: none;
display: block;
padding: 15px;
font-size: 15px;
}
.max-md-size #header .sub-nav a {
font-size: 5px 15px;
}
.max-md-size .landscape #header .sub-nav a {
padding: 5px 15px;
font-size: 12px;
}
.max-lg-size #header .sub-nav > li {
border-bottom: 1px solid #d1d0d0;
}
.max-lg-size #header .sub-nav > li:hover {
background-color: #fff;
}
.max-lg-size #header .sub-nav > li > a {
background-color: #e2e2e2;
}
.max-lg-size #header .sub-nav > li > a:before {
content: '>';
color: #e72e25;
margin-right: 10px;
}
.max-lg-size #header .sub-nav > li li {
border-bottom: 1px solid #dddddd;
}
.max-lg-size #header .sub-nav > li li a {
padding-left: 35px;
}
#header .nav-product {
display: none;
text-align: left;
}
.min-lg-size #header .nav-product .inner {
display: table;
width: 100%;
background-color: #f0f0f0;
}
.min-lg-size #header .nav-product .header {
display: table-cell;
vertical-align: top;
width: 23%;
background: url(images/nav-product.jpg) no-repeat center top/cover;
}
.min-lg-size #header .nav-product .header h2 {
font-size: 22px;
padding: 25px 35px 10px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.max-lg-size #header .nav-product .header h2 {
display: none;
}
.min-lg-size #header .nav-product .header h2:after {
content: '';
display: block;
border-bottom: 2px solid #e72e25;
width: 50px;
margin-top: 10px;
}
.min-lg-size #header .nav-product .nav-tabs {
vertical-align: top;
width: 100%;
}
.max-lg-size #header .nav-product .nav-tabs {
vertical-align: top;
width: 100%;
}
.min-lg-size #header .nav-product .nav-tabs li {
display: block;
font-size: 16px;
line-height: 2em;
font-weight: bold;
}
.max-lg-size #header .nav-product .nav-tabs li {
display: block;
line-height: 1.5em;
font-weight: bold;
width: 100%;
border-bottom: 1px solid #c8c8c8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.min-lg-size #header .nav-product .nav-tabs li a {
text-decoration: none;
display: block;
position: relative;
padding: 5px 35px 5px 60px;
}
.max-lg-size #header .nav-product .nav-tabs li a {
text-decoration: none;
display: block;
position: relative;
padding: 10px 0px 10px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
}
.max-md-size #header .nav-product .nav-tabs li a {
padding: 5px 15px;
font-size: 16px;
}
.max-md-size .landscape #header .nav-product .nav-tabs li a {
padding: 5px 15px;
font-size: 12px;
}
.min-lg-size #header .nav-product .nav-tabs li a:before {
color: #e72e25;
position: absolute;
top: 12px;
left: 35px;
}
.max-lg-size #header .nav-product .nav-tabs li a:before {
display: none;
}
.min-lg-size #header .nav-product .nav-tabs li a.active {
color: #e72e25;
background-color: rgba(255, 255, 255, 0.6);
}
.max-lg-size #header .nav-product .nav-tabs li a.active {
color: #e72e25;
background-color: #e72e25;
color: #fff;
}
.min-lg-size #header .nav-product .nav-tabs .tab-content {
display: table-cell;
background-color: #f0f0f0;
}
.min-lg-size #header .nav-product .nav-tabs .tab-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#header .nav-product .sub-nav-list {
text-align: center;
min-height: 292px;
}
#header .nav-product .sub-nav-list .list-item {
padding: 20px 0px 15px 0px;
background-color: #f0f0f0;
float: left;
width: 16.66%;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.max-lg-size #header .nav-product .sub-nav-list .list-item {
width: 100%;
}
#header .nav-product .sub-nav-list .list-item:hover {
background-color: #fff;
}
#header .nav-product .sub-nav-list .list-item:nth-child(6n) {
border-right: none;
}
#header .nav-product .sub-nav-list .pic {
width: 120px;
height: 90px;
margin: 0 auto;
text-align: center;
}
#header .nav-product .sub-nav-list .pic img {
width: 100%;
height: auto;
max-height: 100%;
}
#header .nav-product .sub-nav-list .title {
font-weight: normal;
margin: 0;
font-size: 15px;
}
#header .nav-product .sub-nav-list a {
text-decoration: none;
}
.min-lg-size #header .widget-link {
display: none;
}
.max-lg-size #header .widget-link {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 12;
left: 0;
bottom: 120px;
text-align: center;
position: absolute;
/* display: none; */
}
.max-lg-size #header .widget-link img {
margin: 2px;
}
#header .widget-wp {
position: absolute;
top: 0;
height: 100%;
right: 0;
}
#header .widget {
display: inline-block;
height: 100%;
top: 0;
z-index: 99;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 90px;
position: relative;
}
.max-xl-size #header .widget {
margin-right: 15px;
line-height: 50px;
}
#header .widget span {
display: inline-block;
padding-right: 30px;
vertical-align: middle;
}
.max-xl-size #header .widget span {
padding-right: 0px;
font-size: 20px;
}
#header .widget span em {
font-style: normal;
font-size: 15px;
}
.max-xl-size #header .widget span em {
display: none;
}
#header .widget:before {
position: absolute;
top: 50%;
right: 0;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.max-xl-size #header .widget:before {
display: none;
}
#header .widget-search span {
padding-right: 0px;
}
.max-lg-size #header .widget-search {
display: none;
}
#header .widget-partners span:before {
display: none;
}
.max-xl-size #header .widget-partners span:before {
display: block;
}
.max-lg-size #header .widget-len {
font-size: 12px;
}
#header .widget-show {
position: absolute;
top: 90px;
background-color: #e72e25;
width: 150px;
right: 30px;
padding: 0px 0;
display: none;
}
.max-xl-size #header .widget-show {
top: 60px;
right: 0;
}
.max-lg-size #header .widget-show {
top: 50px;
}
#header .widget-show a {
color: #fff;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 15px;
}
#header .widget-show a:hover {
background-color: #c5160d;
}
#header .widget-partners-show {
right: 0px;
}
.max-lg-size #header .widget-partners-show {
width: 90%;
position: absolute;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 12;
left: 0;
top: 0;
padding: 0 15px;
text-align: right;
line-height: 50px;
}
#header .widget-search-show {
height: 50px;
padding: 0 35px;
right: 0px;
}
.min-lg-size #header .widget-search-show {
line-height: 50px;
}
.max-lg-size #header .widget-search-show {
width: 90%;
position: absolute;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 12;
left: 0;
top: 0;
padding: 0 15px;
text-align: right;
line-height: 50px;
}
#header .widget-search-show input {
border: 0;
background-color: transparent;
width: 95%;
color: #fff;
}
#header .widget-search-show input::-webkit-input-placeholder {
color: #fff;
opacity: 0.5;
}
#header .widget-search-show input:-moz-placeholder {
/* Firefox 18- */
color: #fff;
opacity: 0.5;
}
#header .widget-search-show input::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
opacity: 0.5;
}
#header .widget-search-show input:-ms-input-placeholder {
color: #fff;
opacity: 0.5;
}
.max-lg-size #header .widget-search-show input {
background-color: #e72e25;
color: #fff;
width: 250px;
}
#header .widget-search-show .btn {
position: absolute;
top: 4px;
right: 0px;
color: #fff;
font-size: 18px;
font-weight: normal;
background-color: transparent;
}
.max-lg-size #header .widget-search-show .btn {
right: 0px;
display: none;
}
.max-lg-size #header.active {
left: 300px;
}
.max-md-size #header.active {
left: 150px;
}
.max-lg-size #header.active .header-top .bg {
background-color: rgba(0, 0, 0, 0.6);
pointer-events: auto;
}
.min-lg-size #header.fixed .header-top {
height: 60px;
position: fixed;
width: 100%;
background: rgba(60, 60, 60, 0.9);
}
.min-lg-size #header.fixed .widget-show {
top: 60px;
}
.min-lg-size #header.fixed .logo {
top: 4px;
}
.min-lg-size #header.fixed .nav-main > ul > .nav-main-item > .nav-link {
line-height: 60px;
}
.min-lg-size #header.fixed .widget {
line-height: 60px;
}
.min-lg-size #header.fixed .nav-bg {
height: 4px;
}