*{margin:0;padding:0;}
html{height:100%;width:100%;}
body{margin:0;padding:0;color:#000;font-size:14px; line-height: 1.6; background:#FFF; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s}
a:hover{color: #244e38}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #244e38 solid 1px;}
.form-control::-moz-placeholder{color:#b3b3b3;opacity:1}
.form-control:-ms-input-placeholder{color:#b3b3b3}
.form-control::-webkit-input-placeholder{color:#b3b3b3}
.but_class{font-size: 16px; padding:10px 30px; background:#244e38; border:none; color: #fff; border-radius:5px; display: inline-block;}
.but_class:hover{background: #17aa44; color: #fff; }
.but_class i{margin-left:10px;}
.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{ max-width:1400px; width: 96%; padding: 0px; margin: 0 auto;}
.title_li{font-size: 48px; font-weight: bold; text-align: center}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after ,.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{ content:""}
.top{display:inline-block; width: 100%; text-align:center; position:relative; z-index:2; transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s}
.top_nav li>a{color: #fff;}
.top_logo{padding: 17px 0px 10px;display: inline-block;}
.top_logo .logo_m{display: none;}
.top_logo .logo_p{display:block;}
.top_logo a{display: inline-block;}
.top_logo img{height:50px;}
.top_header{left: 0px;top: 0px;width: 100%;text-align: right;z-index:999;padding: 0px 20px;position: fixed; }
.top_icon{display:inline-block;float: right; text-align:right; z-index: 2; }
.top_icon .top_icon_width{display:inline-block;}
.top_header .top_logo{margin:0 auto; float: left; z-index:2}
.top.fixed .top_logo .logo_m{display:block;}
.top.fixed .top_logo .logo_p{display: none;}
.top.fixed .top_nav li>a{color: #000;}
.top_left{left: 0px; top: 0px; position: absolute; left: 0px; top: 0px; z-index:3; padding: 20px;}
.top_left a{padding: 5px;}
.top_left_padding{margin-left:6px;}
.top_nav_width{
display:inline-block;
margin: 0px auto;
position: relative;
text-align: center;
z-index:1;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.top_nav{ display: inline-block; margin: 0px auto; text-transform: uppercase;}
.top_nav li{float:left; }
.top_nav .active>a{color:#244e38 !important;}
.top_nav li a{font-size: 18px;padding: 28px 0px;margin: 0px 40px;display:block;}
.top_nav li>a{position: relative}
.top_nav li>a:before{content:" "; position:absolute; left: 0px; right: 0px; bottom: 0px; margin: 0px auto; width:0px; background: #244e38; height:3px;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s}
.top_nav li:hover>a:before{width:100%; }
.top_nav li a:hover{ color: #244e38 !important;}
.top_nav li:hover .top_nav_li_icon:after, .top_nav li:hover .top_nav_li_icon:before{background:#333}
.top_nav_li_icon{display:inline-block; position:relative; width:18px; height:12px; margin-right:10px;}
.top_nav_li_icon:after, .top_nav_li_icon:before{ content:" "; position:absolute; width:100%; height:2px; background:#333; display:block; top:0px; transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s}
.top_nav_li_icon:after{bottom:0px; top:auto; }
.top_nav>li#shipclassli div{display:block; position:relative;}
.top_nav li:hover>a{color:#244e38!important;}
.top_nav li:hover .arrowDG_menu{opacity: 1; height: auto;}
.top_right_Shopping b{padding-left: 5px;}
.top.top_fixed{background: #fff; color: #333; box-shadow: 0 0px 0px rgba(0,0,0,0);}
.top.fixed{background: #fff; color: #333; position: fixed; left: 0px; top: 0px;
box-shadow:0 5px 10px rgba(0,0,0,.1);
}
.arrowDG_menu{
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; height: 0px; position:absolute; opacity: 0; overflow: hidden; left:0px; color: #333; text-align: left; top:100%; background: #fff; padding:0px; min-width:100%; z-index:999; background:#fff; background:rgba(255, 255, 255, 1)!important; filter:Alpha(opacity=100);}
.top_nav .arrowDG_menu a{font-size: 16px; font-weight: normal;}
.navbarbox_li{width: 50%; padding:30px 30px 20px; float: left; overflow: hidden}
.navbarbox_li:nth-child(1){ padding-left: 0px;}
.navbarbox_li:nth-child(2){ padding-right: 0px;}
.navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 34%;}
.navbarbox_li_title{ font-size: 16px; display: block; font-weight: bold; padding-bottom: 10px;}
.navbarbox_li_txt{width: 33.3333333333%; float: left;}
.panli_nav_menu>li#shipclassli:hover .arrowDG_menu{ display:block;}
.arrowDG_menu>li:hover .subcat{ display:block;}
.top_nav .navbarbox_li_txt a{color: #333; overflow: hidden; line-height:24px; padding:10px 0px; font-size: 14px;}
.top_nav .navbarbox_li_txt img{margin-right: 8px; float: left; height: 24px;}
.top_nav .navbarbox_li_txt a:hover{color: #244e38;}
.top_right{float:right; position:absolute; right:0px; top:0px; display:none;}
.top_right_padding{ width: 48px; height: 48px; margin:24px 5px; display: inline-block; border-radius: 100%; background: #fff; border: #ccc solid 1px;}
.top_right_search{display:inline-block; background:url(../images/Search_icon.png) center center no-repeat; background-size:20px auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr{display:inline-block; background:url(../images/qr2.png) center center no-repeat; background-size:20px auto ; float:left; cursor:pointer; position:relative;}
.top_right_tel{display:inline-block; background:url(../images/tel_icon.png) center center no-repeat; background-size:20px auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr_box{position: absolute; top:71px; width:180px; box-shadow:0 3px 5px rgba(0,0,0,.1); background: #fff; z-index: 9; padding: 10px; right: -70px; text-align: center; display: none;}
.top_right_qr_box b{display: block; font-size: 14px; font-weight: normal; padding: 5px 0px 3px;}
.top_right_padding:hover .top_right_qr_box{display: block;}
.top_language .layui-unselect{color: #FFF;}
.fixed_top .top_language .layui-form-select, .login_width_bottom .top_language .layui-form-select, .fixed .top_language .layui-form-select{ background:url(../images/cn_icon.png) 0px 2px no-repeat; height: 22px; background-size:20px auto;}
.fixed_top .top_language .layui-form-select .layui-edge, .login_width_bottom .top_language .layui-form-select .layui-edge, .fixed .top_language .layui-form-select .layui-edge{border-top-color: #333; display: none;}
.top_language{float:left;padding: 8px 15px;width:80px;padding-right: 5px;border-radius: 50px;line-height: 24px;margin:0px auto;margin-top: 22px;}
.top_language .layui-unselect{height:24px; border:none; padding:0px; color:#fff; font-size:16px; background: none;}
.top_language .layui-form-select{ padding-left:30px; background:url(../images/cn_icon.png) 0px 0px no-repeat; background-size:20px auto;}
.top_language .layui-form-select .layui-edge{border-width:4px; border-top-color: #fff; margin-top:-2px; right:10px;}
.top_language .layui-form-selected .layui-edge{margin-top:-6px;}
.top_language .layui-form-select dl{ padding:0px; border:none; text-align:center; border-radius:3px;}
.top_language .layui-form-select dl{top:35px;}
.top_language .layui-form-select dl dd{color:#333; font-size:16px;}
.top_language .layui-form-select dl dd.layui-this{ background:#244e38; color:#FFF;}
.fixed_bg .top_language .layui-form-select, .top_header.fixed .top_language .layui-form-select, .top_header.fixed_bs .top_language .layui-form-select{background:url(../images/cn_icon.png) 0px bottom no-repeat; background-size:20px auto;}
.fixed_bg .top_language .layui-unselect, .top_header.fixed .top_language .layui-unselect, .top_header.fixed_bs .top_language .layui-unselect{color: #333;}
.fixed_bg .top_logo .logo_m{display:block;}
.fixed_bg .top_logo .logo_p{display: none;}
.fixed_bg{background: #fff;}
.fixed_bg .top_nav li>a{color: #000;}
.pr_nav .top_language .layui-form-select, .top_header.fixed .top_language .layui-form-select, .top_header.fixed_bs .top_language .layui-form-select{background:url(../images/cn_icon.png) 0px bottom no-repeat; background-size:20px auto;}
.pr_nav .top_language .layui-unselect, .top_header.fixed .top_language .layui-unselect, .top_header.fixed_bs .top_language .layui-unselect{color: #333;}
.pr_nav .top_logo .logo_m{display:block;}
.pr_nav .top_logo .logo_p{display: none;}
.pr_nav{background: #fff;}
.pr_nav .top_nav li>a{color: #000;}
.top.fixed_bs{background: #fff;}
.top.fixed_bs .top_logo .logo_m{display:block;}
.top.fixed_bs .top_logo .logo_p{display: none;}
.top.fixed_bs .top_nav li>a{color: #000;}
.top_right_tel .top_right_qr_box{right: -20px; width:240px; padding: 15px 0px;}
.top_right_qr_box_li{display: block; text-align: left; padding:5px 20px;}
.top_right_qr_box_li span{display: inline-block; color: #999; width:85px;}
.top_nav_Close{display:none;}
.top_nav_icon{display:none;}
.top_nav li.top_login{
float: right;
position: relative;
z-index: 10;
}
.top_nav li.top_login .login-btn{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 28px 0px;
margin: 0px 20px;
background: none;
color: #fff;
font-size: 16px;
font-weight: 500;
transition: all 0.3s;
cursor: pointer;
position: relative;
z-index: 10;
}
.top_nav li.top_login .login-btn i{
font-size: 18px;
}
.top_nav li.top_login .login-btn:hover{
color: #244e38;
}
.top.fixed .top_nav li.top_login .login-btn{
color: #000;
}
.top.fixed .top_nav li.top_login .login-btn:hover{
color: #244e38;
}
/* 登录弹窗 */
.login-modal-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 9999;
backdrop-filter: blur(5px);
}
.login-modal-overlay.show{
display: block;
}
.login-modal{
background: #fff;
border-radius: 12px;
width: 90%;
max-width: 420px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
animation: modalFadeIn 0.3s ease;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes modalFadeIn{
from{
opacity: 0;
transform: translate(-50%, -50%) scale(0.95);
}
to{
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
.login-modal-close{
position: absolute;
top: 15px;
right: 15px;
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(0,0,0,0.08);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
z-index: 1;
}
.login-modal-close:hover{
background: rgba(0,0,0,0.15);
transform: rotate(90deg);
}
.login-modal-close i{
color: #666;
font-size: 18px;
}
.login-modal-header{
padding: 35px 30px 25px;
text-align: center;
background: linear-gradient(135deg, #244e38 0%, #17aa44 100%);
position: relative;
}
.login-modal-header h3{
color: #fff;
font-size: 24px;
font-weight: 600;
margin: 0 0 15px 0;
}
.login-logo{
width: 70px;
height: 70px;
margin: 0 auto;
border-radius: 50%;
background: #fff;
padding: 6px;
}
.login-modal-body{
padding: 30px;
}
.login-modal .form-group{
margin-bottom: 22px;
position: relative;
display: flex;
align-items: center;
}
.login-modal .form-group label{
display: inline-block;
font-size: 14px;
color: #555;
font-weight: 500;
text-align: right;
width: 70px;
flex-shrink: 0;
margin-right: 12px;
}
.login-modal .form-group .input-wrapper{
flex: 1;
position: relative;
}
.login-modal .form-group .input-wrapper.has-captcha{
display: flex;
gap: 12px;
}
.login-modal .form-group input{
width: 100%;
padding: 14px 16px 14px 44px;
border: 1px solid #e0e0e0;
border-radius: 8px;
font-size: 15px;
color: #333;
box-sizing: border-box;
transition: all 0.3s;
outline: none;
}
.login-modal .form-group .input-wrapper.has-captcha input{
flex: 1;
padding: 14px 16px;
}
.login-modal .form-group input:focus{
border-color: #244e38;
box-shadow: 0 0 0 3px rgba(36,78,56,0.1);
}
.login-modal .form-group input::placeholder{
color: #aaa;
}
.login-modal .form-group .input-wrapper i{
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #999;
font-size: 16px;
pointer-events: none;
z-index: 2;
}
.login-modal .form-group.focus i{
color: #244e38;
}
.login-modal .verify-row{
display: flex;
gap: 12px;
}
.login-modal .verify-row input{
flex: 1;
padding-right: 16px;
}
.login-modal .verify-code{
flex: 0 0 100px;
height: 48px;
border-radius: 8px;
cursor: pointer;
border: 1px solid #e0e0e0;
}
.login-submit-btn{
width: 100%;
padding: 15px;
background: linear-gradient(135deg, #244e38 0%, #17aa44 100%);
color: #fff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
margin-top: 10px;
}
.login-submit-btn:hover{
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(36,78,56,0.3);
}
.login-links{
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.login-links a{
font-size: 14px;
transition: color 0.3s;
}
.register-link{
color: #244e38;
font-weight: 500;
}
.register-link:hover{
color: #17aa44;
}
.forgot-link{
color: #999;
}
.forgot-link:hover{
color: #244e38;
}
.top-txt-search{display:block; position:absolute; background:#FFF; max-width:400px; width: 100%; right:0px; top:100%;display:none; z-index:9; padding:15px;}
.search-txt{width:100%; line-height:26px; padding:10px 20px; border:#ddd solid 1px; height:48px;}
.search-txt::-webkit-search-cancel-button{-webkit-appearance: none;}
.search-txt:focus{border:#244e38 solid 1px;}
.search-but{ width:18px; height:18px; display:inline-block; background:url(../images/icon.png) -26px -25px no-repeat; background-size:100px auto; float:left; border:none; cursor:pointer; position:absolute; right:30px; top:29px;}
.top_right{float:right; position:absolute; right:0px; top:0px; display:none;}
.top_right .top_right_Shopping{ padding:30px; background:#e21c29; display:inline-block; height:80px; cursor:pointer; float:left;}
.top_right .top_right_Shopping i{ width:20px; height:20px; display:inline-block; background:url(../images/icon.png) -77px -26px no-repeat; background-size:100px auto;}
.top_right .top_right_Shopping i span{background:#FFF; color:#e21c29}
.top_right .top_right_padding{margin:40px 20px;}
.top_right .top_right_padding a{display:block;}
.top_nav .nav_a_mobi{display:none}
.top_nav .nav_a_pc{display:inline-block}
.breadcrumb_top{ background: #fff; padding: 15px 0px;}
.breadcrumb > li + li::before{padding: 0px 10px;}
.arrowDG_menu_w{ position: relative;}
.arrowDG_menu_w .navbarbox_ul_li a{ padding-top: 10px; padding-bottom: 10px; margin: 0px 20px; line-height: 24px;}
.arrowDG_menu_w .navbarbox_ul_li img{height:24px; margin-right: 15px; float: left;}
.navbarbox_ul_li{position: relative; padding:0px; text-align: center; white-space: nowrap;}
.banner{display:block; width: 100%; position: relative;}
.banner .swiper-slide{position: relative;}
.banner-text{position: absolute; right: 8%; top: 30%; transform: translateY(-30%); text-align: left; z-index: 10;}
.banner-title{font-size: 42px; font-weight: 700; color: #fff; margin: 0 0 20px; line-height: 1.3; text-shadow: 2px 2px 8px rgba(0,0,0,0.4);}
.banner-subtitle{font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.8; margin: 0 0 28px; max-width: 450px; text-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.banner-btn{display: block; float: right; padding: 14px 32px; background: #244e38; color: #fff; font-size: 16px; font-weight: 500; border-radius: 8px; text-decoration: none; transition: all 0.3s;}
.banner-btn:hover{background: #17aa44; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(36,78,56,0.4);}
.banner-bottom-logo{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 20;}
.banner-bottom-logo img{width: auto;}
.banner_swiper_Pagination{ margin: 0px auto; position:absolute; top:50%; left:20px; right:20px}
.banner_swiper_Pagination .swiper-button-next.swiper-button-white, .banner_swiper_Pagination .swiper-container-rtl .swiper-button-prev.swiper-button-white{background:url(../images/a_right.png) center center no-repeat; background-size:100% auto; right: 0px;}
.banner_swiper_Pagination .swiper-button-prev.swiper-button-white, .banner_swiper_Pagination .swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(../images/a_left.png) center center no-repeat; background-size:100% auto; left: 0px;}
.banner .swiper-slide img{width:100%;}
.banner_swiper_Pagination .swiper-button-next, .banner_swiper_Pagination .swiper-button-prev{ width: 20px; height: 36px; margin-top: -18PX;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px 6px;}
.banner .swiper-pagination-bullet{ width:30px; height:5px;background:#ddd; border-radius:20px;opacity:.5; position: relative}
.banner .swiper-pagination-bullet-active{background:#18833b; opacity:1;}
.banner .swiper-pagination-bullet-active:after{ position: absolute; border: #fff solid 2px; left: -4px; top: -4px; width: 17px; height: 17px; content:""; display:none; border-radius: 100%}
.swiper-button-next, .swiper-button-prev{ width:26px; height:44px; z-index:9!important}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .2;}
.home_application{background:url(../images/application_bg.jpg) center center no-repeat; padding:100px 0px; background-size: cover; }
.home_institute{background:url(../images/m5.jpg) center center no-repeat; background-size: cover; padding:50px 0px;}
.home_institute .title{text-align: center;}
.home_application_ct{display: flex; position: relative;}
.skin_icon{ position: absolute; width:30%; max-width: 200px; top: 5%; bottom: 5%; left: -8%; z-index: 9;}
.skin_icon img{border-radius: 100%; box-shadow: 0 5px 15px rgba(0,0,0,.2); border: #fff solid 5px; width: 80%; cursor: pointer;}
.skin_icon .swiper-slide-active img{width: 100%; border-color: #244e38; margin-top: -7.5%;}
.skin_icon .swiper-slide{text-align: right;}
.home_application_left{width:45%; float: left; position: relative; padding:25px; border-radius: 100%; border: #fff dashed 5px;}
.home_application_ct .skin_application img{width: 100%; border-radius: 100%; }
.home_application_ct .product-show-buttom{width: 55%; padding-top:3%; float: left; padding-left:4%; }
.home_application_ct .product-show-buttom .title{color: #fff;}
.application_box{display: block; padding: 30px; margin-top: 20px; background: #f7f8ed; border-radius: 10px;}
.application_box_title{ font-size: 24px; display: block; padding-bottom: 10px;}
.application_box_txt{
min-height: 90px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.application_box .title_more{display: block; padding-top: 20px; font-size: 18px;}
.application_white{display:table; margin: 0px auto; position: relative; margin-top:50px;}
.application_white::after{height: 2px; position: absolute; left: 60px; right:60px; border-top:#fff dashed 3px; top: 21px; content: ""; opacity:0.5;}
.home_application .swiper-button-white{position:initial; margin-top: 0px !important; margin-top:20px; margin-right: 50px; text-align: center; line-height: 42px; display: inline-block; width: 46px; height:46px; background:none; border: solid 3px #fff; border-radius: 100%;}
.home_application .swiper-button-white i{font-size: 20px; color: #fff;}
.home_application .swiper-button-next{margin-left: 50px; margin-right: 0px;}
@media (max-width:640px) {
.home_application_ct{display: block;}
.home_application_left{ padding: 10px;
width: 100%;
float: none;
}
.skin_icon{left: -4%; top: 0px; bottom: 0px;}
.home_application_ct .product-show-buttom{width: 100%; float:none;}
.application_box{margin-top: 0px;}
.application_white{margin-top: 30px;}
.application_box{padding: 20px;}
.application_box_title{font-size: ;}
}
.MaxActCon{
max-width: 1500px;
height: 635px;
margin: 0px auto;
margin-top:30px;
padding-top: 50px;
position: relative;
}
.MaxActCon ul li{
width: 50%;
float: right;
text-align: right;
position: relative;
margin-bottom: 220px;
}
.MaxActCon ul li.active{
float: left;
text-align: left;
}
.MaxActTxt{
width: 70%;
position: relative;
padding-left: 91px;
float: right;
}
.MaxActCon ul li.active .MaxActTxt{
padding-left: 0;
padding-right: 91px;
float: left;
}
.MaxAct{
position: absolute;
top: 0;
left: 50%;
margin-left: -318px;
width: 636px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.MaxActContent{
position: relative;
width: 100%;
height: 100%;
}
.MaxActContent:after,.MaxActContent:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid #244e38;
border-radius: 50%;
}
.MaxAct .m0:after{
top: -10px;
left: -10px;
}
.MaxAct .m1:after{
top: -5px;
left: 5px;
}
.MaxAct .m1:before{
top: 5px;
left: -5px;
}
.MaxAct .m2:after{
top: -5px;
left: -5px;
}
.MaxAct .m2:before{
top: 10px;
left: 10px;
}
.MaxAct .m3:after{
top: -5px;
left: 5px;
}
.MaxAct .m3:before{
top: -10px;
left: 10px;
}
.MaxActContent .MaxUl{
position: absolute;
width: 490px;
height: 490px;
top: 50%;
margin-top: -255px;
left: 50%;
margin-left: -245px;
border-radius: 50%;
overflow: hidden;
}
.MaxActContent .MaxUl dl{
position: relative;
width: 100%;
height: 100%;
}
.MaxActContent .MaxUl dt{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.MaxActContent .MaxUl dl img{width: 100%;height: 100%;}
.MaxActTxt .h3{
font-size: 30px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.MaxActTxt .hen{
display: inline-block;
width: 30px;
height: 2px;
background-color: #244e38;
margin: 20px 0 25px;
}
.MaxActTxt .span1{
line-height: 30px;
max-width: 330px; opacity: .8;
display: inline-block;
overflow: hidden;
}
.ActImg{
position: absolute;
width: 90px;
height: 90px;
/* top: 50%; */
margin-top: 30px;
border-radius: 50%;
border: 1px solid #244e38;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
background-color: #fff;
}
.MaxAct .list2 .MaxActTxt .span1{margin: 0px;}
.ActImg:hover{background-color: #244e38}
.MaxActCon ul li .acs{background-color: #244e38}
.MaxActCon ul li .s1{background-image: url("../images/s1.png");}
.MaxActCon ul li .s1:hover{
background-image: url("../images/sh1.png");
}
.MaxActCon ul li .s1.acs{background-image: url("../images/sh1.png");}
.MaxActCon ul li .s2{background-image: url("../images/s3.png");}
.MaxActCon ul li .s2:hover{
background-image: url("../images/sh3.png");
}
.MaxActCon ul li .s2.acs{background-image: url("../images/sh3.png");}
.MaxActCon ul li .s3{background-image: url("../images/s2.png");}
.MaxActCon ul li .s3:hover{
background-image: url("../images/sh2.png");
}
.MaxActCon ul li .s3.acs{background-image: url("../images/sh2.png");}
.MaxActCon ul li .s4{background-image: url("../images/s4.png");}
.MaxActCon ul li .s4:hover{
background-image: url("../images/sh4.png");
}
.MaxActCon ul li .s4.acs{ background-image: url("../images/sh4.png");}
.MaxActCon ul li.active .ActImg{right: 0;}
.MaxActCon ul li.list2 .ActImg{left: 0;}
@media (max-width:640px) {
.home_institute{padding: 20px 0px;}
.MaxAct{display: none;}
.MaxActTxt .h3{font-size: 20px;}
.MaxActTxt .h3 img{height: 24px;}
.ActImg{width:60px; height: 60px; background-size: 50% auto !important;}
.MaxActCon{height: initial; padding-top: 0px; margin: 0px;}
.MaxActCon ul li{display: block; width: 100%; float: none; overflow: hidden;}
.MaxActCon ul li{border-bottom: #ddd solid 1px; margin-bottom: 20px; padding-bottom: 20px;}
.MaxActTxt{width: 100%;}
}
.home_about{background:url(../images/about_bg.jpg) center top no-repeat #fff; padding:50px 0px 80px; }
.home_about_width{display: table; width: 100%; }
.home_about_txt{display: block; font-size: 16px; text-align: center; padding:20px 40px;}
.home_about_txt_ct{font-size: 18px; color: #666;}
.home_about_txt_but{padding:30px 0px;}
.home_about_video{display: table-cell; vertical-align: middle; width: 500px;}
.home_about_mub{display: block; overflow: hidden; padding:20px 0px;}
.home_about_mub_li{width: 25%; color: #fff; text-align: center; float: left; border-right: 1px solid rgba(255,255,255,0.15);}
.home_about_mub_li:nth-last-child(1){border: none;}
.home_about_mub_li_title{display: block; padding-bottom: 10px;}
.home_about_mub_li b{display:inline-block; line-height: 1;}
.home_about_mub_li .timer{display:inline-block; font-size:52px; line-height: 1;}
.home_about_mub_li b span{font-size: 12px; padding-left:5px; margin-top: 3px; font-weight: normal; float: right;}
.bg_ls{background: #244e38;}
.bg_ls:hover{background: #0f6d2e;}
.home_about_txt_but .bg_ls{margin-left:10px; display: inline-block;}
.m-video{display: block; position: relative; overflow: hidden; cursor: pointer;}
.m-video .m-video-icon{position: absolute; font-size:70px; color: #fff; left: 0px; text-align: center; right: 0px; top: 50%; margin-top: -55px; display: block;}
.home_about_centent{margin:0px auto; width: 94%; background: #fff; padding: 30px; margin-top: 30px; box-shadow:0 5px 10px rgba(0,0,0,.1);}
.home_about_more{text-align: center; padding:15px 0px 25px;}
.home_about_more a{color: #0f6d2e;font-size: 16px; font-weight: bold;}
.home_about_more a:hover{color: #1736a0;}
.home_about_biao{overflow: hidden; padding: 20px 0px;}
.home_about_biao_li{float: left; width: 25%; text-align: center;}
.home_about_biao_li_img img{height: 43px;}
.home_about_biao_li_txt{display: block; padding-top: 10px;}
.home_about_biao_li_txt b{display: block; font-size: 18px; padding-bottom: 5px;}
.title{font-size:48px; display: block; padding:20px 0px; text-align: left;}
.title b{font-weight: normal; position: relative; display: block;}
.title b span{color: #18833b;}
.title_txt{font-size:20px; opacity: .7;font-weight: 300;display: block;}
.home_about_cooperate{padding-top: 30px;}
.home_about_cooperate .title{text-align: center;}
.cooperate_with{overflow: hidden; margin: 0px -10px;}
.cooperate_li{float: left; width: 16.6666666%;}
.cooperate_li {padding:10px;}
.cooperate_li img{box-shadow: 0 0px 6px rgb(0 0 0 / 20%); width: 100%;}
.classification_wdith{display: block; text-align: center; padding-bottom:50px;}
.classification_centent{display: inline-block; margin: 0px auto; overflow: hidden; }
.classification_li{display: inline-block; padding: 10px; float: left;}
.classification_li_ct{display: block; background: #244e38; padding:10px 20px; border-radius: 20px; text-align: center; height: 200px; width: 200px;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; }
.classification_li_ct:hover{background: #244e38;}
.classification_li_img{padding:35px 0px;}
.classification_li_img img{height: 50px;}
.classification_li_txt{font-size: 24px; color: #fff; font-weight: 600;}
.home_product{overflow: hidden; margin: -10px;}
.home_product_li{ width: 20%; padding: 10px;float: left;}
.home_product_ct{display: block;text-align: center;padding:10px;background: #f5f5f5;border-radius: 0px;}
.home_product_txt{padding:10px;}
.home_product_txt span{ color: #999;}
.home_product_txt b{display: block; font-size: 18px; padding:5px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_product_img{overflow: hidden;}
.home_product_img img{-o-transition:1s ease 0s;transition:1s ease 0s;}
.home_content{ padding:50px 0px 80px;}
.home_content .container{margin: 0px auto;}
.home_content_width{overflow: hidden; margin: 0px -20px; padding-top: 20px;}
.home_content_ct{display: block; background: #fff;}
.home_content_li{width:33.3333333%;float: left; position: relative;}
.home_content_li a{display: block; position: relative; z-index: 2;}
.home_content_img{border-radius:0px; overflow: hidden; position: relative;}
.home_content_img img{width: 100%; -o-transition:1s ease 0s;transition:1s ease 0s;}
.home_content_li .home_product_txt{display: block; padding:30px; font-weight: bold; position: absolute;z-index: 2; color: #fff; left: 0px; bottom: 0px; font-size:24px; text-align: center;}
.home_content .title{ padding-bottom: 20px;}
.home_content_li .home_product_txt .home_product_txt_icon{display: block; text-align: left; padding-bottom:8px;}
.home_content_li .home_product_txt .home_product_txt_icon img{height: 65px;}
.home_content_img::after{height: 50%; position: absolute; left: 0px; bottom: 0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%, rgba(0,0,0,0.9)100%);}
.technology_width {padding: 20px 0px 40px;}
.technology_width .home_product_txt{background: #f6f6f6;}
.advantage{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap:35px; padding-top: 10px;
}
.advantage_li{
display: block; border-radius: 30px; background: #fff;
box-shadow:0 5px 10px rgba(0,0,0,.1); overflow: hidden;
}
.advantage_img{position:relative;}
.advantage_icon{position: absolute; left:6%; bottom:2%;
width: 18%; padding: 15px;
background:#244e38; border-radius: 100%;
}
.advantage_icon img{width: 100%;}
.advantage_txt{padding: 20px; color: #666;}
.advantage_txt h2{display: block; font-size: 24px; padding-bottom: 10px; color:#000;}
@media (max-width:1100px) {
.advantage{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.advantage_icon{ padding: 10px;}
.advantage_txt h2{font-size: 20px; padding-bottom:5px;}
}
@media (max-width:500px) {
.advantage{
grid-gap:15px;
padding-top:0px;
}
.advantage_txt h2{font-size: 18px;}
.advantage_icon{width: 20%; padding:8px;}
.advantage_txt{padding: 15px;}
.advantage_li{border-radius:15px;}
}
.home_news{background: #f9f9f9; padding:40px 0px 70px; position: relative;}
.home_brand_title{position: relative; z-index: 2; color: #fff;}
.home_brand_title .title{display: inline-block;}
.home_brand_title .title b{padding: 0px;}
.home_brand_title .title b::after{display: none;}
.home_brand_title .title_txt{font-weight: 300;}
.home_brand_title .title_more{float: right;padding-top: 25px;}
.home_brand_title .title_more .but_class{background: #244e38; color: #fff;}
.home_news_width{overflow: hidden; position: relative; z-index: 2;}
.home_news_li{float: left; width: 50%; padding: 12px;}
.home_news_li_ct{display: table; width: 100%; background: #fff; }
.home_news_li_img{display: table-cell;width:46%;padding-right: 20px;vertical-align: middle;}
.home_news_li_img img{width: 100%;}
.home_news_li_txt{display: table-cell; color: #999; vertical-align: middle; padding: 15px 0px; padding-right: 20px;}
.home_news_li_title{width: 100%;}
.home_news_li_txt a{font-size: 18px; font-weight: 600; width: 100%;}
.home_news_li_div{ margin: 10px 0px; font-size: 16px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newswidth{margin: 0px auto; overflow: hidden; padding-top: 40px; padding-bottom: 10px;}
.news_li{display: block; background: #fff; padding-bottom:20px; }
.news_li_img{overflow: hidden; display: block;}
.news_li_img a{display: block;}
.news_li_img img {
-o-transition: 1s ease 0s;
transition: 1s ease 0s;
width: 100%;
}
.news_li:hover .news_li_img img {
transform: scale(1.08);
-o-transform: scale(1.08);
}
.news_li_title{padding: 15px 20px 0px; margin-bottom:8px; color: #333; font-size: 18px; font-weight: bold; height:75px; overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.news_li_title a{color: #333;}
.news_li:hover .news_li_title a{color:#244e38; }
.news_li_txt{overflow:hidden; font-size: 16px; padding:0px 20px; color: #999;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.main{
position: fixed; right: 10px; bottom: 30px;
justify-content: center;
align-items: flex-end;
width:50px; z-index: 99999;
}
.main img{width: 100%;}
.cd-top{display: inline-block;position:relative; opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s; margin-top: 5PX;
transition: all 0.3s;
}
.cd-top.cd-is-visible{opacity: 1;}
.Insideb_banner{padding:0px; color: #fff;}
.Insideb_banner img{width: 100%;}
.Insideb_banner .title{ text-align: left; padding: 10px 0px;}
.Insideb_banner span{display: block; font-weight: 300; font-size:20px; text-transform: uppercase;}
.product_width{position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 50px;}
.product_left{display: block;}
.Insideb_title{font-size: 24px; display: block; font-weight: bold; padding-bottom: 30px; display: none;}
.product_left_nav{display:inline-block; padding: 5px;}
.product_left_nav a{border-radius: 5px; border: #e0e0e0 solid 1px; display:block; font-size: 18px; font-weight: bold; padding:10px 25px;}
.product_left_nav.active a{background:#244e38; color: #fff; border-color: #244e38;}
.product_left_nav img{height: 20px; margin-right:15px; float: left;}
.product_right{padding:30px 0 0 40px; max-width: calc((100% - 270px));
position: sticky;
top: calc(0px);
align-self: flex-start;
flex: 0 0 calc((100% - 220px));
}
.product_right_li{display: table; width: 100%; margin-bottom: 20px;}
.product_right_li_img{display: table-cell; width: 250px; overflow: hidden; }
.product_right_li_img img{border-radius:0px; width: 100%;}
.product_right_li_txt{padding-left:40px;display: table-cell;vertical-align: middle;padding: 20px; padding-left: 30px; background: #f5f5f5;}
.product_right_li_txt_title{font-size: 24px; font-weight: bold; padding-bottom: 20px;}
.pic_li{display: inline-block; padding-right:30px;}
.product_right_li_txt_pic{font-size: 16px;}
.pic_li:nth-last-child(1){padding-right: 0px;}
.pic_li span{color: #999;}
.product_right_li_txt_ut{padding: 10px 0px; font-size: 16px;}
.product_right_li_txt_ut span{color: #999;}
.product_right_li_txt_but{padding-top: 10px;}
.but_class_zx{background: #f5f5f5; border-color: #f5f5f5; margin-left:6px;}
.but_class_zx:hover{background: #244e38; border-color: #244e38;}
.pagination{text-align: center; display: block; margin: 0px; padding:20px 0px;}
.pagination a{padding: 0px;}
.pagination>li>a, .pagination>li>span{padding: 0px;}
.pagination ul li >a{ color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important; font-weight:bold; background:#FFF; border:1px solid #e0e0e0 !important;}
.pagination ul li >a.pagination_but{width: auto; padding: 0px 20px;}
.pagination ul li >span.pagination_but {
width: auto;
padding: 0px 10px;
}
.pagination ul li >span{border:1px solid #244e38 !important;border-radius:0 !important; padding: 0px 20px;font-weight:bold; color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important;}
.pagination ul li .fa{ font-weight:bold; font-size:18px; vertical-align:middle; line-height: 46px; display: inline-block; margin-top: -5px;}
.pagination ul li .fa-angle-left{ margin-right:10px;}
.pagination ul li .fa-angle-right{ margin-left:10px;}
.pagination ul li:hover .fa-angle-left, .pagination ul li:hover .fa-angle-right{color:#fff}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background:#244e38; color:#FFF !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#244e38;color:#FFF !important;}
.pagination > li > a, .pagination > li > span{border:none !important;}
.pagination > li{display:inline-block; margin:0 3px; vertical-align:middle;}
.position_bg{background: #f5f5f5; padding: 15px 0px;}
.position_bg a, .position_bg i{color: #999;}
.position_bg a:hover{color: #244e38 ;}
.Productshow_width{padding:20px 0px 30px; position:relative; overflow:hidden; border-bottom: #e0e0e0 solid 1px; padding-bottom:60px; margin-bottom: 20px;}
.skin_type_box_left{ width:45%; float:left; position: relative;}
.skin_type_box_left .BestSellers_li_img_icon{right: 1px; top: 1px; font-size: 16px;}
.skin_type_box_left .BestSellers_li_img_icon .BestSellers_top_icon{margin-top: 7px; width: 20px;}
.skin_type_product .swiper-slide img{ width:100%;}
.skin_type_box_left .product-show-buttom{padding:0px 40px; margin-top:10px; position:relative;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide img{border: #fff solid 2px; cursor:pointer; border-radius:10px;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide-thumb-active img{border: #244e38 solid 2px;}
.skin_type_box_left .swiper-container{position: initial;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-button-prev{background:none; width:30px; height:30px; margin-top:-15px;}
.skin_type_box_left .swiper-button-white i{font-size:28px; line-height:30px;}
.skin_type_box_left .swiper-button-prev, .skin_type_box_left .swiper-container-rtl .swiper-button-next{left:0px;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-container-rtl .swiper-button-prev{right:0px;}
.product_nav_two{background: #f6f6f6; padding: 30px 0px; display: block; text-align: center; margin-top:10px;}
.product_nav_two a{padding:12px 30px; background: #fff; border-radius: 5px; margin: 0px 5px; font-size: 18px;}
.product_nav_two a.active{border: #17aa44 solid 1px; background: #17aa44; color: #fff;}
.skin_type_box__right{width:55%; float:right; padding-left:60px;}
.product_title{font-size: 36px;display: block;text-align: left;font-weight: bold;padding-bottom:15px;}
.Productshow_right_txt{font-size:16px;line-height: 1.8;padding:5px 0px 40px;}
.Productshow_right_ct{overflow:hidden; border-top:#e0e0e0 solid 1px}
.Productshow_right_txt{position: relative; width: 100%; display: table; font-size: 16px; padding:13px 0px;}
.Productshow_right_txt_title{display: table-cell; width:90px; vertical-align: top; color: #999;}
.Productshow_right_txt_ct{display: table-cell;vertical-align: top;}
.Productshow_right_but{overflow: hidden; border-top: #e0e0e0 solid 1px; padding-top:40px; margin-top:40px; }
.Productshow_right_but_li{width: 50%; float: left; text-align: center; padding-right: 5px;}
.Productshow_right_but_li:nth-last-child(1){ padding: 0px; padding-left: 5px;}
.Productshow_right_but_li a{color: #fff; background:#244e38; font-size: 18px; font-weight: bold; display: block; padding: 17px 20px; border-radius: 10px;}
.Productshow_right_but_li:nth-last-child(1) a{background: #17aa44;}
.Productshow_title{font-size: 24px; padding:35px 0px; font-weight: bold; text-align: center;}
.Productshow_parameter{overflow: hidden; margin: 0px -15px;}
.parameter_li_width{display: table; width: 100%; background: #f5f5f5;font-size: 16px; }
.parameter_li_title{display: table-cell; width: 150px; padding: 10px 15px; font-weight: bold;vertical-align: middle; border-right:3px #fff solid;}
.parameter_li_txt{display: table-cell; vertical-align: middle; padding: 10px 15px;}
.parameter_li{width: 50%; float: left; padding:0px 15px;}
.Productshow_parameter:nth-child(2n) .parameter_li_width{background: #fff;}
.Productshow_content{padding:50px 0px; border-bottom: #e0e0e0 solid 1px; margin-bottom: 20px;}
.Productshow_content img{padding: 5px 0px;}
/* ==================== 产品详情页样式 ==================== */
.product-detail-wrapper{display: flex; gap: 30px; padding: 30px 0; max-width: 1400px; margin: 0 auto;}
/* 左侧内容区域 */
.product-detail-left{flex: 1;}
/* 产品头部：图片和信息左右布局 */
.product-detail-header{display: flex; gap: 30px; background: #fff; border-radius: 16px; padding: 0px 0px 25px 0px; margin-bottom: 20px; box-shadow: 0 2px 15px rgba(0,0,0,0.05);}
.product-detail-gallery{width: 480px; flex-shrink: 0;}
.product-detail-main-img{width: 100%; border-radius: 12px; overflow: hidden; border: 1px solid #e8e8e8; box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.product-detail-main-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;padding: 10px 10px;}
.product-detail-main-img:hover img{transform: scale(1.05);}
.product-detail-info{flex: 1; display: flex; flex-direction: column;}
.product-detail-title{margin-bottom: 15px;}
.product-detail-title h1{font-size: 26px; color: #244e38; font-weight: bold; margin-bottom: 10px; line-height: 1.3;}
.product-detail-model{font-size: 14px; color: #666; padding: 6px 16px; background: linear-gradient(135deg, #f5f5f5, #e8e8e8); display: inline-block; border-radius: 20px;}
.product-detail-desc{margin-bottom: 20px;}
.product-detail-desc p{font-size: 14px; color: #555; line-height: 1.9;}
/* 产品特点图标 */
.product-features-icons{display: flex; gap: 25px; padding: 18px 0; border-top: 1px dashed #e0e0e0;}
.feature-icon-item{display: flex; flex-direction: column; align-items: center; gap: 8px;}
.feature-icon-circle{width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(36,78,56,0.25); transition: all 0.3s ease;}
.feature-icon-circle i{font-size: 22px; color: #fff;}
.feature-icon-item:hover .feature-icon-circle{transform: translateY(-3px); box-shadow: 0 6px 20px rgba(36,78,56,0.35);}
.feature-icon-item span{font-size: 13px; color: #555; font-weight: 500;}
/* 右侧边栏 */
.product-detail-sidebar{width: 280px; flex-shrink: 0;}
.sidebar-box{background: #fff; border-radius: 12px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid #e8e8e8; position: sticky; top: 20px;}
.sidebar-download{border-top: 3px solid #244e38;}
.sidebar-contact{border-top: 3px solid #17aa44;}
.sidebar-title{background: linear-gradient(to right, #f8f9fa, #fff); color: #244e38; padding: 14px 18px; font-size: 15px; font-weight: bold; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #e8e8e8;}
.sidebar-title i{font-size: 18px; color: #17aa44;}
.sidebar-content{padding: 18px;}
.sidebar-list{list-style: none; padding: 0; margin: 0;}
.sidebar-list li{margin-bottom: 10px;}
.sidebar-list li:last-child{margin-bottom: 0;}
.sidebar-list li a{display: flex; align-items: center; gap: 10px; font-size: 13px; color: #555; padding: 10px 14px; background: #f8f9fa; border-radius: 8px; transition: all 0.3s ease; border: 1px solid transparent;}
.sidebar-list li a:hover{background: #244e38; color: #fff; border-color: #244e38; transform: translateX(3px);}
.sidebar-list li a i{font-size: 18px; color: #244e38; width: 20px; text-align: center;}
.sidebar-list li a:hover i{color: #fff;}
.contact-info-item{font-size: 13px; color: #555; line-height: 1.7; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #e8e8e8;}
.contact-info-item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.contact-info-item i{color: #17aa44; margin-right: 6px; font-size: 14px;}
.contact-info-item strong{color: #244e38; font-size: 14px;}
/* 产品详情section通用样式 */
.product-detail-section{background: #fff; border-radius: 16px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 15px rgba(0,0,0,0.05);}
.section-title{font-size: 18px; font-weight: bold; color: #244e38; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e8e8e8; position: relative;}
.section-title::after{content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background: linear-gradient(135deg, #244e38, #17aa44);}
.section-content{}
/* 简单列表样式 */
.simple-list{list-style: none; padding: 0; margin: 0;}
.simple-list li{font-size: 14px; color: #555; line-height: 1.9; margin-bottom: 10px; padding-left: 20px; position: relative;}
.simple-list li::before{content: "•"; position: absolute; left: 0; color: #17aa44; font-weight: bold; font-size: 16px;}
.simple-list li a{color: #244e38; text-decoration: underline;}
.simple-list li a:hover{color: #17aa44;}
/* 简单内容样式 */
.simple-content{font-size: 14px; color: #555; line-height: 1.9;}
.simple-content p{margin-bottom: 12px;}
.simple-content ul{list-style: none; padding: 0; margin: 0;}
.simple-content ul li{padding-left: 20px; position: relative; margin-bottom: 8px;}
.simple-content ul li::before{content: "•"; position: absolute; left: 0; color: #17aa44; font-weight: bold;}
/* 响应式 */
@media (max-width: 1200px) {
.product-detail-header{flex-direction: column;}
.product-detail-gallery{width: 100%;}
}
@media (max-width: 992px) {
.product-detail-wrapper{flex-direction: column;}
.product-detail-sidebar{width: 100%; position: static;}
.sidebar-box{display: inline-block; width: 48%; vertical-align: top; margin-right: 2%;}
.sidebar-box:last-child{margin-right: 0;}
}
@media (max-width: 768px) {
.product-detail-main-img{height: 300px;}
.product-features-icons{flex-wrap: wrap; justify-content: center;}
.sidebar-box{display: block; width: 100%; margin-right: 0;}
}
.productshowwidth{padding-bottom:60px;}
.application_width{width: 100%; padding-left: 0px; padding-top:50px; display: block; max-width:initial; flex:auto}
.application_width .product_right_li_txt_title{padding-bottom: 10px;}
.application_width .product_right_li_img{width:33%;min-width: 349px;}
.application_width .product_right_li{ margin-bottom: 50px;}
.application_width .product_right_li:nth-last-child(3){ margin-bottom: 10px;}
.application_show_txt{margin:0px auto; max-width: 1200px;}
.application_show_txt .product_title{text-align: center;}
.application_show{padding: 30px 0px 20px;}
.application_show{font-size: 16px; line-height: 1.6;}
.application_show img{display: block; padding: 10px 0px;}
.application_show h2{font-size: 24px; font-weight: bold; display: block; padding: 15px 0px;}
.application_show h3{font-size:18px; font-weight: bold; display: block; padding:15px 0px;}
.border_top{border-top: #e0e0e0 solid 1px;}
.application_width_bor{padding: 0px; padding-bottom: 50px;}
.application_more{display: block; padding-top:40px;}
.application_more a{ display: block; text-align: center;}
.about_content{padding: 60px 0px;}
.about_content_title{font-size:16px; color: #244e38; text-transform: uppercase;font-size: 12px; font-weight: bold; padding-bottom: 20px;}
.about_content_title b{font-size: 36px; display: block; padding-bottom:5px;}
.about_content_txt{display: table; width: 100%; padding-bottom: 30px;}
.about_content_txt_img{display: table-cell; width: 50%; padding-right:30px; vertical-align: middle;}
.about_content_txt_ct{display: table-cell; width: 50%; vertical-align: middle; font-size: 18px;}
.about_content_txt_ct b{font-size:26px; display: block; padding-bottom:5px;}
.news-meta-info{display: flex;text-align: center; gap: 25px; margin-bottom: 20px; padding: 12px 0; border-bottom: 1px solid #e8e8e8;}
.news-meta-item{display: flex; align-items: center; gap: 8px; font-size: 13px; color: #888;}
.news-meta-item i{color: #17aa44; font-size: 14px;}
.contact_width{padding: 50px 0px;}
.contact_title{font-size: 18px; color: #999; text-align: center;}
.contact_title b{font-size: 32px; display: block; color: #000; padding-bottom: 10px;}
.contact_table{overflow: hidden;margin-top: 30px; background: #f5f5f7;}
.contact_table_li{width:50%; float: left; padding: 10px;}
.contact_table_li_box{ background: #f6f6f6; padding: 30px; border-radius: 10px;}
.contact_table_li_box_title{font-size: 24px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e0e0e0 solid 1px;}
.contact_table_li_box_txt{display: table; width: 100%; padding:5px 0px; font-weight: bold;}
.contact_table_li_box_txt span{display: table-cell; width: 80px; color: #999; font-weight: normal;}
.contact_table_li_box_but{padding-top: 20px;}
.contact_table_li_box.active{background: #244e38; color: #fff;}
.contact_table_li_box.active .contact_table_li_box_txt span{color: #fff;}
.contact_table_li_box.active .but_class{background: #fff; color: #244e38;}
.contact_table_li_txt{padding:30px;}
.contact_table_name{font-size:32px; font-weight: bold; line-height: 1.4; border-bottom: #333 solid 3px; padding-bottom: 10px; margin-bottom: 10px;}
.contact_table_name span{font-size:16px; display: block; color: #244e38;}
.contact_table_txt{display:table; padding:25px 0px; border-bottom: 1px solid #dcdcde; width: 100%;}
.contact_table_txt_icon{display:table-cell; width: 38px; vertical-align: middle;}
.contact_table_txt_icon span{display:inline-block; width: 38px; height: 38px; border-radius: 100%; overflow: hidden; border: 2px solid #1a1a1a;}
.contact_table_txt_ct{display:table-cell; padding-left: 15px; vertical-align: middle; font-size: 18px;}
.contact_table_txt_ct span{display: block; color: #666; font-size: 16px;}
/* ==================== 联系我们页面样式 ==================== */
.contact-wrapper{position: relative; width: 100%;}
.contact-bg{position: relative; width: 100%; z-index: 0;}
.contact-bg img{width: 100%; height: auto; display: block;}
.contact-container{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.contact-info-area{position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 420px; display: flex; flex-direction: column; gap: 15px;}
.contact-section{background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-radius: 12px; padding: 22px 26px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); transition: all 0.3s ease;}
.contact-section:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.15);}
.section-header{display: flex; align-items: center; gap: 14px; margin-bottom: 3px;}
.section-icon-wrap{width: 40px; height: 40px; background: linear-gradient(135deg, #244e38, #17aa44); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; flex-shrink: 0; transition: all 0.3s ease;}
.section-icon-wrap:hover{transform: scale(1.08);}
.section-icon-wrap.sweden{background: linear-gradient(135deg, #006AA7, #FECC00);}
.section-title{font-size: 18px; font-weight: bold; color: #244e38; flex: 1;}
.section-divider{display: none;}
.contact-main-info{margin-bottom: 5px; padding-bottom: 8px; border-bottom: 1px dashed #e8e8e8;}
.contact-company-name{font-size: 16px; font-weight: bold; color: #244e38; margin-bottom: 6px;}
.contact-company-badge{display: inline-block; padding: 4px 12px; background: rgba(36,78,56,0.08); color: #244e38; font-size: 12px; border-radius: 14px; border: 1px solid rgba(36,78,56,0.15);}
.contact-company-badge.sweden-badge{background: rgba(0,106,167,0.08); color: #006AA7; border-color: rgba(0,106,167,0.15);}
.contact-details-grid{display: flex; flex-direction: column; gap: 10px;}
.contact-detail-item{display: flex; gap: 12px; padding: 13px 15px; background: #fafbfc; border-radius: 8px; transition: all 0.3s ease;}
.contact-detail-item:hover{background: #f0f7f3;}
.detail-icon{width: 36px; height: 36px; background: linear-gradient(135deg, rgba(36,78,56,0.1), rgba(23,170,68,0.1)); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #17aa44; flex-shrink: 0;}
.detail-content{flex: 1; min-width: 0;}
.detail-label{font-size: 12px; color: #999; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 1px;}
.detail-text{font-size: 14px; color: #333; line-height: 1.5; font-weight: 500;}
@media (max-width: 992px) {
.contact-info-area{position: relative; right: auto; top: auto; transform: none; width: 100%; max-width: 600px; margin: 0 auto; padding: 30px 20px;}
.contact-container{min-height: auto;}
.contact-wrapper{min-height: auto;}
.contact-bg{position: relative; height: 300px;}
.contact-bg img{height: 300px;}
}
@media (max-width: 768px) {
.contact-info-area{padding: 20px 15px;}
.contact-section{padding: 20px;}
.contact-company-name{font-size: 15px;}
.contact-detail-item{padding: 1px 12px; gap: 10px;}
.detail-icon{width: 34px; height: 34px; font-size: 14px;}
.detail-text{font-size: 12px;}
}
.about_nav{text-align: center; padding: 30px 20px 40px; border-bottom: #ddd solid 1px;}
.about_nav .navbarbox_ul_li{border: 1px #ddd solid; border-radius: 90px; display: inline-block; font-size:18px; padding: 8px 20px; margin: 0px 5px;}
.about_nav .navbarbox_ul_li.active{background: #244e38; color: #fff; border-color: #244e38;}
.about_nav .navbarbox_ul_li.active a{color: #fff;}
.BMap_pop, .BMap_shadow{display: none;}
.BMap_Marker{z-index: 9999;}
.map{height: 780px;}
.technology_ct{margin: 0px -15px; overflow: hidden; padding-top: 30px;}
.technology_ct .product_right_li{width: 50%; float: left; padding: 15px; margin: 0px;}
.banner_top{padding-top: 85px;}
.foot_img{display: block;}
.foot_img img{width: 100%;}
.foot{display: block;}
.foot_width{padding: 40px 0px;overflow: hidden; display: table; width: 100%;}
.foot_add{ display: table-cell; vertical-align: top; width: 35%; border-right: #ddd solid 1px; padding-right:5%; background:url(../images/map.jpg) center top no-repeat; background-size:auto 100%;}
.foot_add b{display: block; color:#244e38; padding-bottom: 10px;}
.foot_contact{display: table-cell; width: 35%; padding-left:5%; vertical-align: top; border-right: #ddd solid 1px; padding-right: 10%;}
.foot_contact_li{font-size: 16px; font-weight: bold; padding: 5px 0px;}
.foot_contact_li i{color:#244e38; margin-right: 5px;}
.foot_search{display: table-cell; vertical-align: top; padding-left:5%; }
.FSLabel{position: relative; display: block;}
.FSLabel .FSName{padding:8px 15px; padding-right: 30px; background: #ddd; border-radius: 5px; border: none; width: 100%;}
.FSLabel i{position: absolute; cursor:pointer; top: 50%; color:#244e38; right: 15px; margin-top: -8px; font-size:18px;}
.HrefList{display: block; padding-top: 10px;}
.HrefList a{margin: 0px 5px;}
.HrefList a:nth-last-child(1){margin-right: 0px;}
.HrefList a{color:#244e38; font-size: 16px;}
.HrefList a:hover{color:#00bf86; }
.foot_bottom{background: #dfdfdf; padding: 12px 0px; color: #000; font-size: 12px; text-align: center;}
.foot_bottom a{padding: 0px 5px;}
.product_c{padding:40px 0px; overflow: hidden; margin: 0px -20px; -webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.product_c .product_c_li{ background:#FFF; padding:15px; text-align:center; width: 25%; float: left; }
.BestSellers_but{padding: 10px 0px;}
.BestSellers_li{padding: 20px; border: #ddd solid 1px;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.BestSellers_title{padding: 20px 0px;font-size:20px; font-weight: bold; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.technology_txt{padding: 40px 0px 10px; font-size: 18px;}
.Solution{padding:60px 0px; margin: 0px auto;}
.Solution_li{display: table; width: 100%; background: #f2f2f2;}
.Solution_li_img{display: table-cell; width: 50%; vertical-align: middle;}
.Solution_li_txt{display: table-cell;width: 50%;vertical-align: middle;padding: 40px;font-size: 18px;line-height: 1.6;}
.Solution_li_txt b{display: block; padding-bottom: 10px; font-size: 24px;}
.Solution_li_txt .title_more{margin-top: 20px;}
@media (min-width:1000px) {
.home_news_li:nth-child(1) .home_news_li_ct{display: block;}
.home_news_li:nth-child(1) .home_news_li_ct .home_news_li_img{width: 100%; display: block; padding: 0px;}
.home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt{width: 100%; display: block; padding:3% 1%;}
.home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt a{font-size: 24px;}
.product_c .product_c_li:hover .BestSellers_li{box-shadow: 0 0px 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0px 10px rgba(0,0,0,.2); -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
}
@media (min-width:768px) {
.home_product_ct:hover .home_product_img img{transform:scale(1.08);-o-transform:scale(1.08);}
.home_content_ct:hover .home_content_img img{transform:scale(1.08);-o-transform:scale(1.08);}
}
@media (max-width:1440px) {
.classification_centent{display: block;}
.classification_li{width: 16.6666666%;}
.classification_li_ct{width: auto; height: auto;}
.classification_li_txt{padding-bottom: 30px;}
.top_nav li a{font-size: 18px; margin: 0px 30px;}
}
@media (max-width:1100px) {
.top_header{padding:0px 15px ;}
.top_nav li a{margin: 0px 25px; padding:30px 0px; line-height: 26px;}
.top_logo{padding:23px 0px;}
.top_right_padding{width: 40px; height: 40px; background-size:18px auto;}
.top_right_qr_box {top: 63px;}
.banner{padding-top: 88px;}
.top_logo .logo_p{display: none;}
.top_logo .logo_m{display: block;}
.top_logo img{height: 40px;}
.top_language .layui-unselect{color: #333;}
.title{font-size:32px; padding: 20px 0px;}
.title_txt{font-size:20px; }
.classification_li_txt{font-size: 20px;}
.banner{padding-top:70px;}
.banner-text{right: 5%; left: 5%; text-align: center;}
.banner-title{font-size: 24px;}
.banner-subtitle{font-size: 13px; max-width: 100%;}
.banner-btn{padding: 10px 24px; font-size: 14px;}
.top_nav .nav_a_mobi{display:block}
.top_nav .nav_a_pc{display:none}
.top_logo{padding: 15px 0px;}
.top_left{display: none}
.top{background: #FFF; text-align: left;}
.top_header .top_logo{position: relative;}
.top_nav li.top_login{float: none;}
.top_nav li.top_login .login-btn{padding: 20px 0px; margin: 0; font-size: 18px;}
.top_nav li.top_login .login-btn i{font-size: 16px;}
.top_nav_icon{position:absolute;right:100px;top:15px;display:block;cursor:pointer;z-index: 2;}
.top_nav_icon span{width:30px; height:3px; background:#000; display:block; margin:8px 0px; border-radius: 10px;}
.top_nav_icon span:nth-child(2){width: 80%;}
.top_icon .top_icon_li{display: none;}
.top_icon{top: 5px;}
.top.fixed .top_logo{display: inline-block; position: relative; }
.top.fixed .top_icon{top: 1px}
.top:after{height: 90px;}
.top.fixed .top_nav_icon span{background:#333; }
.top_nav li:hover .arrowDG_menu{display: block;}
.top_nav li a{text-align: left;}
.top_nav li a i{float: right; font-size:24px;}
.top_nav_width{position:fixed; top:0px; left:-100%; height:100%; padding:0px; width:100%; max-width: 420px; padding:20px 0px; z-index:99; opacity:1; overflow:auto;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transform:all .5s;
}
.top_nav li>a{ color: #333;}
.top_nav li{display: block; float: none;}
.top_nav{display: block; text-align: center;}
.top_nav li>a{display: block;}
.top_nav li:hover>a:before{display: none;}
.arrowDG_menu{ position: relative; height:auto; display: none; opacity:1; background: #eee!important;}
.navbarbox_li{width: 100%; padding: 10px!important;}
.navbarbox_li_txt{width: 50%;}
.top_nav .navbarbox_li_txt a{font-size: 12px; line-height: 20px;}
.top_nav .navbarbox_li_txt img{margin-right: 5px; height: 20px;}
.navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 50%;}
.top_nav li{border-bottom: #ddd solid 1px;}
.top_nav li a{padding:20px 0px; font-size: 18px;}
.cor_ls{ color: #4eb6c0}
.cor_hs{ color: #ea618b}
.top_nav_width_logo{display: block; padding:20px 20px 15px; text-align:center;}
.top_nav_width_logo img{width:40%;}
.top_nav_Close{display: block;padding:5px; color: #fff; font-size: 30px; position: absolute; top: 10px; right:-40px; background: #244e38; cursor: pointer;}
.top_nav_Close i{font-size: 30px; }
.top_nav_width_bg{position: absolute; padding-bottom: 10px; height: 100%; width:80%; background: #fff; z-index: 9; top: 0px; left: 0px;}
.top_nav_width:before{background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left: -100%; top:0px; height: 100%; content:""; display: block;}
.top_nav_mobile{left: 0px;}
.top_nav_mobile.top_nav_width:before{left: 0px;}
.Inner_banner_title h1{font-size: 56px;}
.product_width_li_ct_title h2{font-size:24px; line-height: 1.3; margin: 2px 0px;}
.arrowDG_menu_w .arrowDG_menu{width: 100%;}
.top_nav li{position: relative;}
.arrowDG_menu_icon{position: absolute; right: 0px; top:6px; padding: 0px 10px; right: 10px; z-index: 2;}
.arrowDG_menu_icon:after{ content: "+"; display: block; font-size: 30px; color:#333!important; line-height: 1.2;}
.arrowDG_menu_w .navbarbox_ul_li a{color:#333}
.top_nav li .arrowDG_menu_icon:hover .arrowDG_menu{ display: block;}
.arrowDG_menu_w .navbarbox_ul_li{text-align: center;}
.arrowDG_menu_icon_j:after{ content: "-";}
.top_icon .top_icon_block{display: inline-block; padding:14px 5px;}
.top_language, .top_right_user, .top_right_Collection{float: right;}
.top_language{margin-top: 22px;line-height: 20px;padding: 2px 10px;width:65px;padding-right: 0px;}
.top_right_padding{ margin:15px 5px;}
.fixed_top .top_language .layui-form-select{background: url(../images/cn_icon.png) left bottom no-repeat; background-size:20px auto;}
.top_icon{padding-right: 0px;}
.top_language .layui-form-select{padding-left: 25px;}
.classification_wdith{padding-bottom: 30px;}
.classification_centent{width:90%;}
.classification_li{width:33.333333%;}
.classification_li_txt{padding-bottom: 30px;}
.home_product_li{width:33.33333%;}
.home_content{padding: 40px 0px;}
.foot_logo{display: block; float: none; padding-bottom:40px; width: 100%;}
.foot_nav{width: 40%; padding: 0px; padding-right: 40px;}
.product_right_li_img{width: 230px; border-radius: 0px;}
.product_right_li_img img{/* border-radius: 10px; */}
.home_about_txt_but{padding: 20px 0px;}
.home_content_li .home_product_txt{font-size: 24px; padding: 20px;}
.product_title{font-size: 30px;}
.product_title{padding-bottom: 10px;}
.Productshow_right_txt{font-size: 14px;}
.skin_type_box__right{padding-left: 40px;}
.Productshow_right_txt{padding: 10px 0px;}
.Productshow_right_but{padding-top: 30px; margin-top: 30px;}
.parameter_li_width{font-size: 14px;}
.Productshow_content{padding: 30px 0px;}
.Productshow_title{padding: 30px 0px;}
.Productshow_content{margin-bottom: 10px;}
.product_right_li_txt{padding-left: 25px;}
.contact_table_li{width: 50%;}
}
@media (max-width:1000px) {
.product_width{display: block;}
.product_right{display: block; width: 100%; max-width:inherit; padding:20px 0px;}
.visible-lg, .visible-md, .visible-sm, .visible-xs{display: block !important;}
.product_left{width: 100%;position: fixed;height: 100%;background: #fff;border: none;z-index: 99;opacity: 1;top: 0px;right: 0px;left: -100%;padding:15px; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.column_left_Close{float:right; top:20px; display:block !important; border-radius: 100%; font-size:26px; color:#fff; background: #244e38; line-height:30px; text-align: center; position: absolute;width: 30px;height: 30px;right:20px;}
.column_left_Close i{display: inline-block; line-height: 30px;}
.blog_empty_centent .panel-defalt h3{margin-bottom: 20px;}
.product_left.calendar_left_auto{left: 0px;z-index: 99999;opacity: 1;padding:20px; overflow-x: auto; right: 81px;}
.calendar_m_nav{font-size:18px; display:none; cursor:pointer; background:#244e38; color:#fff; padding:10px 15px; margin-bottom: 10px; font-weight: bold;}
.calendar_m_nav i{margin-right: 5px;}
.Insideb_banner{padding:0px;}
.product_width{padding: 0px 5px; padding-bottom: 30px;}
.home_about_width{display: block;}
.home_about_txt{display: block; padding: 0px; padding-bottom: 20px;}
.home_about{padding: 10px 0px 50px;}
.home_application{padding: 40px 0px;}
.home_about_video{display: block; width: 100%;}
.home_about_video img{width: 100%;}
.foot_logo_txt{display: inline-block;}
.product_c{padding: 20px 0px;}
.product_c .product_c_li{width: 33.33333%;}
.home_news_width{padding-top:10px; margin: 0px;}
.home_news_li{width: 100%; padding:10px 0px; }
.home_news_li_txt{ padding: 15px;}
.home_news_li_img{padding: 0px;}
.home_news_li_img img{width: 100%;}
.home_news{padding:20px 0px 40px;}
.product_left_nav{display: block;}
.Insideb_title{display: block;}
.about_nav{padding: 0px 10px; border: none; margin: 0px; margin-top: 10px; text-align: left;}
.product_nav_two{padding:5px;}
.product_nav_two a{margin:10px; display: block; font-size: 16px;}
.home_about_mub_li .timer{font-size: 42px;}
}
@media (max-width:800px) {
.home_content{margin: 0px -10px;}
.home_content_li{/* padding: 10px; */}
.home_content_li .home_product_txt{padding-top: 20px;}
.foot_logo {padding-bottom: 30px;}
.foot_nav_title{font-size: 16px;}
.foot_nav{padding-right: 30px;}
.foot_nav_txt span{width: 65px;}
.foot_nav{width: 42%;}
.foot_logo img{height: 35px;}
.foot_width{padding: 30px 0px;}
.title{font-size: 38px;}
.Insideb_title{font-size: 22px; padding-bottom:20px;}
.product_right_li_txt_title{font-size:20px; padding-bottom: 10px;}
.but_class{font-size: 16px; padding: 10px 30px;}
.product_right_li_img{width:200px;}
.Productshow_width{padding:0px 10px; overflow: hidden; display: block;}
.skin_type_box_left{width: 100%;}
.skin_type_box__right{width: 100%; padding: 0px; padding-top:30px;}
.position_bg{padding:10px 5px;}
.Productshow_width{padding-bottom: 40px; margin-bottom: 0px;}
.Productshow_title{padding: 25px 0px; font-size:20px;}
.Productshow_parameter{margin: 0px;}
.parameter_li{width: 100%; padding: 0px;}
.Productshow_parameter:nth-child(2n) .parameter_li_width{background:#f5f5f5;}
.parameter_li:nth-child(2n) .parameter_li_width{background: #fff;}
.Productshow_content{margin-bottom: 0px;}
.productshowwidth{padding-bottom: 30px;}
.about_content{padding: 20px 10px;}
.about_content_txt{display: block;}
.about_content_txt_img{display: block; width: 100%; padding: 0px;}
.about_content_txt_ct{display: block; width: 100%; padding: 0px; padding-top: 30px;}
.about_content_title b{font-size:30px;}
.about_content_txt_ct b{font-size: 20px; padding-bottom: 10px;}
.contact_width{padding: 30px 0px;}
.contact_title{font-size: 16px;}
.contact_title b{font-size: 26px; padding-bottom: 5px;}
.contact_table{padding-top: 30px; margin: 0px;}
.contact_table_li_box{border-radius: 10px; padding: 20px;}
.contact_table_li_box_title{font-size: 20px; padding-bottom:15px; margin-bottom: 15px;}
}
@media (max-width:640px) {
.banner{padding-top:49px;}
.top_header{padding: 0px 0px;}
.top_logo{padding: 10px 0px;}
.top_logo img{height:28px;}
.top_nav_icon{right:15px;top:8px;}
.top_icon{/* padding-right:28px; */}
.top_right_padding{width: 28px; height: 28px; margin:11px 3px; background-size: 13px auto;}
.top_nav_icon span{width: 22px; margin: 6px 0px;}
.top-txt-search{width: 100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 15px;}
.top_right_qr_box{top: 42px;}
.top_right_tel .top_right_qr_box{right: 40px; padding: 10px;}
.top_right_qr_box{width: 130px;}
.top_right_tel .top_right_qr_box{ font-size: 14px; width: 200px; right: -40px;}
.top_right_qr_box_li span{width: 70px;}
.top_right_qr_box_li{padding: 5px;}
.classification_centent{width: 100%;}
.classification_li{width: 50%;}
.title{font-size:30px; padding: 20px 0px;}
.classification_li{padding: 5px;}
.classification_li_ct{border-radius: 10px;}
.classification_li_img{padding: 30px 0px;}
.classification_li_txt{padding-bottom: 20px;}
.home_product_ct{border-radius: 10px;}
.home_product{overflow: hidden; margin: 0px;}
.home_product_li{width: 50%; padding: 5px;}
.top_language{margin-top: 12px;}
.banner_swiper_Pagination{display: none;}
.home_product_li:nth-child(n+15){display: none;}
.home_content{margin: 0px; padding: 20px 0px;}
.home_content_li{padding: 5px;}
.foot_width{display: block;}
.foot_add{ border: none; width:100%;display: block; padding:0px 0px 15px; margin: 0px; margin-bottom: 15px; border-bottom: #ddd solid 1px;}
.foot_contact{ border: none; width:100%;display: block; padding:0px 0px 10px; margin: 0px; margin-bottom: 10px; border-bottom: #ddd solid 1px;}
.foot_contact_li{padding:5px 0px;}
.foot_search{width: 100%; padding: 0px; padding-top: 15px; display: block;}
.classification_li_img img{height: 45px;}
.classification_li_txt{font-size: 18px;}
.main{width: 30px; right: 5px; bottom: 20px;}
.pagination ul li >a{line-height: 36px; width: 36px; height: 36px; text-align: center;}
.pagination ul li >a.pagination_but{padding: 0px 10px; width: auto; white-space: nowrap;}
.pagination ul li >span{line-height: 36px; width: 36px; height: 36px;}
.pagination ul li .fa{line-height: 36px; margin-top: -1px;}
.pagination ul li .fa{margin: 0px;}
.pagination > li{margin:0px 1px;}
.pagination{ padding:10px 0px; margin: 0px;}
.product_right{padding: 10px 0px;}
.product_right_li_img{width: 100%; display: block;}
.product_right_li_txt{padding-left: 20px;}
.product_right_li{display: block;border:#e0e0e0 solid 1px;padding:0px;/* border-radius: 10px; */overflow: hidden;}
.product_right_li_txt{padding:20px; background: #fff;}
.but_class{padding: 6px 20px;}
.m-video .m-video-icon{font-size: 60px; margin-top: -45px;}
.home_about_cooperate{padding-top: 0px;}
.cooperate_with{margin: 0px;}
.cooperate_li{padding: 5px; width: 33.333333%;}
.Productshow_width{padding:0px; padding-bottom: 30px;}
.Productshow_right_but{padding-top: 25px; margin-top: 20px;}
.Productshow_right_but_li a{font-size: 16px; border-radius:5px;}
.product_title{font-size: 24px;}
.application_width{padding-bottom: 20px;}
.application_width .product_right_li_img{width: 100%; min-width: initial;}
.product_right_li_img img{border-radius:0px;}
.application_width .product_right_li:nth-last-child(2){margin: initial;}
.application_width .product_right_li{margin-bottom: 20px !important;}
.application_content{padding-top:5px;padding-bottom: 10px;}
.application_show{padding-top: 15px; font-size: 14px; }
.application_show h2{font-size: 20px; padding: 10px 0px;}
.application_show h3{font-size: 16px; padding: 5px 0px;}
.application_more{padding: 10px 0px;}
.about_content{padding:0px;}
.about_content_txt{padding-bottom: 20px;}
.about_content_txt_ct{padding-top: 20px;}
.about_content_title b{font-size: 24px; padding-bottom:0px;}
.contact_width{padding: 10px 0px;}
.contact_table{padding-top:15px;}
.contact_title b{font-size: 24px;}
.contact_table_li{width: 100%;}
.about_nav{padding:0px 15px 10px; }
.about_nav .navbarbox_ul_li{float: left; margin: 5px 1%; font-size: 16px; min-width: 31.333333%; padding: 8px 15px;}
.about_nav{overflow:hidden;}
.about_content_txt_ct{font-size: 16px;}
.container{padding: 0px 15px; width: 100%;}
.home_about{padding: 0px;}
.home_application{padding:50px 0px;}
.title{font-size: 24px;}
.home_about_txt_ct{font-size: 16px;}
.cooperate_with{padding-bottom: 30px;}
.home_about_cooperate{padding-top: 10px;}
.home_content{padding: 0px 0px 30px;}
.home_content_width{margin: 0px; padding-top: 0px;}
.home_content_li .home_product_txt{font-size: 20px; padding:20px;}
.home_content_li .home_product_txt .home_product_txt_icon img{height: 50px;}
.home_brand_title{padding-bottom: 0px;}
.home_news{padding-top: 5px;}
.foot_logo_but{font-size: 14px;}
.home_news_li_ct{display: block;}
.home_news_li_img{display: block; width: 100%;}
.home_news_li_txt{padding:15px; box-shadow: 0 5px 5px rgb(0 0 0 / 10%);}
.home_news_width{background:none; box-shadow: 0 0px 0px rgb(0 0 0 / 10%); padding: 0px;}
.home_content_li{width: 100%; padding: 5px 0px;}
.home_news::after{height:200px;}
.title b::after{width:60px; height: 3px;}
.title_txt{font-size: 16px;}
.calendar_m_nav {margin: 0px;}
.product_c{padding:5px 0px; margin: 0px -7px;}
.product_c .product_c_li{width: 50%; padding: 7px;}
.BestSellers_li{padding: 10px;}
.BestSellers_title{
font-size: 18px;
font-weight: 300;
/* height: 50px; */
line-height: 1.4;
padding: 0px;
margin:10px 0px;
-webkit-line-clamp: 2;
display:block;
white-space:normal;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.technology_width {padding: 0px 0px 20px;}
.technology_txt{padding: 0px 0px 10px; font-size: 18px;}
.Insideb_banner span{font-size: 16px;}
.home_about_mub_li{width: 50%; padding: 20px 0px;}
.home_about_mub_li:nth-child(2n) {border: none;}
.home_about_biao_li{width: 50%; padding:15px 10px;}
.home_about_biao{padding: 0px;}
.home_about_centent{margin-bottom: 30px;}
.home_about_txt{font-size: 14px;}
.home_about_more{padding: 10px 0px 15px;}
.home_about_biao_li_txt b{font-size: 18px;}
.home_about_centent{padding:5px 20px;}
.home_about_biao_li_txt{min-height:90px;}
.home_about_biao_li_img img{height: 35px;}
.Solution{padding: 30px 0px;}
.Solution_li{margin-bottom: 15px; padding: 15px; flex-wrap: wrap; display: flex;}
.Solution_li_img{display: block; width: 100%; order: -1;}
.Solution_li_txt{font-size: 14px; line-height: 1.6; display: block; width: 100%; padding:20px 0px 0px;}
.Solution_li_txt b{font-size: 20px; padding-bottom: 5px;}
.contact_table_txt{padding: 20px 0px;}
.contact_table{margin-top: 20px;}
.contact_width{padding-top: 20px;}
.contact_table_li_txt{padding:20px; padding-top:10px;}
.contact_table_txt_ct{font-size: 16px;}
.contact_table_name{font-size: 24px;}
.contact_table_name span{font-size: 12px;}
.map{height:500px;}
}
.form_button {
width: auto;
vertical-align: middle;
border: 0 none;
}
.btn {
background-color: #2b2b2b;
color: #fff;
}
.joblist li {
overflow: hidden;
}
table.job_table {
margin: 8px 0px;
padding: 0px;
text-align: center;
width: 100%;
border-collapse: collapse;
}
table.job_table td {
padding: 8px 5px;
border: 1px solid #DADBD6;
}
table.job_table .Requirement {
text-align: left;
padding: 8px 5px;
line-height: 1.5em;
}
table.job_table th {
color: #333;
font-weight: bold;
text-align: center;
border: 1px solid #DADBD6;
}
table.job_table .t1 {
font-weight: bold;
padding: 5px 0;
width: 20%;
}
table.job_table .t2 {
text-align: left;
width: 25%;
}
table.job_table .t3 {
font-weight: bold;
width: 25%;
}
table.job_table .t4 {
text-align: left;
width: 25%;
}
table.job_table .operation {
text-align: center;
margin: 0 auto;
}
table.resume_table {
margin: 3px;
text-align: center;
width: 97%;
border-collapse: collapse;
}
table.resume_table th {
font-weight: bold;
text-align: left;
width: 100px;
}
table.resume_table td {
text-align: left;
}
table.resume_table .operation {
text-align: center;
}
table.resume_table #Detail {
height: 200px;
}
.videolist {
margin-top: 5px;
}
.videolist li {
float: left;
width: 25%;
margin-bottom: 10px;
text-align: center;
overflow: hidden;
transition: all .2s linear
}
.videolist li:hover {
transform: translate3d(0, -4px, 0);
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
.videolist li.n0 {
margin-left: 0;
}
.videolist li img {
border: 1px solid #fff;
width: 100%;
height: 190px
}
.videolist li a {
display: block;
position: relative;
padding: 5px;
}
.videolist li .InfoTitle {
display: block;
padding: 10px 0;
}
.videolist li .InfoTitle a {
white-space: nowrap;
}
.videolist li i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/play.png) center center no-repeat;
cursor: pointer;
}
.product_list_width{position: relative; display: flex; padding-top: 30px; -webkit-box-pack: justify; justify-content: space-between;}
#column_left{float:left;width:20%;padding:0px 0px;flex: 0 0 250px;position: sticky;top: calc(0px);align-self: flex-start;}
.filter_title{font-size:24px;border-bottom: 2px solid #244e38;padding-bottom:25px;color:#333;font-weight: 600;margin-bottom:10px;}
.panel-defalt{padding:15px 10px;font-size: 18px;border-bottom: 2px solid #ddd;}
.filter_search{margin-bottom:50px; display: block; position: relative;}
.filter_search .tsch_txt{border-radius: 30px;padding: 15px 25px;border: #333 2px solid;width:100%;background: none;font-size: 14px;}
.filter_search .tsch_txt:focus{border-color: #244e38;}
.filter_search .tsch_btn{position: absolute; cursor: pointer; right: 12px; top:50%; margin-top: -12px; height: 24px; width: 24px; border: none; background:url("../images/search_icon.png") center center no-repeat; background-size: 100% auto; }
.panel-defalt.on{ background: #dde3e0;}
.panel-defalt.on a{color: #244e38;}
.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}
.panel-defalt h3{margin:0 0 5px; cursor:pointer; font-size:18px; font-weight: normal; padding-bottom:12px; position:relative;border-bottom:1px solid #e0e0e0;}
.panel-defalt h3 i{float:right; font-size:14px; line-height: 24px;}
.panel-defalt h3.active .layui-icon-down:before{content: "\e619"}
.panel-defalt .filter{display:none;}
.panel-defalt .filter .price_line{margin:5px 0 0; display:inline-block; width:100%; text-align:right;}
.panel-defalt .filter .price_line .hr{border-top:1px solid #e0e0e0; width:100%; margin-bottom:-8px; margin-top:20px;}
.panel-defalt .filter .price_line span.left{ float:left; background:#Fff; padding-right:10px;}
.panel-defalt .filter .price_line span.right{ display:inline-block; background:#Fff; padding-left:10px;}
.panel-defalt .filter a.active{ color: #f26739;}
.panel-defalt .filter ul{margin:0;list-style:none; padding:5px 0px;}
.panel-defalt .panel-defalt-nav li ul{padding-left:20px;}
.panel-defalt .filter li{display: block; position: relative; line-height: 1.4}
.panel-defalt .filter h3{ font-size: 14px; font-weight: normal; display: inline-block; position: absolute; right:0px; font-family: "DIN-Regular"; margin: 0px; border: none; padding: 0px;}
.panel-defalt .filter h3 i{font-size: 14px; margin-top: 3px;}
.panel-defalt .filter h3.active .fa-angle-down:before{content: "\f106";}
.panel-defalt .panel-defalt-nav h3 .fa-angle-down:before{content: "+"; font-size: 16px; font-weight: bold; }
.panel-defalt .panel-defalt-nav h3.active .fa-angle-down:before{content: "ï¼Â";}
.panel-defalt .panel-defalt-nav ul li{overflow: hidden;}
.panel-defalt .panel-defalt-nav ul li a{padding-left:18px;}
.panel-defalt .panel-defalt-nav h3{ right: auto; left: 0px; top: -1px;}
.panel-defalt .filter ul li{margin:5px 0;display:inline-block;width:100%;}
.panel-defalt .filter ul li .filter{padding-left:0px;}
.regular-radio{display:none;}
.regular-radio + label {background: url(../images/checkout1.jpg) no-repeat top 4px left; font-size: 18px; line-height:26px; position: relative;min-height: 26px; display: inline-block; padding: 0;cursor:pointer; padding-left:30px; margin:0; font-weight:normal;color:#333; text-align:left;}
.regular-radio + label a{ display:inline-block; text-decoration: underline;color:#244e38;}
.regular-radio:checked + label{background:url(../images/checkout2.jpg) no-repeat top 4px left;}
.regular-radio:checked + label{color: #244e38;}
.multi-filter-wrapper .filter-price-section .range-input-group {margin:5px 0 0; overflow: hidden;}
.multi-filter-wrapper .filter-price-section .range-input-group input {width: 100%; text-align:right; border-radius:0; border-color:#e0e0e0;}
.range-input-group .range-input:before{content:"HK$"; color:#999; position:absolute; left:10px; top:50%; margin-top: -8px;}
.multi-filter-wrapper .filter-price-section .range-input-group input::-webkit-outer-spin-button, .multi-filter-wrapper .filter-price-section .range-input-group > input::-webkit-inner-spin-button {-webkit-appearance: textfield;}
.multi-filter-wrapper .filter-price-section .price-slider {margin: 25px 5px;height:4px;border-color: #f26739;}
.multi-filter-wrapper .filter-price-section .price-slider div {background-color: #f26739;}
.multi-filter-wrapper .filter-price-section .price-slider span {top:-8px; width:18px; height:18px;outline: 0;border-radius: 50%;background-color: #fff;border:3px solid #f26739;}
.multi-filter-wrapper .filter-price-section .range-input{width: 42%; position:relative; display: inline-block; float: left; border:none;}
.multi-filter-wrapper .filter-price-section .range-input-r{float:right;}
.multi-filter-wrapper .filter-price-section .to{display:inline-block; width:16%; text-align: center; line-height: 46px;}
#column_center{
padding: 20px 0 0 50px;
max-width: calc((100% - 250px));
position: sticky;
top: calc(0px);
align-self: flex-start;
flex: 0 0 calc((100% - 250px));
}
.product_ct{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:40px;}
.product_ct_li{border-radius:10px; overflow: hidden;}
.product_ct_li_wdth{display: table; object-fit: cover; aspect-ratio: 1/.9; background: url(../images/pr_bg.png) center center no-repeat; background-size: cover;}
.product_ct_li_img{display: table-cell; width:35%; vertical-align: middle;}
.product_ct_li_img img{width: 100%;}
.product_ct_li_txt{display: table-cell;position: relative;border-left: none;padding-left: 5px;padding-top: 5%;vertical-align: middle;vertical-align: middle;}
.product_ct_li_txt_bg{ padding:15px; padding-left: 5px; padding-right:15%; position: relative; z-index: 2; margin-top:5px; display: block; width:100%; }
.product_ct_li_txt::after{width: 100%; height: 100%; background: linear-gradient(to bottom, #b5e5ff 30%, #dff3fe 80%); display: none;
border-radius: 0px 50% 5px 0px; left: 0px; top: 0px; content: ""; position: absolute;}
.product_ct_li_txt h1{
font-size:18px;
margin: 5px 0px;
/* margin: 0px; */
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow: hidden;
}
.product_ct_li_txt h2{font-size:24px; font-weight: 400; padding: 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; margin: 0px;
overflow:hidden; color: #244e38;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.product_ct_li_txt h3{font-size: 14px; margin: 0px; padding: 0px; padding-bottom: 5px; font-weight: normal; opacity: .6; font-family:Verdana, Geneva, Tahoma, sans-serif;}
.product_ct_li_txt .title_more{padding-top:5px;}
.product_ct_li_txt .title_more a{font-size: 12px; padding: 10px 30px;}
.product_ct_li_txt .title_more a img{height:4px; margin-left: 5px;}
.product_ct_li_txt h4{font-size: 14px; opacity: .5; margin: 0px; padding: 0px; font-weight: normal; padding-bottom: 10px;}
.title_more{display: block;padding-top: .3rem;}
.title_more a{display: inline-block; padding: 0.14rem 0.6rem; font-size:1.6rem; color: #fff; background: #244e38; border-radius:5px;}
.title_more a img{height: .1rem; margin-left: .1rem;}
.title_more a:hover{background:#17aa44;}
.title_more i{font-size: 12px; margin-left: 10px;}
.column_nav_class{display: none;}
.column_nav_open{display: none;}
.product_nav{display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr)); padding-bottom: 30px;
grid-gap:20px;
padding-top: 10px;}
.product_nav_li{display: block; border: #ddd solid 1px;}
.product_nav_img{display: block; position: relative;}
.product_nav_img span{ position: absolute; left: 10px; top: 10px; font-size: 14px; font-weight: bold;}
.product_nav_li.on a{color: #244e38;}
.product_nav_li.on{border-color:#244e38 ;}
@media (max-width:1100px) {
.product_list_width{display: block; padding-top: 10px;}
#column_left{display: block; float: none; position: initial; width: 100%;}
.filter_title{font-size:18px;}
.filter_search{margin-bottom: 30px;}
.filter_title{padding-bottom: 20px;}
.regular-radio + label{font-size: 16px;}
.panel-defalt{/* width: 50%; *//* float: left; */}
.column_left_nav{overflow: hidden;}
#column_center{display: block; width: 100%; position: initial; max-width: initial; padding: 0px; padding-top:0px;}
.column_left_nav{position: fixed; width: 90%; height: 100%; max-width: 300px; top: 0px; left: 0px; z-index: 99999; transition:all .5s; left: -100%;}
.column_left_nav_bg{background: #fff; width: 100%; z-index: 2; position: relative; padding: 20px; height: 100%; overflow-y: auto;}
.column_left_nav.on{left: 0px;}
.column_left_nav.on::after{display: block;}
.column_left_nav.on .column_nav_class{display: block;}
.column_left_nav::after{position: fixed; width: 100%; height: 100%; content: ""; display: none; background: #000; opacity: .8; left: 0px; top: 0px; z-index: -1;}
.column_nav_class{ position:fixed; right: 15px; top: 15px; color: #fff; cursor: pointer;}
.column_nav_class i{font-size: 26px;}
.column_nav_open{display:inline-block; padding:3px 20px; background:#244e38; position:relative; left:0px; bottom: 10px; color: #fff; z-index: 9999; text-align: center; border-radius:5px;}
.column_nav_open i{line-height: 30px; font-size: 14px; margin-right:5px;}
.service_nav{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:5px;}
.service_nav_li a{padding: 10px; text-align: center;}
.service_table #column_left{padding-bottom: 0px;}
.product_ct{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width:500px) {
.product_nav{grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 10px; padding-top: 0px; font-size: 12px;}
.product_nav_img span{top: 10px; left: 10px; font-size: 12px;}
.product_ct{grid-template-columns: repeat(1, minmax(0, 1fr));}
}