html {font-size:625%;}
body {font-size:14px;background:#FFF;}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin:0;padding:0;}
body, html, input, button, textarea {color:#333;font-family:Arial, Helvetica, sans-serif;line-height:1.5}
body{background-color: #fff;}
article, aside, figcaption, figure, footer, header, main, nav, section {display:block;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4, h5 {font-size:14px;}
img {border:none;vertical-align:middle;max-width:100%;}
li {list-style:none;}
i, em {font-style:normal;}
a {color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none;}
a:hover {color:#e9aa00;text-decoration:none;}
input[type="text"]:focus {outline:none;}
input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
hr {height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;}
a:active, select, input, textarea {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;}
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline: 0;}
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,
.web_main:after,.page_main:after, .nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_item .news_cell:after,
.promote_list:after,.foot_contact_list .contact_item:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.sys_row,
.web_main,.page_main, .nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_item .news_cell,
.promote_list,.foot_contact_list .contact_item{*zoom:1;}
.clear {clear:both;}
/* layout */
body {width:100%;position:absolute;left:0;top:0;min-width: 1400px;}
.z9999 {z-index:9999!important;}
.layout {width: 1300px;margin:0 auto;position:relative;}
.web_head .layout,.index_main .layout{width: 90%;}
.index_bd .layout,.index_company_intr .index_bd .layout{width: auto;}
.web_foot .layout{width: 1400px;}
.hide{display: none;}
/*gotop*/
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#fff;background-color: #000;border: 2px solid #ccc;text-align: center;height:50px;width:50px;line-height: 50px;border-radius:50%;background-clip: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;z-index:99999;cursor:pointer;font-size:20px;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transform:translateY(50%) scale(0.8);-webkit-transform:translateY(50%) scale(0.8);-ms-transform:translateY(50%) scale(0.8);-o-transform:translateY(50%) scale(0.8);transform:translateY(50%) scale(0.8);}
.gotop:hover,.gotop.active:hover {color: #fff;background-color: #333;}
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.gotop em{font-size: 15px;width: 100%;position: absolute;left: 0;top: 0;color: #fff;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
.gotop:before{content: '\f077';font-family: 'fontawesome';display: block;}
.gotop:hover:before{-webkit-transform:translateY(-15px) scale(.5);-ms-transform:translateY(-15px) scale(.5);-o-transform:translateY(-15px) scale(.5);transform:translateY(-15px) scale(.5);opacity: 0;filter: alpha(opacity=0);}
.gotop:hover em{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
/* transition */
.head_nav li a,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.nav_wrap .head_nav li li>a:before,.head_nav b:after,.web_head .btn--search,.web_head .btn--search:before,.product_item figure, .gotop, .product-item .item-img img,.product_item .item_img img,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after, .product-btn-wrap a,.web_head,.change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption,.foot_item a, .pages a,.ad_item figure figcaption .item_more,.head_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after,.side-product-items .btn-prev,.side-product-items .btn-next,.foot_sns li img,.blog-item:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.head_nav>li>a:before,.head_nav>li>a:after,.head-search .search-btn,.nav_wrap .nav_toggle .nav_ico,.nav_wrap .nav_toggle .nav_ico:before,.nav_wrap .nav_toggle .nav_ico:after,
.index_promote .promote_item .item_info,.index_company_intr .company_video_btn,.index_company_intr .company_video_btn:before,.index_company_intr .company_intr_img:before,.index_promote .promote_item .item_inner:before,.product_tabs .tab_item:after,
.index_product .item_title a:before,.index_hd .hd_inner,.index_hd .hd_line_left:before,.index_hd .hd_line_left:after,.index_hd .hd_line_right:before,.index_hd .hd_line_right:after,
.foot_item .logo_desc:before,.foot_item .logo_desc:after,
.gotop em,.gotop:before,.company_subscribe .button:before{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/* float */
.sys_fl{float: left!important;}
.sys_fr{float: right!important;}
/* button */
.sys_btn{display: inline-block;line-height: 20px;padding: .5em 1.2em;font-size: 14px;text-transform: uppercase;color: #fff!important;vertical-align: middle;text-transform: uppercase;position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.sys_btn:before{display: none;}
/*.sys_btn:hover{color: #000!important;background-color: #fff;}*/
/*hover*/
.anm_hover_line,.index_news .news_title a,.foot_nav li a{display: inline-block;position: relative;}
.anm_hover_line:after,.index_news .news_title a:after,.foot_nav li a:after{content: '';display: block;width: 0%;height: 1px;background-color: #a84cbf;position: absolute;right: 0;bottom: 0;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.anm_hover_line:hover:after,.index_news .news_title a:hover:after,.foot_nav li a:hover:after{width: 100%;left: 0;right: auto;}
/* index */
.index_project_container .index_hd { display: table; margin: auto; text-align: left; }
.index_project_container .hd_title1, .index_project_container .sub_tit { color: #fff; }
/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;opacity: 1;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
/* box-sizing */
.index_promote{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
/* font-family */
.side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after,.head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before{font-family: "fontawesome";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;}
.btn_more:after,.sys_btn:after,
.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before,
.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,
.company_subscribe .button:after{font-family: 'fontawesome';}
.index_main,.web_head,.web_footer{font-family: 'SourceSansPro';}
.index_company_intr .btn_more:before{font-family: 'fontawesome';}
.index_promote .title_bg_top, .index_promote .title_bg_ft,.index_hd .hd_title{font-family: 'ArialBlack';}
/*transition*/
a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/* web_head */
.web_head {width: 100%;background-color: #000;}
.head_layer{position: relative;z-index: 3;padding-top: 25px;padding-bottom: 25px;}
.head_layer .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position: relative;}
.head_layer .logo{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: center;}
.head_layer .logo img{max-height: 60px;width: auto;}
.head_layer .layout{display: table\9;}
.head_layer .head_left,.head_layer .head_right,.head_layer .logo{display: table-cell\9;vertical-align: middle\9;}
.web_head .btn--search{display: inline-block;border-radius:50%;position: relative;vertical-align: middle;cursor: pointer;-webkit-box-sizing: content-box;box-sizing: content-box;}
.web_head .btn--search:before,.web_head .btn--search:after{content: '';display: inline-block;width: 33px;height: 33px;background-image: url(../image/search_btn.png);background-repeat: no-repeat;background-position: center;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.web_head .btn--search:after{position: absolute;left: 0;top: 0;border-radius: 50%;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);opacity: 0;filter: alpha(opacity=0);}
.web_head .btn--search:hover:after{background-color: rgba(0,0,0,.8);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);}
.web_head .btn--search:hover:before{-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;filter: alpha(opacity=0);}
.web_head .change-language{display: inline-block;position: relative;vertical-align: middle;margin-left:25px;padding-right: 20px;}
.web_head .change-language .change-language-title a{padding-top: 10px;padding-bottom: 10px;color: #fff;}
.web_head .change-language:hover .change-language-title a{color: #fff;}
.nav_wrap{display: inline-block;margin-right: 30px;vertical-align: middle;}
.nav_wrap .nav_toggle{display: inline-block;cursor: pointer;}
.nav_wrap .nav_toggle .nav_ico{display: inline-block;width: 45px;height: 45px;line-height: 40px;text-align: center;border: 2px solid #fff;border-radius: 50%;vertical-align: middle;position: relative;overflow: hidden;}
.nav_wrap .nav_toggle .nav_ico:before,.nav_wrap .nav_toggle .nav_ico:after{content: '';display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0;}
.nav_wrap .nav_toggle .nav_ico:before{background-image: url(../image/ico_menu.png);}
.nav_wrap .nav_toggle .nav_ico:after{background-image: url(../image/ico_menu_2.png);opacity: 0;filter: alpha(opacity=0);}
.nav_wrap .nav_toggle:hover .nav_ico{background-color: #333;}
.nav_wrap .nav_toggle:hover .nav_ico:before{-webkit-transform:scale(.6) rotate(180deg);-ms-transform:scale(.6) rotate(180deg);-o-transform:scale(.6) rotate(180deg);transform:scale(.6) rotate(180deg);opacity: 0;filter: alpha(opacity=0);}
.nav_wrap .nav_toggle:hover .nav_ico:after{opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
.nav_wrap .nav_toggle .nav_txt{padding-left: 15px;font-size: 16px;color: #fff;}
.nav_wrap .nav_toggle .nav_txt_close{display: none;}
.web_head .head_nav{display: none;}
.nav_active .web_head .nav_wrap{width: 100%;height: 100%;background-color: rgba(0,0,0,0.95);position: fixed;left: 0;top: 0;overflow: auto;z-index: 3;}
.nav_active .web_head .nav_toggle{position: fixed;right: 100px;top: 100px;bottom: auto;color: #fff;}
.nav_active .nav_wrap .nav_toggle .nav_ico:before{background-image: url(../image/ico_menu_close.png);}
.nav_active .nav_wrap .nav_toggle:hover .nav_ico:before{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);}
.nav_active .nav_wrap .nav_toggle .nav_ico:after{display: none;}
.nav_active .web_head .nav_toggle .nav_txt_menu{display: none;}
.nav_active .web_head .nav_toggle .nav_txt_close{display: inline;}
.nav_active .web_head .nav_toggle{-webkit-animation: bounceInA .6s ease;-o-animation: bounceInA .6s ease;animation: bounceInA .6s ease;}
.nav_active .web_head .nav_toggle:hover .nav_ico{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);background-color: #e9aa00;}
.nav_active .web_head .head_nav {max-width: 400px;margin: 0 auto;text-align: center;padding: 5% 0;display: block;}
.nav_active .web_head .head_nav{-webkit-animation: fadeInUpA .6s ease;-o-animation: fadeInUpA .6s ease;animation: fadeInUpA .6s ease;}
.nav_active .web_head .head_nav li,.nav_active .web_head .head_nav li a{color: #fff;}
.nav_active .web_head .head_nav li a{display: block;border: 1px solid #3f3f3f;padding: 0.5em 1.5em;margin-bottom: -1px;}
.nav_active .web_head .head_nav li a:hover{color: #e9aa00;}
.head_nav li a {color: #333;}
.head_nav li a:hover{color: #e9aa00;}
.nav_active .web_head .head_nav li{font-size: 26px;position: relative;text-transform: uppercase;line-height: 1.5em;letter-spacing: 0.1em;text-indent: -0.1em;}
.nav_active .web_head .head_nav li ul{padding: 0;display: none;}
.nav_active .web_head .head_nav li li {line-height: 2.2em;font-size: 16px;border: 1px solid #215901;}
.nav_active .web_head .head_nav li li a{border: 0;padding: 0;}
.nav_active .web_head .head_nav li ul li li{font-size: 14px;}
.nav_active .web_head .head_nav li ul li ul{padding: 0;}
.nav_active .web_head .head_nav li ul li li a{color: #aaa;}
.nav_active .web_head .head_nav .menu_btn{display: inline-block;width: 25px;height: 25px;line-height:25px;text-align: center;vertical-align: top;position: absolute;right: 0.35em;top: 0.7em;cursor: pointer;border-radius: 50%;background-color: #333;text-indent: 0;letter-spacing: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav_active .web_head .head_nav .menu_btn:before{font-family: 'fontawesome';content: '\f107';font-size: 14px;font-weight: normal;vertical-align: top;}
.nav_active .web_head .head_nav .menu_btn:hover{background-color: #8c6e4a;}
.nav_active .web_head .head_nav li li .menu_btn{top: 0.2em;}
.nav_active .web_head .head_nav .active>.menu_btn{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.nav_active .web_head .head_nav .active>ul{display: block;}
body.nav_active {overflow: hidden;}
.fixed-nav .head_layer{width: 100%;position: fixed;left: 0;top: 0;z-index: 9;-webkit-transition: none;-o-transition: none;transition: none;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);opacity:1;background-color: rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);}
.fixed-nav-active .head_layer{padding-top: 10px;padding-bottom: 10px;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
/* web_footer */
.module_footer {
background-image: url('https://via.placeholder.com/1920x400/000/000?text=Background+Image');
background-size: cover;
background-position: center;
padding: 60px 5% 30px;
position: relative;
color: white;
min-height: 400px;
}
.module_footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.footer-content {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
margin: 0 auto;
gap: 80px;
}
.footer-left {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-left img {
width: 200px;
height: auto;
}
.footer-left p {
font-size: 16px;
line-height: 1.6;
color: #fff;
}
.footer-center {
flex: 1;
text-align: center;
}
.footer-center h3 {
font-size: 24px;
margin-bottom: 20px;
}
.social-icons {
display: flex;
justify-content: center;
gap: 15px;
}
.social-icons a {
font-size: 20px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: all 0.3s ease;
color: white;
text-decoration: none;
}
.social-icons a:hover {
background-color: white;
color: black;
}
.footer-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-right h3 {
font-size: 24px;
margin-bottom: 15px;
}
.footer-right ul {
list-style: none;
}
.footer-right li {
margin-bottom: 8px;
}
.footer-right a {
color: white;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-right a:hover {
color: #00bfff;
}
.footer-bottom {
margin-top: 40px;
text-align: center;
padding: 20px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
color: #ccc;
font-size: 14px;
}
.footer-bottom a {
color: #ccc;
text-decoration: none;
}
.footer-bottom a:hover {
color: #fff;
}
.web_footer{width: 100%;background-color: #000;padding: 100px 0; position: relative; z-index: 1; }
.web_footer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/static/picture/foot.jpg'); background-size: cover; background-position: center; filter: blur(3px); z-index: -1; }
.web_footer,.web_footer a{color: #777;}
.web_footer a:hover{color: #fff;}
.index_web_head{position: absolute;left: 0;top: 0;z-index: 999;background: none;}
.foot_items .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
.foot_items .layout:after{display: none;}
.foot_items .layout{display: table\9;}
.foot_item{display: table-cell\9;}
.foot_item{width: 25%;padding-top: 25px;padding-bottom: 25px;}
.foot_item .title{font-size: 20px;font-weight: normal;margin-bottom: 18px;text-transform: uppercase;}
.foot_item_bd{padding-top: 10px;}
.foot_item_info{}
.foot_item .foot_logo{}
.foot_sns {padding-top: 20px;margin-left: -5px;}
.foot_sns li{display:inline-block;padding:0 15px 10px 0;}
.foot_sns li a{display:inline-block;padding:5px;border-radius:50%;line-height:16px;opacity: .4;filter: alpha(opacity=40);}
.foot_sns li a:hover{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg);opacity: 1;filter: alpha(opacity=100);}
.foot_sns li img{max-height:21px;vertical-align:middle;}
.copyright{display: block;padding-top: 15px;}
.foot_contact_list {padding-bottom: 20px;}
.foot_contact_list .contact_item{line-height: 21px;font-size: 16px;margin-bottom: 8px;font-style: normal;}
.foot_contact_list .contact_ico{display: inline-block;width: 21px;height: 21px;background-repeat: no-repeat;background-position:0 0;background-image: url(../image/contact_ico.png);float: left;opacity: .4;filter: alpha(opacity=40);}
.foot_contact_list .contact_ico+.contact_txt{margin-left: 30px;}
.foot_contact_list .contact_txt{display: block;}
.foot_contact_list .item_label{padding-right: 5px;}
.foot_contact_list .contact_ico_phone{background-position: 0 0;}
.foot_contact_list .contact_ico_fax{background-position: 0 -21px;}
.foot_contact_list .contact_ico_email{background-position: 0 -42px;}
.foot_contact_list .contact_ico_time{background-position: 0 -63px;}
.foot_contact_list .contact_ico_local{background-position: 0 -84px;}
.foot_contact_list .contact_ico_skype{background-position: 0 -105px;}
.foot_item_follow .button .btn_txt{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.foot_item_follow .subscribe_tit{}
.foot_item_follow .subscribe_btn{padding-top: 28px;}
.foot_item_follow .button{display: block;padding: 8px 2em;height: 24px;line-height: 24px;background-color: #3d3d3d;border-radius: 25px;text-align: right;font-size: 20px;text-transform: uppercase;-webkit-box-sizing: content-box;box-sizing: content-box;}
.foot_item_follow .button{color: #777!important;}
.foot_item_follow .btn_txt{display: block;position: absolute;right: 1.2em;top: 8px;}
.foot_item_follow .btn_txt:after{content: '\f054';font-family: 'fontawesome';padding-left: .8em;font-size: 16px;font-weight: bold;font-style: italic;}
.foot_item_follow .btn_txt+.btn_txt{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-30%);-ms-transform: translateX(-30%);-o-transform: translateX(-30%);transform: translateX(-30%);-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.foot_item_follow .btn_txt+.btn_txt:after{content: '\f0e0';}
.foot_item_follow .button:hover{background-color: #555;color: #fff!important;}
.foot_item_follow .button:hover .btn_txt+.btn_txt{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;color: #ccc;font-style: normal;-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.foot_item_follow .button:hover .btn_txt{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translatex(-30%);-ms-transform: translatex(-30%);-o-transform: translatex(-30%);transform: translatex(-30%);}
.tel_link{pointer-events: none;}
@media screen and (max-width: 768px){.tel_link{pointer-events: auto;}.footer-content{ flex-direction: column;}.text-4xl {
font-size: 28px !important;
line-height: 2.5rem;
}}
/*--------------------------------------------------------
page: index
------------------------------------------------------*/
.web_main{overflow: hidden;}
.index_main{background-color: #000;}
/* title */
.index_hd{margin-bottom: 75px;text-align: center;}
.index_hd .hd_title{font-size: 60px;}
.index_hd .hd_title,.index_hd .hd_title a{color: rgb(131 255 0);}
.index_hd .hd_desc{padding-top: 20px;font-size: 16px;line-height: 2.2;margin: 0 auto;}
.index_hd .hd_desc,.index_hd .hd_desc a{color: #8f8f8f;}
/* slider_banner */
.slider_banner .swiper-pagination{padding-bottom: 25px;opacity: 0;filter: alpha(opacity=0);}
.slide-page-box{display: none;}
/*index_promote*/
.index_promote{padding-top: 80px;padding-bottom: 80px;}
.index_promote .index_hd{margin-bottom: 25px;}
.index_promote .index_bd{position: relative;padding-top: 70px;padding-bottom: 70px;}
.index_promote .index_bd .layout{width: 1200px;position: relative;z-index: 1;}
.index_promote .title_bg_top,.index_promote .title_bg_ft{font-size: 160px;text-transform: uppercase;line-height: 1;color:rgba(122,222,18,.9);position: absolute;}
.index_promote .title_bg_top{right: 0;top: -.17em;}
.index_promote .title_bg_ft{left: 0;bottom: -.17em;}
.index_promote .promote_list{padding-bottom: 100px;}
.index_promote .promote_item{width: 50%;float: left;padding: 30.71% 0 0;min-height: 200px;position: relative;}
.index_promote .promote_item,.index_promote .promote_item a{color:#fff;}
.index_promote .promote_item .item_inner{display: block;z-index: 1;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index_promote .promote_item .item_img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.index_promote .promote_item .item_info{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;padding: 45px;z-index: 2;}
.index_promote .promote_item .item_subtit{display: inline-block;font-size: 17px;color:rgba(255,255,255,.6);font-weight: normal;text-transform: uppercase;position: absolute;right: 45px;bottom: 30px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.index_promote .promote_item .item_title{height: 1.35em;line-height: 1.35em;overflow: hidden;font-size: 30px;}
.index_promote .promote_item,.index_promote .promote_item .item_desc,.index_promote .promote_item .ico_arrow,.promote_item .item_subtit{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index_promote .item_inner:before,.index_promote .promote_item .item_img{-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.index_promote .promote_item .item_desc{font-size: 18px;line-height: 1.5em;max-height: 6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 25px;opacity: 0;filter: alpha(opacity=0);max-width: 535px;-webkit-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
.index_promote .promote_item .item_more{position: absolute;left: 45px;bottom: 40px;}
.index_promote .promote_item .ico_arrow{display: inline-block;width: 63px;height: 12px;vertical-align: middle;background-repeat: no-repeat;background-position: 0 center;background-image: url(../image/ico_more.png);opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);transform: translateX(-10px);}
.index_promote .promote_item:hover{position: relative;z-index: 2;box-shadow: 30px 30px 50px rgba(0,0,0,.6);}
.index_promote .item_inner:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-image: -webkit-linear-gradient(-60deg,rgba(122,222,18,.9),rgba(9,61,111,.7) 70%);background-image: linear-gradient(120deg,rgba(122,222,18,.9),rgba(9,61,111,.7) 70%);opacity: 0;filter: alpha(opacity=0);}
.index_promote .promote_item:nth-of-type(1),.index_promote .promote_item:nth-of-type(3){top: 100px;}
.index_promote .item_inner:hover:before{opacity: 1;filter: alpha(opacity=100);}
.index_promote .item_inner:hover .item_subtit{color: #fff;}
.index_promote .item_inner:hover .item_desc{opacity: 1;filter: alpha(opacity=100);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.index_promote .item_inner:hover .ico_arrow{opacity: 1;filter: alpha(opacity=100);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.index_promote .item_inner:hover .item_img{-webkit-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
/*index_company_intr*/
.index_company_intr{width: 100%;position: relative;padding-top: 60px;padding-bottom: 70px;background-position: center bottom;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;}
.album-container {
display: flex;
padding: 20px;
justify-content: center;
}
.photo-wrapper {
position: relative;
width: 20%;
height: 400px;
overflow: hidden;
cursor: pointer;
transition: width 0.5s ease, opacity 0.3s ease, transform 0.3s ease;
opacity: 1;
flex-shrink: 0;
}
.photo-wrapper:hover, .photo-wrapper.expanded {
width: 600px;
opacity: 1;
transform: scale(1);
z-index: 10;
}
.photo-wrapper:not(:hover):not(.expanded) {
op
}
.photo {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
transition: opacity 0.3s ease;
opacity: 1;
z-index: 4;
}
.photo-wrapper:hover .overlay, .photo-wrapper.expanded .overlay {
opacity: 0;
}
.text-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: transparent;
padding: 50px;
color: white;
z-index: 10;
opacity: 1;
transition: none;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
height: 80px;
}
.text-overlay::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 100%;
background-color: #143141eb;
border-radius: 0 50px 0 0;
transition: width 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
z-index: -1;
opacity: 1;
}
.photo-wrapper:hover .text-overlay::before, .photo-wrapper.expanded .text-overlay::before {
width: 60%;
}
.text-overlay h1 {
margin: 0;
font-size: 24px;
font-weight: bold;
z-index: 11;
}
.text-overlay a {
margin: 0;
padding: 0;
font-size: 14px;
background: none;
color: white;
border: none;
border-radius: 0;
cursor: pointer;
z-index: 11;
text-decoration:none;
font-weight: normal;
}
/*-------------------------------
language start
----------------------------------*/
.prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title, .change-language .change-language-title a {font-size:10pt;}
.change-language .change-language-title {padding:0;}
.change-language .change-language-title a:after {font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont {position:absolute;top:36px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;}
.change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li {display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.change-language .change-language-cont li a:hover{color: #e9aa00;}
.change-language .change-language-cont .lang-item-hide {display:none !important;}
.change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;}
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;}
.prisna-wp-translate-seo span {color: #333;}
.prisna-wp-translate-seo li:hover span {color: #e9aa00;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag {position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat;background-image:url(../image/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;}
li.language-flag a{position:relative;}
.language-flag-af .country-flag {background-position: 0 0 !important;}
.language-flag-sq .country-flag {background-position: 0 -16px !important;}
.language-flag-ar .country-flag {background-position: 0 -32px !important;}
.language-flag-hy .country-flag {background-position: 0 -48px !important;}
.language-flag-az .country-flag {background-position: 0 -64px !important;}
.language-flag-eu .country-flag {background-position: 0 -80px !important;}
.language-flag-be .country-flag {background-position: 0 -96px !important;}
.language-flag-bg .country-flag {background-position: 0 -112px !important;}
.language-flag-ca .country-flag {background-position: 0 -128px !important;}
.language-flag-zh .country-flag {background-position: 0 -144px !important;}
.language-flag-zh-TW .country-flag {background-position: 0 -160px !important;}
.language-flag-hr .country-flag {background-position: 0 -176px !important;}
.language-flag-cs .country-flag {background-position: 0 -192px !important;}
.language-flag-da .country-flag {background-position: 0 -208px !important;}
.language-flag-nl .country-flag {background-position: 0 -240px !important;}
.language-flag-en .country-flag {background-position: 0 -256px !important;}
.language-flag-et .country-flag {background-position: 0 -272px !important;}
.language-flag-tl .country-flag {background-position: 0 -288px !important;}
.language-flag-fi .country-flag {background-position: 0 -304px !important;}
.language-flag-fr .country-flag {background-position: 0 -320px !important;}
.language-flag-gl .country-flag {background-position: 0 -336px !important;}
.language-flag-ka .country-flag {background-position: 0 -352px !important;}
.language-flag-de .country-flag {background-position: 0 -368px !important;}
.language-flag-el .country-flag {background-position: 0 -384px !important;}
.language-flag-ht .country-flag {background-position: 0 -400px !important;}
.language-flag-iw .country-flag {background-position: 0 -416px !important;}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {background-position: 0 -432px !important;}
.language-flag-hu .country-flag {background-position: 0 -448px !important;}
.language-flag-is .country-flag {background-position: 0 -464px !important;}
.language-flag-id .country-flag {background-position: 0 -480px !important;}
.language-flag-ga .country-flag {background-position: 0 -496px !important;}
.language-flag-it .country-flag {background-position: 0 -512px !important;}
.language-flag-ja .country-flag {background-position: 0 -528px !important;}
.language-flag-ko .country-flag {background-position: 0 -544px !important;}
.language-flag-la .country-flag {background-position: 0 -560px !important;}
.language-flag-lv .country-flag {background-position: 0 -576px !important;}
.language-flag-lt .country-flag {background-position: 0 -592px !important;}
.language-flag-mk .country-flag {background-position: 0 -608px !important;}
.language-flag-ms .country-flag {background-position: 0 -624px !important;}
.language-flag-mt .country-flag {background-position: 0 -640px !important;}
.language-flag-no .country-flag {background-position: 0 -656px !important;}
.language-flag-fa .country-flag {background-position: 0 -672px !important;}
.language-flag-pl .country-flag {background-position: 0 -688px !important;}
.language-flag-pt .country-flag {background-position: 0 -704px !important;}
.language-flag-ro .country-flag {background-position: 0 -720px !important;}
.language-flag-ru .country-flag {background-position: 0 -736px !important;}
.language-flag-sr .country-flag {background-position: 0 -752px !important;}
.language-flag-sk .country-flag {background-position: 0 -768px !important;}
.language-flag-sl .country-flag {background-position: 0 -784px !important;}
.language-flag-es .country-flag {background-position: 0 -800px !important;}
.language-flag-sw .country-flag {background-position: 0 -816px !important;}
.language-flag-sv .country-flag {background-position: 0 -832px !important;}
.language-flag-th .country-flag {background-position: 0 -848px !important;}
.language-flag-tr .country-flag {background-position: 0 -864px !important;}
.language-flag-uk .country-flag {background-position: 0 -880px !important;}
.language-flag-ur .country-flag {background-position: 0 -896px !important;}
.language-flag-vi .country-flag {background-position: 0 -912px !important;}
.language-flag-cy .country-flag {background-position: 0 -928px !important;}
.language-flag-yi .country-flag {background-position: 0 -944px !important;}
.language-flag-bn .country-flag {background-position: 0 -960px !important;}
.language-flag-eo .country-flag {background-position: 0 -976px !important;}
.language-flag.language-flag-custom-afghanistan .country-flag {background-position: 0 -992px !important;}
.language-flag.language-flag-custom-albania .country-flag {background-position: 0 -1008px !important;}
.language-flag.language-flag-custom-algeria .country-flag {background-position: 0 -1024px !important;}
.language-flag.language-flag-custom-argentina .country-flag {background-position: 0 -1040px !important;}
.language-flag.language-flag-custom-australia .country-flag {background-position: 0 -1056px !important;}
.language-flag.language-flag-custom-austria .country-flag {background-position: 0 -1072px !important;}
.language-flag.language-flag-custom-belgium .country-flag {background-position: 0 -1088px !important;}
.language-flag.language-flag-custom-brazil .country-flag {background-position: 0 -1104px !important;}
.language-flag.language-flag-custom-canada .country-flag {background-position: 0 -1120px !important;}
.language-flag.language-flag-custom-chile .country-flag {background-position: 0 -1136px !important;}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag {background-position: 0 -1152px !important;}
.language-flag.language-flag-custom-ecuador .country-flag {background-position: 0 -1168px !important;}
.language-flag.language-flag-custom-egypt .country-flag {background-position: 0 -1184px !important;}
.language-flag.language-flag-custom-england .country-flag {background-position: 0 -1200px !important;}
.language-flag.language-flag-custom-luxembourg .country-flag {background-position: 0 -1216px !important;}
.language-flag.language-flag-custom-malaysia .country-flag {background-position: 0 -1232px !important;}
.language-flag.language-flag-custom-mexico .country-flag {background-position: 0 -1248px !important;}
.language-flag.language-flag-custom-new-zealand .country-flag {background-position: 0 -1264px !important;}
.language-flag.language-flag-custom-oman .country-flag {background-position: 0 -1280px !important;}
.language-flag.language-flag-custom-qatar .country-flag {background-position: 0 -1296px !important;}
.language-flag.language-flag-custom-saudi-arabia .country-flag {background-position: 0 -1312px !important;}
.language-flag.language-flag-custom-singapore .country-flag {background-position: 0 -1328px !important;}
.language-flag.language-flag-custom-south-africa .country-flag {background-position: 0 0 !important;}
.language-flag.language-flag-custom-switzerland .country-flag {background-position: 0 -1344px !important;}
.language-flag.language-flag-custom-syria .country-flag {background-position: 0 -1360px !important;}
.language-flag.language-flag-custom-united-arab-emirates .country-flag {background-position: 0 -1376px !important;}
.language-flag.language-flag-custom-united-states-of-america .country-flag {background-position: 0 -1392px !important;}
.language-flag-hy .country-flag {background-position: 0 -1408px;}
.language-flag-bs .country-flag {background-position: 0 -1424px;}
.language-flag-ceb .country-flag {background-position: 0 -1440px;}
.language-flag-ny .country-flag {background-position: 0 -1456px;}
.language-flag-ha .country-flag {background-position: 0 -1472px;}
.language-flag-hmn .country-flag {background-position: 0 -1488px;}
.language-flag-ig .country-flag {background-position: 0 -1504px;}
.language-flag-jw .country-flag {background-position: 0 -1520px;}
.language-flag-kk .country-flag {background-position: 0 -1536px;}
.language-flag-km .country-flag {background-position: 0 -1552px;}
.language-flag-lo .country-flag {background-position: 0 -1568px;}
.language-flag-la .country-flag {background-position: 0 -1584px;}
.language-flag-mg .country-flag {background-position: 0 -1600px;}
.language-flag-ml .country-flag {background-position: 0 -1616px;}
.language-flag-mi .country-flag {background-position: 0 -1632px;}
.language-flag-mr .country-flag {background-position: 0 -1648px;}
.language-flag-mn .country-flag {background-position: 0 -1664px;}
.language-flag-my .country-flag {background-position: 0 -1680px;}
.language-flag-ne .country-flag {background-position: 0 -1696px;}
.language-flag-pa .country-flag {background-position: 0 -1712px;}
.language-flag-st .country-flag {background-position: 0 -1728px;}
.language-flag-si .country-flag {background-position: 0 -1744px;}
.language-flag-so .country-flag {background-position: 0 -1760px;}
.language-flag-su .country-flag {background-position: 0 -1776px;}
.language-flag-tg .country-flag {background-position: 0 -1792px;}
.language-flag-uz .country-flag {background-position: 0 -1808px;}
.language-flag-yo .country-flag {background-position: 0 -1824px;}
.language-flag-zu .country-flag {background-position: 0 -1840px;}
/*-------------------------------
language end
----------------------------------*/
/*--------------------------------------------------------
page: product list
------------------------------------------------------*/
.items_list {width:100%;position: relative;}
.items_list ul{margin: 0 -12px;}
.items_list .product_item {width:33.33333333%;float: left;}
.items_list .product_item figure{margin:10px 12px;}
.items_list .product_item figure,.goods-may-like .product_item figure {border: 1px solid #ccc;padding: 3px;}
.items_list .product_item .item_img a:before,.goods-may-like .product_item .item_img a:before{content:'';display: block;width: 20%;height: 20%;position: absolute;left: 40%;top: 40%;border-radius:50%; }
.items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.items_list .product_item .item_title a:hover,.goods-may-like .product_item .item_title a:hover{color: #e9aa00;}
.items_list .product_item figure:hover{box-shadow: 0 15px 15px -15px rgba(0,0,0,.15);}
.items_list .product_item figure:hover .item_img a:before,.goods-may-like .product_item figure:hover .item_img a:before{width: 150%;height: 150%;left: -25%;top: -25%;background-color: rgba(227,195,14,.4);}
/*--------------------------------------------------------
page: single Product
------------------------------------------------------*/
/*product photos*/
.product-intro {position:relative;overflow:hidden;}
.cloud-zoom-lens {border: 1px solid #eee;cursor:move;}
.cloud-zoom-title {position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {overflow:hidden;padding:0px;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
.product-view .swiper-slide{padding-bottom: 1px;}
.product-view .product-image.zoom_remove:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 999;}
.product-view{position:relative;width:37.6%;float:left;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:92%;margin:20px auto;overflow:hidden;}
.product-view .image-additional li{position:relative;width:100%;width: 33.33333333%;float: left;}
.product-view .image-additional li.single{display:none;}
.product-view .image-additional li img{display: block;position:relative;width:70%;margin:0 auto;border:1px solid #ccc;padding:1px;border-radius: 2px;}
.product-view .image-additional li a{display: block;position:relative;}
.product-view .image-additional li.current img{border:2px solid #000;padding: 0;}
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev {width:30px;height:30px;margin-top:-15px;opacity:1;line-height: 30px;font-size: 28px;-webkit-transform: scale(0.65,1);-ms-transform: scale(0.65,1);-o-transform: scale(0.65,1);transform: scale(0.65,1);background: none;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next {left:-10px;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev {right:-10px;}
/*product summary*/
.product-summary {position:relative;width:57%;float:right;padding:10px 0;}
.product-summary .product-meta {line-height:25px;}
.product-summary .product-meta h3 {margin:0 0 5px;font-size:14px;}
.product-summary .product-meta li{width: 100%;display: table;font-size: 13px;padding: 2px 0;}
.product-summary .product-meta li em{display: table-cell;width: 135px;color: #aaa;}
.product-summary .product-meta li .item-val{display: table-cell;}
.product-btn-wrap {position:relative;padding-top: 30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {position:relative;display:inline-block; *display:inline;*zoom:1;vertical-align:top;line-height:26px;padding:.1em .8em;font-size:13px;border-radius:2px;background:#000; border: 2px solid #000;color:#fff;margin:0 15px 10px 0;}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right: 8px;}
.product-btn-wrap .email:before{content: '\f0e0';}
.product-btn-wrap .pdf:before{content: '\f1c1';}
.product-btn-wrap a:hover {background-color: #000!important;border-color: #000;color: #fff;}
.product-summary .share-this {margin:30px 0 0;text-align: right;}
/* product detail */
.product-detail {position:relative;overflow:visible;margin:30px 0 0;}
.detail-tabs {position:relative;}
.detail-tabs .title {position:relative;display:inline-block;vertical-align:top;line-height:26px;padding:1px 15px;cursor:pointer;margin-right: 6px;font-size:14px;background-color: #fff;border:1px solid #ccc;color:#333; }
.detail-tabs .title.current {color:#FFF;background:#000;border-color: #000;color: #fff;}
.product-detail .tab-panel-content {padding:10px 0;display:block;overflow:hidden }
.product-detail .disabled {display:none;}
/*like product*/
.goods-may-like{position: relative;overflow: hidden;}
.goods-may-like .title{line-height: 35px;font-size:16px;margin:50px 0 20px;padding: 0 15px;text-transform: uppercase;font-weight: bold;background-color: #000;color: #fff;}
.goods-may-like .product_item{width: 33.33333333%;}
.goods-may-like .swiper-slide{overflow: visible;}
.goods-may-like .product_item{padding-bottom: 2px;margin-right: 0;}
.goods-may-like .product_item figure{padding: 3px;}
.goods-may-like .product_item .item_img {}
.goods-may-like .swiper-control{position: absolute;right: 10px;top: 55px;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display: inline-block;width: 20px;height: 25px;line-height: 25px;font-size: 20px;margin-left: 5px;background: none;color: #fff;margin-left: 5px;position: static;margin: 0;opacity: 1;filter: alpha(opacity=100);}
.goods-may-like .swiper-button-next.swiper-button-disabled, .goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: .5;filter: alpha(opacity=50);}
/*public*/
.web_main { position:relative; }
.page_main { background:#FFF; padding:50px 0 0; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
/*path_nav*/
.path_bar {background-color: #f6f6f6;padding: 0;text-align: left;line-height: 32px;font-style: italic;}
.path_bar .layout{}
.path_bar li{display: inline;padding-right: 10px;text-transform: uppercase;}
.path_bar li:after{content: '/';padding-left: 10px;}
.path_bar li:last-child:after{display: none;}
.path_bar a {color: #333;}
.path_bar a:hover {color: #e9aa00;}
.mobile-head-items {display:none;}
/*--------------------------------------------------------
page: blog list
------------------------------------------------------*/
.blog_list {position:relative;width:100%;}
.blog-item {position:relative;width:100%;overflow:hidden; padding:35px 20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before {content: "";position: absolute;left: 0;bottom: 0;width:100%;height: 1px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.blog-item:after{content: '';display: block;width: 0;height: 3px;background-color: #e9aa00;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.blog-item:hover:after{width: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.blog-item .item-img,.blog-item .item-img img{border-radius: 5px;}
.blog-item .item-img {position:relative;display:block;max-width:200px;padding: 5px;border: 1px solid #eee;background-color: #fff; margin:0 20px 0 0;float:left;}
.blog-item .item-img img {position:relative;width:100%;}
.blog-item .item-info .item-title {height: 1.5em;line-height: 1.5em;overflow: hidden;font-size:20px;font-weight: normal;}
.blog-item .item-info time {display:block;font-size: 16px;margin:8px 0;}
.blog-item .item-info .item-detail {}
.blog-item .item-info .item-more {color:#8f9395;margin:20px 0 0;float: right;}
.blog-item .item-info .item-more{display: inline-block;padding: .2em .8em;line-height: 1.8;color: #e9aa00;position: relative;text-transform: uppercase;}
.blog-item .item-info .item-more:before,.blog-item .item-info .item-more:after{content: '';display: block;width: 100%;height: 1px;background-color: #e9aa00;position: absolute;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.blog-item .item-info .item-more:before{left: 0;top: 0;}
.blog-item .item-info .item-more:after{right: 0;bottom: 0;}
.blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width: 0;opacity: 0;}
.blog-item .item-info .item-more:hover{background-color: #e9aa00;color: #fff;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
/*--------------------------------------------------------
page: download list
------------------------------------------------------*/
.download_list {position:relative;width:100%;}
.download-item {position:relative;overflow:hidden; padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee;}
.download-item .item-img {max-width:25px;}
.download-item .item-title {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;margin:0 10px;font-size:16px;font-weight:bold;}
.download-item .item-button {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;float:right; line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer;}
.download-item .item-button:before {content:"\f019"; margin:0 10px 0 0;}
/*--------------------------------------------------------
page: faq list
------------------------------------------------------*/
.faq_list {position:relative;width:100%;}
.faq-item {position:relative;width:100%;overflow:hidden; padding:0 25px;border:1px solid #eee;margin:0 0 20px;}
.faq-item .faq-title {position:relative;font-size:16px; padding:15px 0;cursor:pointer;}
.faq-item .faq-title:before {position:absolute;content:"\f067";right:0;font-size:14px;}
.faq-item .faq-title.show-title:before {content:'\f068';}
.faq-item .faq-title h3{font-weight:normal;}
.faq-item .faq-cont {margin:0 0 25px;display:none;}
.faq-item:first-child .faq-cont {display:block;}
/*--------------------------------------------------------
page: pellets
------------------------------------------------------*/
.pellets-top {display: flex;justify-content: space-around;}
.pellets-left {width: 30%;}
.pellets-right {
width: 50%;
text-align: justify;
color: #7c7c7c;
font-size: 18px;
}
.pellets-right p {color: #7c7c7c;word-wrap: break-word;}
.pellets-right-btns {display: flex; align-items: center;margin-top: 19px;}
.pellets-right-btn {display: block;padding: 3px 10px; color: #fff;background-color: #e9aa00; border: 1px solid #e9aa00;border-radius: 15px;font-size: 16px;}
.pellets-right-btn+.pellets-right-btn {margin-left: 15px;}
.pellets-right-btn:hover {color: #fff;opacity: 0.75;}
.pellets-con {padding: 55px 20px;}
.pellets-con h2 {font-size: 3em;}
.pellets-module-tip {
display: inline-block;
font-size: 1.5em;
text-transform: uppercase;
background-color: #c3fbd0;
padding-top: .6em;
padding-bottom: .6em;
padding-left: 1.6em;
padding-right: 1.6em;
border-radius: 3em;
margin: .6em 0;
}
.pellets-module-list {display: flex; margin-top: 20px;flex-wrap: wrap;gap: 20px;}
.pellets-module-item {width: 30%;}
.module-item-img {border-radius: 1.5em;}
.module-item-title {font-size: 2em;font-weight: 500;margin-top: 10px;}
.module-item-text {color: #7c7c7c;max-width: 45em;}
.module-item-btns {
display: flex;
align-items: center;
margin-top: 20px;
}
.module-item-btn {
display: block;
padding: 3px 10px;
color: #fff;
background-color: #e9aa00;
border: 1px solid #e9aa00;
border-radius: 15px;
font-size: 16px;
}
.module-item-btn._border {background-color: #fff;color: #e9aa00;}
.module-item-btn+.module-item-btn {margin-left: 15px;}
.module-item-btn:hover {opacity: 0.75;color: #fff;}
.module-item-btn._border:hover {opacity: 1;color: #fff;background-color: #e9aa00; }
.pellets-module {margin-bottom: 30px;}
.application-top {text-align: center;width: 1300px;margin: 0 auto;}
.application-top h1 {font-size: 3em;margin-bottom: .6em;}
.application-top-text {color: #7c7c7c;font-size: 18px;}
.application-tab {position: relative; margin-top: 15px;width: 1300px;margin: 2em auto 0;}
.application-tab-btns {position: absolute;bottom: 10px; left: 50%;display: flex;align-items: center;justify-content: center; width: 45%;padding: 20px; background-color: #143141;transform: translate(-50%);}
.application-tab-btn {padding: 10px 26px; background-color: #fff; border: 1px solid #fff; color: #333;}
.application-tab-btn:hover {background-color: #143141;color: #fff;}
.application-main {margin-top: .8em;width: 1300px;margin: 0 auto;}
.application-main h2{font-size: 3em;text-align: center;}
.application-main-top {display: flex;margin-top: 5em;}
.application-top-first {width: 40%;margin-right: 10%;}
.application-top-last {width: 50%;}
.application-top-first h3 {font-size: 28px;color: #333;margin-bottom: .8em;}
.application-top-first h3._small {font-size: 24px;margin-top: 1.5em;}
.application-top-first p {color: #7c7c7c;font-size: 16px;letter-spacing: 0.8px;margin-bottom: .6em;}
.application-top-btn {padding: 8px 25px;border-radius: 3px; color: #fff;background-color: #e9aa00; }
.application-main-imgs {display: flex;align-items: center;margin-top: 2em;width: 100%;justify-content: space-between;}
.application-main-imgs img {width: 32%;}
.application-main-word {width: 90%; margin: .6em auto; color: #7c7c7c;font-size: 16px;}
.application-main-bg {padding: 2em 2em 6em;background: url('/static/image/4.jpg') no-repeat fixed center top; background-size: cover;color: #fff;}
.application-main-bg h3 {font-size: 2.8em;font-weight: 500;text-align: center;}
.application-main-bg p {font-size: 18px;text-align: center;line-height: 4em;}
.application-bg-list {display: flex;justify-content: space-between;}
.application-bg-item { width: 32%;background-color: rgba(255, 255, 255, .8);}
.application-bg-item-title {position: relative;padding: 20px 0 0 20px; color: #333; font-size: 1.4em;}
.application-bg-item-title a {position: absolute;top: 20px; right: 10px; font-size: 14px; color: #7c7c7c;font-weight: 500;}
.application-bg-item-title a:hover {color: #e9aa00;}
.application-bg-item-con {padding: 14px 10px 20px;}
.application-bg-item-con p {margin-top: 5px; font-size: 14px; color: #333; line-height: 1.8em;text-align: left;}
.w1300 {width: 1300px;margin: 0 auto;}
.application-bg-btns {display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.application-bg-btn {padding: 8px 25px;border-radius: 3px; color: #fff;background-color: #e9aa00;}
.application-bg-btn:hover {color: #fff;opacity: 0.75;}
.application-bg-pic {width: 1300px;margin: 4em auto 0;}
.application-swiper-title {display: flex;justify-content: center;}
.application-swiper-title h3 {font-size: 19px;padding: 0 20px;transform: translateY(-14px);}
.application-swiper-title::before,.application-swiper-title::after{content: '';display: block; flex: 1;border-top: 2px solid #143141;border-left: 2px solid #143141;}
.application-swiper-title::after {border-left: none;border-right: 2px solid #143141;}
.application-swiper-top {width: 80%;margin: 4em auto;}
.application-swiper-top p {width: 85%;margin: 1em auto; font-size: 18px;color: #7c7c7c;}
.applications-myswiper {
width: 100%;
}
.applications-myswiper .swiper-slide {
background-position: center;
background-size: cover;
width: 300px;
}
.applications-myswiper .swiper-wrapper {align-items: center;}
.application-img-swiper2 {width: 1300px;margin: 0 auto;position: relative;}
.application-img-swiper2 h3 {font-size: 32px;text-align: center;margin-bottom: 1em;}
.applications-myswiper2 {
position: relative;
width: 95%;
height: 649px;
border-radius: 50px;
}
.applications-myswiper2 .swiper-wrapper {width: 95%;}
.applications-myswiper2 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
}
.applications-myswiper2 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.applications-myswiper2 .swiper-button-next, .applications-myswiper2 .swiper-button-prev{opacity: 1;}
.application-img-swiper2-imgs {
position: absolute;
bottom: -120px;
right: 0;
display: flex;
align-items: center;
z-index: 1;
}
.application-img-swiper2-imgs img{width: 280px;height: 260px;}
.application-desc {display: flex;flex-wrap: wrap;padding: 10px;margin-top: 150px;gap: 20px;}
.application-left-top {min-height: 332px;overflow: hidden;}
.application-desc-left {flex: 1;}
.application-desc-right {flex: 1;}
.application-left-bottom {padding: 30px;background-color: #f4f4f4;}
.application-left-bottom._blue {background-color: #143141;}
.application-left-top img {cursor: pointer;transition: .3s all;}
.application-left-top img:hover {transform: scale(1.1);}
.application-left-bottom h4 {font-size: 24px;}
.application-left-bottom p {margin-top: 30px; font-size: 16px;color: #7c7c7c;line-height: 1.7;margin-bottom: 170px;}
.application-left-bottom._blue h4 {color: #fff;}
.application-left-bottom._blue p {color: #fff; margin-bottom: 80px;}
.application-desc-btns {display: flex;align-items: center;justify-content: center;margin-top: 3em;}
.application-desc-btn {padding: 8px 25px;border-radius: 3px; color: #fff;background-color: #e9aa00;}
.application-desc-btn:hover {color: #fff;opacity: 0.75;}
.application-module8-container {
margin-top: 50px;
padding: 0;
display: flex;
justify-content: center;
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
}
.left-section {
width: calc(100% / 3 - 5px);
height: auto;
display: flex;
flex-wrap: wrap;
}
.left-section img {
width: 50%;
height: auto;
object-fit: cover; /* 确保图片不失真 */
}
.middle-section {
text-align: center;
height: 600px;
width: calc(100% / 3 + 200px);
padding-bottom: 0;
background-image: url('/static/image/application-module8-5.webp');
background-size: cover;
background-position: center;
color: black;
}
.right-section {
height: 100%;
width: 33.333333%;
z-index: 0;
}
.middle-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7); /* 背景透明度 */
z-index: -1;
}
.middle-section h2 {
margin-top: 90px;
font-size: 24px;
padding:0 50px;
}
.middle-section p {
color: black;
padding: 50px;
font-size: 16px;
line-height: 1.6;
}
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx {top:0 !important;}
.index_news .news_main,.index_news .news_side{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}
.index_news .news_main{padding-bottom: 35px;}
.news-main {
flex: 0 0 100%;
}
.news-side {
flex: 0 0 100%;
margin-top: 20px;
}
.news-item {
flex-direction: column;
}
.news-image {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 20px;
}
.pellets-top {flex-direction: column;}
.pellets-left {width: 100%;}
.pellets-right {
width: 100%;
}
.pellets-right p {max-width: 35em;}
.application-tab {width: 100vw;}
.application-tab-btns {width: 80%;transform: translate(-50%,90%);}
.application-main {margin-top: 7em;width: 100vw;}
.application-main h2 {max-width: 15em;}
.application-tab {width: 100vw;}
.application-img-swiper2 {width: 100%;}
.applications-myswiper2 {width: 100%;}
.applications-myswiper2 .swiper-wrapper {width: 100%;}
.application-img-swiper2-imgs {position: static;}
.application-img-swiper2-imgs img {flex: 1;height: auto;}
.application-module8-container{flex-direction: column;}
.left-section, .middle-section, .right-section { width: 100%;}
.left-section img {width: 100%; }
}
@media only screen and (max-width: 1680px) {
body{min-width: inherit;}
/*index*/
.index_company_intr{padding-top: 0;-webkit-background-size: 100% 85%;background-size: 100% 85%;}
}
.index_company_intr .layout {
width: 1200px;
}
.layout {
width: 1300px;
}
.layout._full {width: 100vw;}
.web_foot .layout{width: 90%;}
}
@media only screen and (max-width: 1500px) {
}
@media only screen and (max-width: 1440px) {
/*index*/
.index_company_intr .swiper_buttons{width: auto;left: auto;right: 5%;}
}
.index_company_intr .layout {
width: 1200px;
}
}
@media only screen and (max-width: 1366px) {
/*layout*/
body{min-width: 1100px;}
.layout {width: 1100px;}
.web_head .layout,.index_main .layout,.web_foot .layout{width: 1100px;}
/*footer*/
.foot_items .layout{display: block;}
.foot_item{width: 33.33333333%;}
/*index*/
.index_company_intr .company_intr_desc{font-size: 18px;}
.index_project_container { padding-bottom: 50px; background-image: url('/static/picture/news02.jpg');}
.index_project_container .layout { width: 1024px }
.index_project_container .index_hd { text-align: center; }
.project_items { margin : 20px 0; }
.project_items .project_item:nth-child(6n), .project_items .project_item:nth-child(6n+1) { width: calc(50% - 5px); }
.project_items .project_item { margin-bottom: 10px; width: calc((50% - 15px)/ 2); }
.project_item .item_img { max-height: 345px; }
/*list*/
.items_list .product_item{width: 33.33333333%;}
.foot_item:nth-child(3n+1){clear: left;}
}
@media only screen and (max-width: 1250px){
body{min-width: inherit;}
.layout {width: 100vw;}
.web_head .layout,.index_main .layout,.web_foot .layout{width: 95%;}
.index_promote .index_bd .layout,.index_company_intr .index_bd .layout{width: auto;}
.index_company_intr .company_intr_desc{font-size: 16px;}
/*header*/
.nav_wrap .head_nav>li ul ul{left: auto;right: 102%;top: -15px;}
.nav_wrap .head_nav>li>a{padding-left: 15px;padding-right: 15px;}
/*index*/
.index_project_container .layout { width: 80%; }
.project_item .item_img { max-height: 325px; }
.index_promote .promote_item .item_desc{display: none;}
.index_promote .title_bg_top, .index_promote .title_bg_ft{font-size: 90px;}
.index_promote .title_bg_top,.index_promote .title_bg_ft{font-size: 120px;}
.index_promote .index_bd{padding-top: 50px;padding-bottom: 50px;}
.index_cate .index_cate_items{margin-left: -10px;margin-right: -10px;}
.index_cate .cate_item .item_inner{margin: 0 10px;}
/*list*/
.index_promote .index_bd{padding-top: 50px;padding-bottom: 50px;}
.items_list .product_item{width: 50%;}
}
@media only screen and (max-width: 1200px) {
/*index*/
.index_company_intr .company_intr_cont{width: 55%;}
.index_company_intr .company_intr_gallery{left: 55%;width: calc(45% + 80px);}
.index_promote .promote_item .item_desc{display: none;}
.index_promote .title_bg_top, .index_promote .title_bg_ft{font-size: 90px;}
}
@media only screen and (max-width: 950px) {
body{min-width: 100%;}
.z10000 {position:relative;z-index:100000;}
.mobile-body-mask {width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 }
.mobile-ico-close {width:30px;height:30px;background:#fff url(../image/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;}
.sub-content {position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;}
.lang-more {display:none !important }
.mobile-head-items {position:fixed;top:0;left:0;background:#161622;width:100%;height:25px;line-height:25px;text-align:left;display:block;z-index:999;}
.mobile-head-item {float:left;width:45px;}
.mobile-head-item.mobile-head-aside {float:right }
.mobile-head-item .title {width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;color:#FFF;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mobile-head-item .title a {position:relative;display:block;color:#FFF;}
.mobile-head-item.mobile-head-home .title a:before {content:'\f015';}
.mobile-head-item.mobile-head-nav .title:before {content:'\f0c9';}
.mobile-head-item.mobile-head-language .title:before {content:"\f1ab";}
.mobile-head-item.mobile-head-search .title:before {content:"\f002";}
.mobile-head-item.mobile-head-social .title:before {content:"\f007";}
.mobile-head-item.mobile-head-aside .title:before {content:"\f060";}
.mobile-head-item .main-content-wrap {background:#FFF;top:0;display:block;z-index:99999;}
.mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height:100%;padding:15px 10px;background-color: #fff;}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y:hidden;}
.mobile-head-item .side-content-wrap {position:fixed;display:block;left:-70%;width:70%;height:100%;}
.mobile-head-item .middle-content-wrap {position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;}
.mobile-head-item .middle-show-content-wrap {top:30px;visibility:visible;opacity:1;}
.web_head .logo{position:relative;display:block;float: none;text-align: center;margin-bottom: 0;}
.web_head{padding:25px 0 0;height:auto;}
.web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none;}
.web_head .nav_wrap{position: static;}
.nav_wrap .logo img{height: 100px;}
.web_head .btn--search{ right:0;top:-20px;margin:0;}
.web_head .head-search{display: none;}
.head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto;}
.head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px;}
.head-search .search-btn{position:absolute;width:35px;height:100%;background:url(../image/search_btn_mobile.png) no-repeat center center;-webkit-background-size: auto 16px;background-size: auto 16px;border:none;right:0;top:0;display:block !important;}
.head-search .search-attr{display:none;}
/* header */
.web_head{position: static;}
.web_head .head_layer,.index_web_head .head_layer {text-align: center;position: static;background: #000;}
.web_head .head_layer .layout{display: block;position: static;width: auto;}
.head_layer .logo{width: auto;}
.head_top .head_left{position: static;text-align: center;}
.web_head .head_right{margin: 0;}
.head_top{padding-top: 8px;}
.head_layer{padding-bottom: 8px;}
.path_bar {background-attachment: scroll!important;}
/*nav */
.head_nav{width: 100%;}
.head_nav li {position:relative;display:block;width:100%;font-size:16px;}
.head_nav > li {border-bottom: 1px solid #eee;line-height:35px;}
.head_nav > li:after {content: '\f105';position: absolute;right: 0;top:0;color:#999;font-size:12px;}
.head_nav li ul {display:block;width:100%;}
.head_nav li ul li {width:auto;padding:0 10px;font-size:14px;text-transform:lowercase;line-height:30px;}
.head_nav li ul li:before {content:"";width:3px;height:3px;background:#999;border-radius:50%;position:absolute;left:0;top:15px;}
.head_nav li ul li li {line-height:25px;}
.head_nav li ul li li:before {display:none;}
.web_head .nav_wrap{display: none;}
/* footer */
.web_footer{padding-top: 40px;}
.foot_items .layout{display: block;}
.foot_items .layout:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.foot_item{display: block;width:50%;float: left;}
.foot_item:nth-child(3n+1){clear: none;}
.foot_item:nth-child(2n+1){clear: left;}
.foot_item .title{margin-bottom:15px;font-size: 20px;}
.foot_item .foot_item_bd{padding-right: 8%;}
.index_web_footer{position: static;}
/* index */
.index_hd{margin-bottom: 40px;}
.index_hd .hd_desc{width: 90%;}
.index_promote .promote_item .item_info{padding: 30px;}
.index_promote .promote_item .item_more{left: 30px;}
.index_promote{padding-top: 60px;}
.index_promote .index_bd{padding-top: 40px;padding-bottom: 40px;}
.index_promote .promote_list{padding-bottom: 0;}
.index_promote .promote_item{width: 100%;}
.index_promote .promote_item .item_info{padding: 20px;}
.index_promote .promote_item .item_title{font-size: 20px;}
.index_promote .promote_item .item_subtit{font-size: 12px;font-weight: bold;right: 30px;bottom: 20px;}
.index_promote .promote_item:nth-of-type(1),.index_promote .promote_item:nth-of-type(3){top: auto;}
.index_promote .title_bg_top,.index_promote .title_bg_ft{font-size: 72px;}
.index_company_intr{-webkit-background-size: 100% auto;background-size: 100% auto;}
.index_company_intr .company_intr_cont{width: 100%;padding-right: 0;padding-bottom: 35px;}
.index_company_intr .company_intr_gallery{width: 100%;position: relative;left: auto;margin-left: auto;}
.index_company_intr .swiper_buttons{right: 0;}
.index_company_intr .swiper-button-prev{margin-right: 5px;top: -6px;}
.index_project_container .layout { width: 98%; }
.index_project_container { padding-bottom: 30px; }
/* aside */
.aside {display:none;}
.side-widget{margin-bottom: 35px;}
.side-product-items .items_content{margin-top: 10px;padding-top: 0;padding-bottom: 0;}
.side-product-items .btn-prev,.side-product-items .btn-next{display: none;}
.side-product-items .side_slider{padding-top: 0;padding-bottom: 0;max-height: inherit;}
.side-product-items .side_slider ul:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.side-product-items .side_slider .swiper-wrapper{width: auto;display: block;margin: 0 -5px;}
.side-product-items .side_product_item{display: block;width: 50%;height: auto!important;float: left;;text-align: center;}
.side-product-items .side_product_item:nth-child(2n+1){clear: left;}
.side-product-items .side_product_item figure{display: block;width: auto;border: 1px solid #eee;padding: 3px;margin: 5px;}
.side-product-items .side_product_item .item-img{display: block;width: 100%;float: none;}
.side-product-items .side_product_item .item-img img{width: 100%;height: auto;border: 0;}
.side-product-items .side_product_item figcaption{width: auto;display: block;padding: 8px;}
.side-product-items .side_product_item figcaption .item_title{height: auto;font-size: 12px;text-transform: none;}
/* main */
.page_main{padding-top: 25px;}
.main {width:auto;float:none;margin:0 auto;}
.product-item {width:33.333%;}
.product-item .item-wrap {margin:8px;}
.items_list {width:100%;}
.items_list ul{margin: 0 -10px;padding-top: 0;}
.items_list .product_item figure{margin-left: 10px;margin-right: 10px;}
.items_list .product_item{width: 33.333%;}
/* list */
.page_bar{margin-top: 20px;text-align: center;}
/* product intro */
.page_title{line-height: 1.1;}
.video_close {display:none }
.image-additional li.image-item.current img,.image-additional li.image-item img {border: 1px solid #eee;}
.product-view {width:100%;float:none;margin:0 auto 30px;}
.product-view .product-image, .single_product_items {display:none }
.image-additional-wrap {display:block;}
.product-view .image-additional {width:100%;margin:0;}
.product-view .image-additional ul {width:100%;}
.product-view .image-additional li {width:100%;margin:0;}
.product-view .image-additional li a {padding:0;margin: 0;border: 0;}
.product-view .image-additional li img{width:100%;}
.product-view .image-additional li.single {display:block }
.product-view .image-additional li.current a:before,.product-view .image-additional li.current a:after{display: none;}
.product-view .swiper-button-next, .product-view .swiper-button-prev{background: rgba(0,0,0,.8);color: #fff;}
.product-view .swiper-button-next{right: 5px;}
.product-view .swiper-button-prev{left: 5px;}
/* product summary */
.product-summary {position:relative;width:100%;float:none;}
.product-summary .share-this {float:none;margin:30px 0;}
.product-summary .product-meta li{display: block;}
.product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;}
.product-btn-wrap{text-align: left;}
.product-btn-wrap a {margin:0 0 10px !important;}
.product-summary .share-this{text-align: left;}
/* product detail */
.tab-panel-wrap{padding: 30px 0 0;}
.goods-may-like .title{margin-top: 50px;margin-bottom: 50px;}
.pellets-left {width: 100%;}
.pellets-top {flex-direction: column;}
.pellets-module-item {width: 100%;}
.application-top-text {padding: 3em;width: 100%;}
.application-main-top {width: 100vw;flex-direction: column;padding: 3em;box-sizing: border-box;}
.application-top-first {width: 100%;}
.application-top-last {margin-top: 5em; width: 100%;}
.application-top {width: 100%;}
.application-tab {width: 100%;}
.application-main {width: 100%;}
.application-bg-list {flex-direction: column;}
.application-bg-item {width: 100%;margin-bottom: 20px;}
.application-bg-pic {width: 100%;padding: 10px;}
.application-img-swiper2 {width: 100%;}
.application-img-swiper2-imgs {bottom: -100px;}
.application-img-swiper2-imgs img {width: 168px;height: 164px;}
}
@media only screen and (max-width: 768px) {
.index_hd{padding: 0;}
.index_hd .hd_desc{width: auto;margin: 0;}
/*list*/
.items_list .product_item{width: 50%;}
.items_list .product_item:nth-child(2n+1){clear: left;}
.items_list .product_item figure{border-color: #ddd;}
/*index*/
.index_promote .promote_item .item_info{padding: 30px;}
.index_promote .promote_item .item_more{left: 30px;}
.index_promote{padding-top: 60px;}
.index_promote .index_bd{padding-top: 40px;padding-bottom: 40px;}
.index_promote .promote_list{padding-bottom: 0;}
.index_promote .promote_item{width: 100%;}
.index_promote .promote_item .item_info{padding: 20px;}
.index_promote .promote_item .item_title{font-size: 20px;}
.index_promote .promote_item .item_subtit{font-size: 12px;font-weight: bold;right: 30px;bottom: 20px;}
.index_promote .promote_item:nth-of-type(1),.index_promote .promote_item:nth-of-type(3){top: auto;}
.index_promote .title_bg_top,.index_promote .title_bg_ft{font-size: 72px;}
.slider_banner .swiper-button-prev, .slider_banner .swiper-button-next{display: none;}
.slider_banner .swiper-slide img{min-height: 160px;}
.slider_banner .swiper-pagination{padding-bottom: 0;}
.slider_banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.slider_banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
.pellets-left {width: 100%;}
.pellets-top {flex-direction: column;}
.pellets-module-item {width: 100%;}
.application-tab {width: 100vw;}
.application-img-swiper2 {width: 100%;}
.application-img-swiper2-imgs {padding: 0 10px; gap: 20px; margin: 4em 0;}
}
@media only screen and (max-width: 480px) {
.mobile-hide{display: none!important;}
.gotop {display:none !important;}
.service_item{width:100%;}
.blog-item .item-img{width:150px;}
.table_wrap{overflow-x:scroll;}
/* layout */
body{min-width: inherit;}
.layout {width: 100%;padding-left: 10px;padding-right: 10px;}
.web_head .layout,.index_main .layout,.web_foot .layout{width: 100%;padding-left: 10px;padding-right: 10px;}
.index_promote .index_bd .layout,.index_company_intr .index_bd .layout{width: 300px;}
/* header */
.head_layer .logo{padding-top: 10px;padding-bottom: 10px;}
.web_head .logo img{height: 50px;max-width: inherit;}
.web_head .head_layer .layout{padding: 0;}
.head_top .head_sns li img{height: 18px;width: auto;}
/* footer */
.foot_items{padding-bottom: 30px;}
.foot_item{width: 100%;float: none;padding-top: 20px;padding-bottom: 20px;}
.foot_item .title{font-size: 24px;margin-bottom: 8px;}
.foot_sns li{padding-right: 8px;padding-bottom: 8px;}
.foot_sns li img{max-height: 16px;}
.foot_item_follow .button{height: 18px;line-height: 18px;}
@media only screen and (max-width: 320px) {
.side_product_item {width:100%;}
}
/*-------------------------------
font start
----------------------------------*/
@font-face {
font-family: 'fontawesome';
src: url("../font/fontawesome-webfont.eot");
src: url("../font/fontawesome-webfont.eot") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2") format("woff2"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'SourceSansPro';
src: url("../font/SourceSansPro-Regular.eot");
src: url("../font/SourceSansPro-Regular.eot") format("embedded-opentype"), url("../font/SourceSansPro-Regular.woff2") format("woff2"), url("../font/SourceSansPro-Regular.woff") format("woff"), url("../font/SourceSansPro-Regular.ttf") format("truetype"), url("../font/SourceSansPro-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SourceSansPro-Light';
src: url("../font/SourceSansPro-Light.eot");
src: url("../font/SourceSansPro-Light.eot") format("embedded-opentype"), url("../font/SourceSansPro-Light.woff2") format("woff2"), url("../font/SourceSansPro-Light.woff") format("woff"), url("../font/SourceSansPro-Light.ttf") format("truetype"), url("../font/SourceSansPro-Light.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/*-------------------------------
font end
----------------------------------*/
/*-------------------------------
animation start
----------------------------------*/
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse {from {background-color: rgba(210,174,109,.2);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}50% {background-color: rgba(210,174,109,1);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}to {background-color:rgba(210,174,109,.2);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}}
@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}
/*-------------------------------
animation end
----------------------------------*/