/*GLOBAL CSS*/
html { font: 100 10px 'Open Sans', sans-serif; color: #333333; }

body { margin: 0; padding-bottom: 45rem; }

.dn { display: none; }

.fr { float: right !important; }

.h { visibility: hidden; }

/*END GLOBAL CSS*/
.bg_site { background: #fff; width: 100%; position: relative; z-index: 1; }

header { float: left; min-height: 70rem; }
header :hover .line_left { width: 53rem; }
header :hover .line_right { width: 53rem; }
header .navi_box { margin: 0 auto; max-width: 132rem; position: relative; }
header .navi_box nav { padding: 0 6rem; font-size: 1.4rem; }
header .navi_box nav a, header .navi_box nav .logo { display: inline-block; text-align: center; transition: all 0.3s ease-out; }
header .navi_box nav a.link { text-decoration: none; color: #333333; border: none; line-height: 5.4rem; border-color: #2dbcf2; margin-top: 2.8rem; width: 100%; }
header .navi_box nav a.link .a_line { float: left; width: 0; margin-left: 6.2rem; height: 0.1rem; background: #2dbcf2; }
header .navi_box nav a.link span { width: 100%; float: left; }
header .navi_box nav a:hover { color: #2dbcf2; }
header .navi_box nav a:hover .a_line { width: 100%; transition: all 0.3s ease-out; margin-left: 0; }
header .navi_box nav .sub ul { overflow: hidden; display: block; float: left; padding: 0; margin: 0; width: 100%; background: #fff; text-align: left; transform: scaleY(0); transform-origin: 50% 0%; }
header .navi_box nav .sub ul li { list-style: none; line-height: 4rem; transition: all 0.3s ease-out; text-align: center; }
header .navi_box nav .sub ul li span { float: left; width: 100%; height: 1px; background: #2dbcf2; transform: scaleX(0); transform-origin: 50% 50%; }
header .navi_box nav .sub ul li a { color: #333333; text-decoration: none; margin: 0 !important; }
header .navi_box nav .sub:hover ul { transition: all 0.3s ease-out; width: 100%; transform: scaleY(1); transform-origin: 50% 0%; }
header .navi_box nav .sub:hover ul li:hover a { color: #2dbcf2; }
header .navi_box nav .sub:hover ul li:hover span { transform: scaleX(1); }
header .navi_box nav .sub:hover ul:hover span { transition: all 0.3s ease-out; }
header .navi_box nav .logo { margin-top: 2rem; line-height: 0; }
header .navi_box nav .logo svg { height: 8.5rem; transition: all 0.3s ease-out; }
header .navi_box nav .logo svg g.ll { transition: all 0.6s ease-out; transform-origin: center; }
header .navi_box nav .logo:hover g.ll { width: 1rem; transform: rotateY(180deg); }
header .bg_nav { position: fixed; top: 0; background: url("../img/bg_nav.png") repeat-x center bottom; height: 22.9rem; z-index: 9999; transition: all 0.6s ease-out; }
header .line_left { position: fixed; width: 0; height: 0.1rem; background-color: #d3d3d3; top: 8.2rem; left: 50%; margin-left: 11rem; transition: all 0.6s ease-out, top 0.3s ease-out; }
header .line_right { position: fixed; width: 0; height: 0.1rem; background-color: #d3d3d3; top: 8.2rem; right: 50%; margin-right: 11rem; transition: all 0.6s ease-out, top 0.3s ease-out; }
header .slider { width: 100%; height: 70rem; overflow: hidden; position: relative; }
header .slider .slide { width: 192rem; min-height: 78.1rem; position: absolute; left: 50%; margin-left: -96rem; }
header #slide1 { background: url("../img/bg.jpg") no-repeat center top/cover; }
header #slide2 { background: url("../img/bg2.jpg") no-repeat center top/cover; }
header.products_page { min-height: 37rem; background: url("../img/bg_products.jpg") no-repeat center top; }
header.keygo { background: url("../img/bg_product.jpg") no-repeat center top; }

.category { max-width: 132rem; margin: 0 auto; clear: both; position: relative; z-index: 9998; }
.category .cat { float: left; padding: 0 6rem; margin-top: -6.5rem; padding-bottom: 6.5rem; }
.category .cat section img { transition: filter 0.3s ease-out; width: 100%; }
.category .cat section .text { margin-top: 2.6rem; }
.category .cat section .text hgroup { height: 8rem; padding-left: 2rem; }
.category .cat section .text hgroup h1 { float: left; font-size: 2.8rem; line-height: 2.8rem; color: #2dbcf2; margin: 0; margin-top: 1.2rem; width: 100%; }
.category .cat section .text hgroup h2 { font-size: 1.6rem; line-height: 1.6rem; font-weight: 100; margin: 0; clear: both; }
.category .cat section .text .desc { padding-left: 2rem; font-weight: 400; margin-top: 3.2rem; }
.category .cat section .category_number { height: 8rem; border-bottom: 0.1rem solid #2dbcf2; border-right: 0.1rem solid #2dbcf2; line-height: 4.3rem; font-size: 5.6rem; font-weight: 700; color: #e8e7e7; margin-top: 4rem; }
.category .cat section .desc_lane { border-top: 0.1rem solid #2dbcf2; border-right: 0.1rem solid #2dbcf2; float: left; height: 8rem; margin-top: 2rem; }
.category .cat section:hover img { filter: brightness(1.2); transition: filter 0.3s ease-out; }

section.page_info { max-width: 132rem; margin: 0 auto; position: relative; z-index: 9998; clear: both; top: -6.6rem; }
section.page_info .page_box { float: left; padding: 0 6rem; }
section.page_info .page_box .page_number { height: 15.3rem; padding-right: 4rem; line-height: 10rem; font-size: 15rem; font-weight: 700; text-align: right; border-right: 0.3rem solid #2dbcf2; border-bottom: 0.3rem solid #2dbcf2; border-bottom-right-radius: 3px; color: #e8e7e7; }
section.page_info .page_box hgroup { padding-left: 2rem; }
section.page_info .page_box hgroup h1 { font-size: 6.4rem; color: #fff; margin: 0; line-height: 4.5rem; }
section.page_info .page_box hgroup h1 span { color: #2dbcf2; }
section.page_info .page_box hgroup h2 { font-size: 2.8rem; font-weight: 100; line-height: 2rem; margin-top: 4rem; }
section.page_info .page_box .page_desc_box { float: left; }
section.page_info .page_box .page_desc_box .page_desc { margin-top: 6.2rem; font-size: 1.2rem; padding: 0 2rem; }
section.page_info .page_box .page_desc_lane { border-right: 0.3rem solid #2dbcf2; border-top: 0.3rem solid #2dbcf2; border-top-right-radius: 3px; height: 15.3rem; margin-top: 4rem; }
section.page_info .page_box .img_pg_rolltore { margin-top: 9.4rem; }

section.products_category { max-width: 132rem; margin: 0 auto; clear: both; }
section.products_category .products_category_box { padding: 0 6rem; }
section.products_category .products_category_box h1.cat_title { font-size: 6.4rem; text-align: center; color: #e8e7e7; margin-top: 0; }
section.products_category .products_category_box h1.cat_title span { color: #2dbcf2; }
section.products_category .products_category_box .cat_contener { float: left; width: 100%; margin-bottom: 4rem; position: relative; }
section.products_category .products_category_box .cat_contener .cat_top_lane { position: absolute; height: 0.1rem; width: 82.8rem; left: 33rem; background: #d3d3d3; }
section.products_category .products_category_box .cat_contener .cat_img { transition: filter 0.3s ease-out; min-height: 21.9rem; }
section.products_category .products_category_box .cat_contener .cat_img.r1 { background: url("../img/r1.jpg") no-repeat center center; }
section.products_category .products_category_box .cat_contener .cat_img svg line { stroke-width: 0.1rem; stroke: #d3d3d3; }
section.products_category .products_category_box .cat_contener .cat_img svg rect { fill: yellow; stroke-width: 0.1rem; stroke: #d3d3d3; stroke-dasharray: 399 109; stroke-dashoffset: 0; transition: all .5s ease-out; }
section.products_category .products_category_box .cat_contener .cat_img svg:hover rect { stroke-dashoffset: -508; stroke: #2dbcf2; transition: all 1s ease-out; }
section.products_category .products_category_box .cat_contener .prds_box { position: relative; }
section.products_category .products_category_box .cat_contener .prds_box .products_lane { position: absolute; width: 20rem; height: 0.1rem; background: #d3d3d3; top: 0; right: 13.8rem; }
section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box { padding: 0 2rem; }
section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box .cat_desc { padding: 4rem 0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; min-height: 13.7rem; }
section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box .cat_desc h1 { font-size: 1.8rem; margin: 0; text-transform: uppercase; color: #2dbcf2; }
section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box .cat_desc h2 { font-size: 1.2rem; text-transform: uppercase; margin: 0; font-weight: 100; }
section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box .cat_desc p { font-size: 1.2rem; font-weight: 300; margin-bottom: 0; }
section.products_category .products_category_box .pdf_box { position: relative; }
section.products_category .products_category_box .pdf_box .cat_pdf { border: none; height: 9.8rem; background: url("../img/pdf.png") no-repeat center center; float: right; }
section.products_category .products_category_box .pdf_box .cat_pdf svg rect { fill: yellow; stroke-width: 0.1rem; stroke: #d3d3d3; stroke-dasharray: 133 46; stroke-dashoffset: 0; transition: all .5s ease-out; }
section.products_category .products_category_box .pdf_box .cat_pdf svg:hover rect { stroke-dashoffset: -179; stroke: #2dbcf2; transition: all 1s ease-out; }
section.products_category .products_category_box .pdf_box .box { position: absolute; bottom: 0; }

section.product_page { max-width: 132rem; margin: 0 auto; clear: both; }
section.product_page .product_page_box { padding: 0 6rem; }
section.product_page .product_page_box h1.cat_title { font-size: 6.4rem; text-align: center; color: #e8e7e7; margin-top: 0; }
section.product_page .product_page_box h1.cat_title span { color: #2dbcf2; }
section.product_page table { padding: 0; border-spacing: 0; margin-bottom: 6rem; font-size: 1.2rem; }
section.product_page table td { border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 3rem 0; text-align: center; }
section.product_page table th { color: #2dbcf2; border-bottom: 1px solid #d3d3d3; padding: 3rem 0; width: 10rem; }
section.product_page table th:last-child, section.product_page table tr td:last-child { border-right: none; }

.box { height: 8.2rem; float: right; position: relative; display: inline-block; cursor: pointer; margin-top: 4rem; text-decoration: none; }
.box svg { position: absolute; top: 0; left: 0; }
.box svg rect { fill: yellow; stroke-width: 0.1rem; stroke: #d3d3d3; stroke-dasharray: 350 40; stroke-dashoffset: 0; transition: all .5s ease-out; }
.box:hover svg rect { stroke-dashoffset: -350; stroke: #2dbcf2; transition: all 1s ease-out; }
.box:hover .button { background: #f0f0f0; transition: all 1s ease-out; color: #333333; }
.box .button { background-color: #2dbcf2; border: none; height: 4rem; line-height: 4rem; color: #fff; margin: 2rem; transition: all 1s ease-out; text-align: center; }

footer { background: #f8f8f8; padding: 6rem 0 0 0; }
footer .footer_contener { margin: 0 auto; max-width: 132rem; }
footer .footer_contener section { padding: 0 6rem; }
footer .footer_contener section h2 { font-weight: 600; }
footer .footer_contener section a { text-decoration: none; color: #333333; }
footer .footer_contener section a:hover { color: #2dbcf2; transition: all 0.3s ease-out; }
footer .footer_contener section ul { padding: 0; float: left; }
footer .footer_contener section ul li { list-style: none; font-size: 1.2rem; line-height: 22px; transition: all 0.3s ease-out; }
footer p { float: left; width: 100%; text-align: center; padding: 4rem 0; margin: 4rem 0 0 0; }

#map { position: fixed !important; bottom: 0; width: 100%; height: 45.3rem; z-index: 0; }
#map:hover { filter: brightness(1.02); }

@media only screen and (max-width: 1180px) { .category .cat section img { transition: filter 0.3s ease-out; width: 100%; }
  .category .cat section .col { display: none; }
  .category .cat section .text { width: 100%; margin: 2rem 0 0 0; }
  .category .cat section .text hgroup { height: 6rem; padding: 0; text-align: center; }
  .category .cat section .text hgroup h1 { font-size: 2.6rem; line-height: 2.6rem; }
  .category .cat section .text .desc { padding: 0 2rem; }
  .category .cat section .btn_box { margin: 0; padding: 0 2rem; }
  .category .cat section .btn_box .box { width: 100%; } }
@media only screen and (max-width: 980px) { section.page_info .page_box .parent_page_number { display: none; }
  section.page_info .page_box .parent_page_desc_box { width: 74.30939226519337%; margin: 0; }
  section.page_info .page_box hgroup { padding-left: 0; }
  section.page_info .page_box .page_desc_box { float: left; }
  section.page_info .page_box .page_desc_box .page_desc { margin-top: 2rem; padding-left: 0; }
  section.page_info .page_box .page_desc_lane { border-right: 0.3rem solid #2dbcf2; border-top: 0.3rem solid #2dbcf2; border-top-right-radius: 3px; height: 15.3rem; margin-top: 4rem; }
  section.page_info .page_box .img_pg_rolltore { margin-top: 9.4rem; }
  section.products_category .products_category_box .cat_contener .parent_cat_img { display: none; }
  section.products_category .products_category_box .cat_contener .prds_box { margin: 0; width: 100%; }
  section.products_category .products_category_box .cat_contener .prds_box .cat_desc_box { padding: 0; }
  section.products_category .products_category_box .cat_contener .prds_box .products_lane { right: 10.8rem; } }
@media only screen and (max-width: 768px) { body { padding: 0; }
  header, .slider, #slide1, #slide2 { min-height: 40rem; height: 40rem; background-size: contain !important; }
  #slide2 { display: none; }
  .bg_site { background: none; float: left; }
  .line_left { display: none; }
  .line_right { display: none; }
  nav { padding: 0 !important; }
  nav .span2 { display: none !important; }
  nav .menu_btn_area { display: block !important; }
  nav #Layer_1 { transform: scale(0.7); }
  .category { background: #fff; float: left; margin-bottom: 46rem; }
  .category .cat { margin-top: -12.5rem; }
  .category .cat section.span4 { float: left; margin-top: 4rem; }
  footer { display: none; } }
.mobile_menu { display: none; background: #fff; float: left; width: 100%; padding-top: 120px; position: absolute; top: 0; z-index: -1; transition: .3s ease-out; }

* { margin: 0; padding: 0; }

.menu_btn_area { z-index: 9999; display: none; position: absolute; width: 60px; height: 45px; right: 0; top: 2px; transition: .3s ease-out; padding: 4rem; }

#nav-icon2 { transform: scale(0.5); width: 60px; height: 45px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; transform: scale(0.5); cursor: pointer; }

#nav-icon2 span { display: block; position: absolute; height: 2px; width: 50%; background: #2dbcf2; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 18px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 36px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }

#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }

#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }

#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }

#nav-icon2.open span:nth-child(5) { left: 5px; top: 29px; }

#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 29px; }

/*# sourceMappingURL=style.css.map */