:root { --main-theme-color: #fc7001; --sub-theme-color: #005bac; }

body, h1, h2, h3, h4, h5, h6, p, div, ul, li { margin: 0; padding: 0; }

li { list-style: none; }

img { max-width: 100%; }

a, a:hover, a:visited, a:active, a:link, a:focus { text-decoration: none; }

.h4px { height: 4px; }

.h14px { height: 14px; }

.header { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #2b2c30; border-bottom: 6px solid #3F539E; padding: 20px 15px; }

.logo img { height: 44px; }

.nav_bar { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: white; }

.nav { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.nav li { position: relative; }

.nav > li > .childnav { left: 0; }

.nav > li:hover > ul { visibility: visible; opacity: 1; }

.nav > li > ul > li:hover > ul { visibility: visible; opacity: 1; }

.nav > li > ul .childnav { top: 0; }

.nav .childnav { width: 100%; position: absolute; left: 100%; background-color: #2b2c30; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 999; }

.nav li a { color: white; padding: 20px 14px; display: block; }

.nav li a:hover { color: var(--main-theme-color); }

.nav li a i { font-size: 12px; -webkit-transform: translate(4px, -2px); -moz-transform: translate(4px, -2px); -ms-transform: translate(4px, -2px); -o-transform: translate(4px, -2px); transform: translate(4px, -2px); }

.language { position: relative; padding: 0 14px; }

.language i { cursor: pointer; }

.language > ul { border-top: 6px solid #3f539e; display: none; width: 180px; position: absolute; left: -67px; top: 64px; z-index: 9; background-color: #ffffff; }

.language > ul li a { color: #042038; display: block; padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.language > ul li a:hover { background-color: #042038; color: white; }

.search_g { position: relative; cursor: pointer; }

.search_g:hover > span { color: var(--main-theme-color); }

.search_g_btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.search_g_btn i { background-color: white; color: #333; }

.search_g_form { display: none; position: absolute; right: 0; top: 64px; z-index: 9; }

.search_g_form form { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.search_g_form form input { border: none; outline: none; padding: 0 10px; }

.search_g_form form button { padding: 6px 10px; outline: none; border: none; color: #ffffff; background-color: var(--main-theme-color); }

.m-switch { display: none; color: #ffffff; background: #2b2c30; }

.switch { padding: 15px; display: inline-block; }

.m-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 9; }

.mobile-nav { position: fixed; top: 0; left: 0; left: -50%; width: 50%; height: 100%; overflow-y: scroll; z-index: 99999; background: #000000; color: white; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.mobile-nav > ul > li:first-of-type > a { border-top: 1px solid var(--main-theme-color); border-top: 1px solid rgba(255, 255, 255, 0.15); }

.mobile-nav > ul > li ul { display: none; background: #272727; }

.mobile-nav > ul > li > ul > li ul { background-color: #5f5f5f; }

.mobile-nav ul li { position: relative; overflow-x: hidden; }

.mobile-nav i { color: white; font-style: normal; padding: 0px 10px; height: 46px; line-height: 43px; display: inline-block; font-size: 24px; font-weight: bold; position: absolute; right: 0; top: 0; z-index: 99; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotate(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.mobile-nav a { padding: 12px 10px; padding-right: 30px; display: block; color: white; text-decoration: none; border-bottom: 1px solid var(--main-theme-color); border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.company-name { padding: 10px 12px; }

.video_box { position: relative; }

.video_box video { width: 100%; display: block; }

.video_box .video_desc { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-size: 20px; }

.banner_swiper .swiper-pagination-bullet { width: 68px; border-radius: 0; background: #fff; }

.banner_swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

.banner_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; background: rgba(61, 83, 156, 0.5); color: white; padding: 15px 15px; max-width: 840px; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.banner_content a { color: white; font-size: 20px; }

.banner_content > h2 { font-weight: bold; }

.banner_content > p { padding: 20px 0; }

.banner_card { position: absolute; right: 42px; top: 90px; text-align: center; border-radius: 0; background: var(--main-theme-color); color: #ffffff; }

.banner_card a { color: #fff !important; display: block; padding: 10px 14px; }

.banner_card p { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding: 33px 0; letter-spacing: 6px; }

.btn-style1 { padding: 16px 20px; padding-right: 40px; font-size: 14px; border-radius: 0; background-color: var(--main-theme-color); border-color: var(--main-theme-color); position: relative; }

.btn-style1 i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; margin-left: 4px; margin-top: -2px; font-size: 22px; }

.btn-style1:hover, .btn-style1:focus, .btn-style1:active { color: #fff; background-color: #f7862c !important; border-color: #f7862c !important; box-shadow: none !important; }

.btn-style1:hover i, .btn-style1:focus i, .btn-style1:active i { -webkit-transform: translateX(4px) translateY(-50%); -moz-transform: translateX(4px) translateY(-50%); -ms-transform: translateX(4px) translateY(-50%); -o-transform: translateX(4px) translateY(-50%); transform: translateX(4px) translateY(-50%); }

.smkj { background-image: url(https://upload.digoodcms.com/481/image_1595239903_8fbbbe312f87980ba2e8f0eeca579b8.jpg); background-image: url("../images/sandwood_intro.jpg"); -o-background-size: cover; background-size: cover; background-attachment: fixed; }

.zhuanye { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0 80px 0; }

.contentsdsd { background: rgba(255, 255, 255, 0.6); padding: 2rem 1rem; width: 100%; max-width: 732px; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.contentsdsd .line { height: 1px; background: #666; margin: 50px auto 30px auto; width: 120px; }

.contentsdsd .p_text { font-size: 20px; margin-bottom: 50px; }

.btn.btn-style2 { padding: 1rem 2rem; padding-right: 3rem; background-color: var(--main-theme-color); border-color: var(--main-theme-color); font-size: 20px; position: relative; border-radius: 0; }

.btn.btn-style2:hover, .btn.btn-style2:focus, .btn.btn-style2:active { background-color: #f7862c !important; border-color: #f7862c !important; box-shadow: none !important; }

.btn.btn-style2:hover i, .btn.btn-style2:focus i, .btn.btn-style2:active i { -webkit-transform: translateX(6px) translateY(-50%); -moz-transform: translateX(6px) translateY(-50%); -ms-transform: translateX(6px) translateY(-50%); -o-transform: translateX(6px) translateY(-50%); transform: translateX(6px) translateY(-50%); }

.btn.btn-style2 > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: 4px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.con_head { display: block; width: 100%; }

.products_section .title_line { background: #fff; }

.title2 { text-align: center; }

.title_line { width: 100%; max-width: 380px; height: 1px; background: #676767; margin: 50px auto; position: relative; }

.title_line::after { content: ''; display: block; width: 42px; height: 10px; background-color: #E9572C; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.showproducts { padding: 75px 0; background: #2B2C30; }

.showproducts .title2 { color: white; }

.showproducts .title_line { background: #fff; }

.portfolio-filter { margin-bottom: 15px; }

.portfolio-filter ul li { display: inline-block; margin-bottom: 20px; }

.portfolio-filter ul li a { color: #ddd; color: #fff; display: inline-block; font-size: 16px; margin: 0 10px; padding: 5px 15px; position: relative; }

.portfolio-filter ul li a::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; }

.portfolio-filter ul li a::after { position: absolute; top: 0; left: 0; width: 2px; height: 2px; background: #fff; content: ''; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }

.portfolio-filter ul li a:hover::before { top: 100%; opacity: 1; }

.portfolio-filter ul li a:hover::after { height: 100%; }

.og-grid .mix > a { display: block; overflow: hidden; position: relative; }

.og-grid .mix a img { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.og-grid .mix a:hover img { -webkit-transform: scale(1.4) rotate(15deg); -moz-transform: scale(1.4) rotate(15deg); -ms-transform: scale(1.4) rotate(15deg); -o-transform: scale(1.4) rotate(15deg); transform: scale(1.4) rotate(15deg); }

.hover-mask { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(43, 44, 48, 0.8); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 600ms ease-out 0s; -moz-transition: all 600ms ease-out 0s; -o-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); }

.hover-mask h3 { color: #ddd; font-size: 20px; position: relative; text-transform: uppercase; top: 110px; margin-top: 20px; }

.hover-mask span { border: 2px solid #ddd; border-radius: 50px; color: #ddd; display: inline-block; height: 50px; left: 42%; padding: 11px 0; position: absolute; text-align: center; top: 22%; width: 50px; }

.og-grid .mix a:hover .hover-mask { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }

.technology_section { padding-top: 90px; }

.technology_section .x_item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.technology_section .x_item a { display: block; color: #666; }

.technology_section .x_item .x_img_box { overflow: hidden; }

.technology_section .x_item .x_img_box img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.technology_section .x_text { text-align: center; padding: 30px 0; }

.technology_section .x_text h4 { color: #333; margin-bottom: 16px; }

.power .swiper-button-next, .power .swiper-button-prev { color: white; /* padding: 20px 20px; */ border: 3px solid white; width: 60px; height: 60px; border-radius: 100px; }

.power .swiper-button-next:after, .power .swiper-button-prev:after { font-size: 28px; font-weight: bold; }

.power_content { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; text-align: center; }

.power_content > h2 { font-size: 16px; }

.customer_case { padding-top: 110px; }

.case_item { position: relative; }

.case_item::after { content: ''; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: rgba(0,0,0,0.1); */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; }

.case_item:hover .case_content { visibility: visible; opacity: 1; }

.case_item img { height: auto; }

.case_item .case_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%) !important; color: white; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.case_cont_wrap { position: relative; overflow: hidden; }

.case_cont_wrap img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.case_cont_wrap:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.case_cont_wrap .case_cont { position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.case_cont_wrap .case_cont h3 { font-size: 30px; }

.case_cont_wrap .case_line { width: 125px; height: 1px; background-color: #000000; margin: 36px auto 140px auto; }

footer { padding: 70px 0; color: #909090; background-color: #1E1E1E; }

footer a { color: #909090; }

footer a:hover { color: var(--main-theme-color); }

.footer_rows1_item .footer_title1 { min-height: 56px; }

.footer_title1 { margin-bottom: 20px; }

.footer_nav { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 30px; }

.footer_nav > li > a { padding: 0 10px; position: relative; }

.footer_nav > li > a::after { content: ''; display: block; height: 80%; width: 1px; position: absolute; right: 0; top: 4px; background-color: #909090; }

.footer_nav > li:last-of-type > a::after { display: none; }

footer form input, footer form textarea { background-color: #D5D5D5; padding: 5px 8px; border: 1px solid #D5D5D5; border-radius: 6px; color: #ffffff; outline: none; }

footer form div { margin-bottom: 10px; }

footer form input, footer form textarea { min-width: 264px; }

footer form textarea { height: 84px; }

.submit-btn { display: block; min-width: 264px; background-color: var(--main-theme-color); border-color: var(--main-theme-color); }

.submit-btn:hover { background-color: var(--main-theme-color); border-color: var(--main-theme-color); }

.footer_logo, .footer_desc, .footer_email, .footer_address { margin-bottom: 20px; }

.footer_address { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.footer_address > a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.footer_address > a > i { margin-right: 10px; }

.social_links { margin-bottom: 50px; }

.social_links > ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.social_links > ul > li { margin-right: 20px; }

@media (min-width: 320px) { .product_nav > ul > li:last-of-type { margin-right: 40px; } }

@media (min-width: 768px) { .customer_case .col-md-6 { padding-left: 2px; padding-right: 2px; padding-bottom: 3px; } }

@media (min-width: 992px) { .header { padding: 20px 50px; }
  .mobile-nav, .m-shadow { display: none !important; }
  .video_box .video_desc { font-size: 50px; }
  .banner_content { padding: 60px 150px; }
  .banner_content > h2 { font-size: 50px; }
  .banner_content > p { padding: 120px 0; }
  .btn-style1 { padding: 32px 40px; padding-right: 60px; }
  .contentsdsd { padding: 4rem 7rem; }
  .technology_section .x_text { padding: 50px 40px; padding: 50px 20px; }
  .technology_section .col-md-4 { padding-left: 50px; padding-right: 50px; }
  .power_content > h2 { font-size: 50px; }
  .power_content > p { font-size: 28px; white-space: nowrap; margin: 40px 0 80px 0; }
  .customer_case .col-lg-9, .customer_case .col-lg-3, .customer_case .col-lg-4 { padding-left: 2px; padding-right: 2px; padding-bottom: 0; }
  .item20percent { width: 20%; }
  footer .col-lg-3 { padding-left: 40px; padding-right: 100px; }
  footer .col-lg-3:last-of-type { padding-right: 40px; }
  .zhuanye { padding: 80px 0 400px 0; } }

@media (min-width: 1280px) { .logo img { height: 40px; } }

@media (min-width: 1300px) { .logo img { height: 50px; } }

@media (min-width: 1400px) { .logo img { height: 64px; } }

@media (min-width: 1460px) { .logo img { height: auto; } }

@media (max-width: 768px) { .nav { display: none; }
  .header { -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .language > ul, .search_g_form { top: 54px; }
  .m-switch { display: block; }
  .contentsdsd { max-width: 90%; }
  .case_cont_wrap .case_line { margin: 36px auto 80px auto; }
  .customer_case .h4px, .customer_case .h14px { display: none; }
  .case_item img { height: auto; } }

@media (max-width: 767px) { .customer_case .col-lg-3, .customer_case .col-lg-9, .customer_case .col-lg-4 { padding-bottom: 15px; } }
/*# sourceMappingURL=style.min.css.map */