@font-face {
     font-family: "Microsoft YaHei bold";
     src: url(../fonts/MicrosoftYaHei-Bold.woff2) format("woff2"), url(../fonts/MicrosoftYaHei-Bold.woff) format("woff")
   }
   
   @font-face {
     font-family: "Microsoft YaHei";
     src: url(../fonts/MicrosoftYaHei.woff2) format("woff2"), url(../fonts/MicrosoftYaHei.woff) format("woff")
   }
   
   @font-face {
     font-family: "Noto Sans medium";
     src: url(../fonts/NotoSans-Medium.woff2) format("woff2"), url(../fonts/NotoSans-Medium.woff) format("woff")
   }
   
   @font-face {
     font-family: "Noto Sans bold";
     src: url(../fonts/NotoSans-Bold.woff2) format("woff2"), url(../fonts/NotoSans-Bold.woff) format("woff")
   }
   
   @font-face {
     font-family: "Noto Sans light";
     src: url(../fonts/NotoSans-Light.woff2) format("woff2"), url(../fonts/NotoSans-Light.woff) format("woff")
   }
   
   @font-face {
     font-family: "Noto Sans";
     src: url(../fonts/NotoSans-Regular.woff2) format("woff2"), url(../fonts/NotoSans-Regular.woff) format("woff")
   }
   
   @font-face {
     font-family: "Noto Sans semibold";
     src: url(../fonts/NotoSans-SemiBold.woff2) format("woff2"), url(../fonts/NotoSans-SemiBold.woff) format("woff")
   }
   
   body {
     color: #333;
     letter-spacing: 0;
     font-weight: 400;
     line-height: 25px;
     font-size: 14px;
     letter-spacing: .2px
   }
   
   @media (min-width:768px) {
     body {
       font-size: 16px;
       line-height: 24px
     }
   }
   
   body.ch {
     font-family: "Microsoft YaHei";
     letter-spacing: 0
   }
   
   body.ch .item_child {
     font-weight: 400
   }
   
   body.ch .breadcrumb {
     font-family: "Microsoft YaHei"
   }
   
   body.ch .layout_sidebar .col_sidebar .fire_system .fire_content .item .title_sub {
     padding: 15px 20px 15px 5px
   }
   
   body.ch .text-bold {
     font-weight: 700
   }
   
   body.en {
     font-family: "Noto Sans", sans-serif
   }
   
   body.en .header-bottom .navbar_nav>li>a {
     font-family: "Noto Sans", sans-serif
   }
   
   body.en .mega_menu {
     font-family: "Maven Pro", sans-serif
   }
   
   body.en footer {
     font-family: "Noto Sans", sans-serif
   }
   
   body.en .item_child {
     font-weight: 500
   }
   
   body.en .fire_system .title a, body.en .layout_sidebar .col_sidebar .fire_system, body.en .mega_sub .ttl_sub, body.en .products .item .ttl_sub, body.en .title_h1, body.en .title_h2, body.en .title_h3, body.en .title_h4, body.en .title_h5, body.en .title_h6 {
     font-family: "Maven Pro", sans-serif
   }
   
   .fnt-noto {
     font-family: "Noto Sans", sans-serif
   }
   
   .red {
     color: #dc2b2b
   }
   
   .wraper {
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%
   }
   
   @media (min-width:768px) {
     .wraper {
       padding-left: 15px;
       padding-right: 15px
     }
   }
   
   @media (min-width:1200px) {
     .wraper {
       padding-left: 15px;
       padding-right: 15px
     }
   }
   
   @media (min-width:1361px) {
     .wraper {
       padding-left: 0;
       padding-right: 0
     }
   }
   
   button, input[type=submit] {
     border-radius: 0;
     -webkit-appearance: none
   }
   
   .product_item .images {
     padding-top: 64.37736%;
     background: #000
   }
   
   .product_item .btn_bg {
     position: relative;
     z-index: 1;
     text-align: center;
     line-height: 55px;
     padding: 0;
     margin-top: 25px;
     background: #000;
     color: #fff
   }
   
   .product_item .btn_bg .imgDrop {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: -1;
     transition: all .3s;
     opacity: .6
   }
   
   .product_item .btn_bg:hover .imgDrop {
     opacity: .4
   }
   
   .btn_pdf {
     position: relative;
     padding-left: 30px;
     display: inline-block;
     width: 100%;
     line-height: 22px
   }
   
   @media (min-width:768px) {
     .btn_pdf {
       max-width: 295px
     }
   }
   
   .btn_pdf:hover {
     opacity: .6
   }
   
   .btn_pdf:before {
     position: absolute;
     content: "";
     top: 0;
     width: 20px;
     height: 40px;
     left: 0;
     background-repeat: no-repeat;
     background-size: 100%;
     background-image: url(../images/icon_pdf.png)
   }
   
   .list_next li {
     position: relative;
     padding-left: 17px
   }
   
   .list_next li:before {
     position: absolute;
     content: "";
     top: 6px;
     left: 0;
     width: 8px;
     height: 20px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: top left;
     background-image: url(../images/icon_next.png)
   }
   
   .list_next li:hover a {
     color: #32ac57
   }
   
   .title_main {
     background: #ccc;
     color: #000;
     padding: 30px 0
   }
   
   .title_main h2 {
     font-size: 28px;
     letter-spacing: .2px
   }
   
   @media (min-width:768px) {
     .title_main h2 {
       font-size: 43px
     }
   }
   
   input[type=checkbox], input[type=radio] {
     position: absolute;
     opacity: 0;
     z-index: -1;
     width: 22px;
     height: 22px;
     top: -1px;
     margin-left: 0
   }
   
   input[type=checkbox]+._text {
     position: relative;
     display: inline-block;
     padding: 0 0 0 2em;
     height: 1.5em;
     line-height: 1.5;
     cursor: pointer
   }
   
   ._text::after, ._text::before {
     position: absolute;
     top: 1px;
     left: 0;
     display: block;
     width: 21px;
     height: 21px
   }
   
   ._text::before {
     content: " ";
     border: 1px solid #ccc;
     border-radius: 0;
     background: #f0efef
   }
   
   input[type=checkbox]+._text::after {
     content: "\2714";
     color: #2c3e50;
     line-height: 1.5;
     text-align: center
   }
   
   input[type=radio]+._text::before {
     border-radius: 50%
   }
   
   input[type=radio]+._text::after {
     content: " ";
     top: 6px!important;
     left: 3px;
     width: 11px;
     height: 11px;
     background: #32ac57;
     border-radius: 50%
   }
   
   input[type=checkbox]+._text::after, input[type=radio]+._text::after {
     transform: scale(0)
   }
   
   input[type=checkbox]:checked+._text::after, input[type=radio]:checked+._text::after {
     transform: scale(.8);
     color: #32ac57;
     top: 1px
   }
   
   ._text::after, ._text::before {
     transition: .25s all ease
   }
   
   .img_bg {
     pointer-events: none
   }
   
   .mejs__container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%!important;
     height: 100%!important
   }
   
   .mejs__overlay-play {
     width: 100%!important;
     height: 100%!important
   }
   
   .slick-arrow {
     background-size: contain!important;
     background-repeat: no-repeat!important;
     background-image: url(../images/arrow.png)!important
   }
   
   @media (max-width:767px) {
     .mejs__overlay-button {
       width: 50px;
       height: 50px
     }
   }
   
   header {
     z-index: 9999;
     position: fixed;
     top: 0;
     left: 0;
     right: 0
   }
   
   @media (min-width:768px) {
     header {
       position: relative
     }
   }
   
   header .logo {
     letter-spacing: .5px
   }
   
   @media (max-width:767px) {
     header .logo {
       margin-left: 50px;
       font-size: 12px
     }
   }
   
   @media (min-width:992px) {
     header .logo {
       margin-left: 35px;
       font-size: 14px
     }
   }
   
   header .logo img {
     display: block;
     max-width: 108px;
     height: auto;
     margin-right: 15px
   }
   
   @media (min-width:768px) {
     header .logo img {
       max-width: 150px;
       margin-right: 25px
     }
   }
   
   header .logo:hover {
     color: #333;
     opacity: .7
   }
   
   @media (max-width:767px) {
     header .logo span {
       position: relative;
       top: 2px
     }
   }
   
   header .btn_nav {
     width: 35px;
     height: 50px;
     position: absolute;
     top: 0;
     right: calc(100% - 45px);
     background: 0 0;
     z-index: 9999
   }
   
   @media (min-width:768px) {
     header .btn_nav {
       display: none
     }
   }
   
   header .btn_nav span {
     width: 25px;
     height: 2px;
     position: absolute;
     background: #444;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto
   }
   
   header .btn_nav span:after, header .btn_nav span:before {
     position: absolute;
     content: "";
     left: 0;
     width: 100%;
     background: #444;
     height: 100%;
     transform: rotate(deg);
     translate: all .3s
   }
   
   header .btn_nav span:before {
     top: -8px
   }
   
   header .btn_nav span:after {
     bottom: -8px
   }
   
   @media (max-width:767px) {
     main {
       padding-top: 57px
     }
   }
   
   .mega_ttl_main {
     padding-left: 35px;
     position: relative
   }
   
   @media (max-width:767px) {
     .mega_ttl_main {
       margin-top: 0;
       padding-left: 0
     }
     .mega_ttl_main span a {
       padding: 15px 20px 15px 35px;
       display: block
     }
   }
   
   .mega_ttl_main .icon_next2 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0
   }
   
   .header-top {
     padding: 14px 0;
     font-size: 14px;
     position: relative;
     background: #fff;
     border-top: 4px solid #32ac57
   }
   
   @media (min-width:768px) {
     .header-top {
       padding: 27px 0
     }
   }
   
   @media (min-width:768px) {
     .header-top #taget02 {
       width: 60%
     }
   }
   
   @media (min-width:992px) {
     .header-top #taget02 {
       position: relative
     }
   }
   
   .header-top #taget02 .header-right {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0
   }
   
   @media (max-width:991px) {
     .header-top #taget02 .header-right {
       max-width: 300px;
       padding-right: 15px
     }
   }
   
   @media (max-width:767px) {
     .header-top #taget02 .header-right {
       display: block
     }
   }
   
   @media (min-width:1361px) {
     .header-top #taget02 .header-right {
       right: -60px
     }
   }
   
   .header-top #taget02 .header-right a:hover {
     color: #32ac57
   }
   
   @media (max-width:991px) {
     .header-top .mail_contact, .header-top .search {
       margin-top: 15px
     }
   }
   
   .header-top .mail_contact i, .header-top .search i {
     display: inline-block;
     position: relative;
     vertical-align: middle;
     top: -3px;
     width: 27px;
     height: auto
   }
   
   @media (min-width:768px) {
     .header-top .mail_contact i, .header-top .search i {
       width: 20px;
       height: auto
     }
   }
   
   @media (min-width:1200px) {
     .header-top .mail_contact i, .header-top .search i {
       width: 27px;
       height: auto
     }
   }
   
   .header-top .mail_contact i img, .header-top .search i img {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     height: auto
   }
   
   @media (min-width:1200px) {
     .header-top .mail_contact i img, .header-top .search i img {
       height: 100%;
       width: auto
     }
   }
   
   .header-bottom {
     background: #444;
     color: #fff;
     position: relative
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav {
       margin-left: -15px;
       margin-left: -15px
     }
   }
   
   @media (min-width:992px) {
     .header-bottom .navbar_nav {
       margin-left: 0;
       margin-right: -40px
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li {
       width: 100%;
       position: relative;
       background: #444;
       border-bottom: 1px solid #696969
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li {
       text-align: center;
       margin: 0 -1px;
       width: 25%
     }
   }
   
   @media (min-width:992px) {
     .header-bottom .navbar_nav>li {
       width: auto;
       min-width: 220px
     }
   }
   
   @media (min-width:1200px) {
     .header-bottom .navbar_nav>li {
       min-width: 250px
     }
   }
   
   @media (min-width:1361px) {
     .header-bottom .navbar_nav>li {
       min-width: 300px
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li:last-child {
       border-bottom: none
     }
   }
   @media (max-width:767px) {
   .header-bottom .navbar_nav>li:nth-child(3) .wraper, .header-bottom .navbar_nav>li:nth-child(1) .wraper {
     padding-bottom: 55px!important
   }
}
   
   .header-bottom .navbar_nav>li>a {
     text-transform: uppercase;
     position: relative;
     text-align: center;
     display: inline-block;
     padding: 15px 20px
   }
   
   @media (max-width:991px) {
     .header-bottom .navbar_nav>li>a {
       font-size: 14px;
       line-height: 18px
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li>a {
       font-size: 15px
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li>a {
       display: block;
       padding: 18px 20px;
       line-height: 22px
     }
   }
   
   @media (min-width:1361px) {
     .header-bottom .navbar_nav>li>a {
       padding: 18px 22px
     }
   }
   
   .header-bottom .navbar_nav>li>a:after {
     position: absolute;
     content: "";
     bottom: 0;
     left: 0;
     right: 0;
     width: 45px;
     height: 7px;
     background: #38d969;
     margin: auto;
     opacity: 0;
     transition: all .3s
   }
   
   @media (max-width:991px) {
     .header-bottom .navbar_nav>li>a:after {
       bottom: -10px
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li.toggle_parent .toggle_btn {
       width: 100%;
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0
     }
   }
   
   @media (max-width:991px) {
     .header-bottom .navbar_nav>li.toggle_parent a .icon_dropdown {
       position: absolute!important;
       top: 50%!important;
       right: 15px;
       transform: translateY(-50%)
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li+li>a:before {
       position: absolute;
       content: "";
       top: 15px;
       bottom: 15px;
       left: 0;
       width: 1px;
       background: #fff;
       opacity: .5;
       pointer-events: none;
       z-index: 1;
       display: inline-block
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li.toggle_parent>a .icon_dropdown {
       display: inline-block;
       content: "";
       vertical-align: middle;
       height: 20px;
       background-image: url(../images/icon_down.png);
       background-size: 100%;
       background-position: center center;
       background-repeat: no-repeat;
       width: 10px;
       top: -2px;
       position: relative
     }
   }
   
   @media (min-width:992px) {
     .header-bottom .navbar_nav>li.toggle_parent>a .icon_dropdown {
       width: 15px;
       margin-right: -10px;
       transform: translatex(10px)
     }
   }
   
   .header-bottom .navbar_nav>li.on>a {
     color: #fff
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li.on>a:after {
       opacity: 1
     }
   }
   
   .header-bottom .navbar_nav>li:hover>a {
     opacity: .6;
     color: #fff
   }
   
   .header-bottom .navbar_nav>li .toggle_icon {
     display: inline-block;
     vertical-align: middle;
     width: 48px;
     height: 48px;
     background-image: url(../images/icon_down.png);
     background-size: 12px;
     background-position: center center;
     background-repeat: no-repeat;
     position: absolute;
     top: 0;
     right: 0;
     transform: rotate(-90deg);
     transition: all .3s
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .toggle_icon {
       pointer-events: none;
       display: none
     }
   }
   
   .header-bottom .navbar_nav>li.active .toggle_icon {
     transform: rotate(0)
   }
   
   .header-bottom .navbar_nav>li.active .icon_dropdown {
     transform: rotate(180deg)
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .btn_pdf.item_child {
       display: none!important
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu {
     pointer-events: none;
     color: #333;
     text-align: left;
     background: #eee
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu {
       display: none
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu {
       position: absolute;
       transition: all .2s;
       top: 100%;
       left: 0;
       right: 0;
       z-index: -9999;
       padding: 48px 0 50px;
       transform: translateY(-100%);
       margin-top: -1px
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu .wraper {
     position: relative
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .wraper {
       padding: 0
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu .item {
     width: 100%
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item {
       width: 50%
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu .item .item {
     width: 100%
   }
   
   .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl {
     position: relative
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl {
       padding: 15px 56px 15px 45px
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl {
       font-weight: 700;
       pointer-events: none
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl.toggle_btn:before {
       font-weight: 400;
       position: absolute;
       content: "+";
       top: 0;
       bottom: 0;
       right: 0;
       width: 48px;
       line-height: 48px;
       font-size: 20px;
       text-align: center
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl {
       color: #777
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 {
       background: #fff
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 {
       max-width: 30%
     }
   }
   
   @media (min-width:1200px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 {
       max-width: calc(100% - 426px - 420px)
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 .product_item {
       margin: 0;
       display: block!important
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 .product_item .images {
       display: none
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 .product_item .btn_bg {
       border-top: 1px dashed #f6f6f6;
       margin-top: 0;
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       background: #fff;
       color: #333;
       padding: 15px 20px 15px 45px;
       font-size: 14px;
       line-height: 25px;
       text-align: left
     }
     .header-bottom .navbar_nav>li .mega_menu .item.col_01 .product_item .btn_bg .imgDrop {
       display: none
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_02 {
       padding: 0 20px;
       max-width: 35%
     }
   }
   
   @media (min-width:992px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_02 {
       padding: 0 30px
     }
   }
   
   @media (min-width:1200px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_02 {
       padding: 0 45px;
       max-width: 426px
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_03 {
       max-width: 35%
     }
   }
   
   @media (min-width:1200px) {
     .header-bottom .navbar_nav>li .mega_menu .item.col_03 {
       max-width: 420px
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu .item.appentto {
     order: 100
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.appentto {
       border-top: 1px solid #fff
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item.toggle_parent .toggle_content a {
       background: #fff
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .list_next {
       margin-top: 0
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .list_next li {
       padding-left: 0;
       margin: 0
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .list_next li:before {
       display: none
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .item_child {
       border-top: 1px dashed #f6f6f6;
       display: block;
       background: #fff;
       font-weight: 400;
       margin-top: 0
     }
     .header-bottom .navbar_nav>li .mega_menu .item .item_child:before {
       display: none
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .item .item_child {
       padding: 15px 15px 15px 70px
     }
   }
   
   .header-bottom .navbar_nav>li .mega_menu .item .item_child.active {
     color: #32ac57
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .toggle_parent {
       margin-top: 0;
       background: #eee;
       border-bottom: 1px solid #fff
     }
     .header-bottom .navbar_nav>li .mega_menu .toggle_parent .toggle_parent {
       border-top: 1px solid #fff;
       border-bottom: none;
     }
     .header-bottom .navbar_nav>li .mega_menu .toggle_parent.active .mega_ttl:before {
       content: "_";
       line-height: 31px
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li .mega_menu .toggle_parent .toggle_content {
       display: none;
       margin-top: 0;
       background: #fff
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar_nav>li.fade .mega_menu {
       transform: translateY(-100%);
       opacity: 0;
       display: none
     }
   }
   
   .header-bottom .navbar_nav>li.active .mega_menu {
     opacity: 1;
     pointer-events: all;
     transform: translateY(0);
     z-index: 9;
     pointer-events: all
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar {
       position: fixed;
       bottom: 0;
       left: 0;
       right: 0;
       top: 0;
       background: rgba(68, 68, 68, .8);
       padding-right: 35px;
       overflow: auto;
       padding-top: 50px;
       transform: translateX(-100%);
       transition: all .5s
     }
   }
   
   @media (min-width:768px) {
     .header-bottom .navbar .search {
       display: none
     }
   }
   
   @media (max-width:767px) {
     .header-bottom .navbar_nav>li>a {
       text-align: left
     }
   }
   
   @media (max-width:991px) {
     .show_pc.fz-36 {
       font-size: 25px
     }
   }
   
   #target {
     position: relative;
     z-index: 99
   }
   
   .btn_close {
     position: absolute;
     cursor: pointer;
     width: 40px;
     height: 40px;
     top: -35px;
     right: 15px
   }
   
   @media (max-width:767px) {
     .btn_close {
       display: none
     }
   }
   
   @media (min-width:1200px) {
     .btn_close {
       width: 55px;
       height: 55px;
       top: -7px;
       right: 0
     }
   }
   
   @media (min-width:1361px) {
     .btn_close {
       right: -50px
     }
   }
   
   .btn_close:after, .btn_close:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 1px;
     content: "";
     background: #444;
     bottom: 0;
     margin: auto
   }
   
   .btn_close:hover:after, .btn_close:hover:before {
     background: #32ac57
   }
   
   .btn_close:before {
     transform: rotate(45deg)
   }
   
   .btn_close:after {
     transform: rotate(-45deg)
   }
   
   .language {
     font-family: "Noto Sans", sans-serif
   }
   
   @media (max-width:767px) {
     .language {
       width: 100%;
       order: 1000
     }
   }
   
   @media (min-width:768px) {
     .language {
       margin-right: 40px
     }
   }
   
   @media (max-width:767px) {
     .language li {
       width: 50%;
       text-align: center;
       padding: 15px 10px;
       background: #32ac57
     }
   }
   
   @media (max-width:767px) {
     .language li+li {
       border-left: 1px solid #72cc8d
     }
   }
   
   @media (min-width:768px) {
     .language li+li:before {
       content: "|";
       font-size: 14px;
       display: inline-block;
       vertical-align: middle;
       color: #999;
       margin: 0 25px
     }
   }
   
   @media (min-width:1200px) {
     .language li+li:before {
       margin: 0 14px
     }
   }
   
   .sitemap {
     display: block
   }
   
   @media (max-width:767px) {
     .sitemap {
       width: 100%;
       padding: 15px 20px;
       background: #fff;
       color: #333
     }
   }
   
   @media (min-width:992px) {
     .sitemap {
       margin-right: 30px
     }
   }
   
   @media (min-width:1361px) {
     .sitemap {
       margin-right: 62px
     }
   }
   
   @media (max-width:991px) {
     .mail_contact {
       margin-top: 8px
     }
   }
   
   @media (max-width:767px) {
     .mail_contact {
       width: 100%;
       padding: 15px 20px;
       background: #fff;
       color: #333;
       margin-top: 0;
       display: block
     }
     .mail_contact i {
       display: none
     }
   }
   
   @media (max-width:991px) {
     .search {
       margin-top: 8px
     }
   }
   
   @media (max-width:767px) {
     .search {
       position: fixed;
       display: none;
       top: 0;
       left: 0;
       right: 35px;
       height: 50px;
       background: #fff;
       padding: 9px 20px 9px 60px;
       background-image: url(../images/icon_home.png);
       background-size: 30px;
       background-position: center left 13px;
       background-repeat: no-repeat;
       margin-top: 0;
       z-index: 99999
     }
   }
   
   @media (min-width:768px) {
     .search {
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-end;
       cursor: pointer
     }
   }
   
   .search form {
     border-bottom: 1px solid #ccc
   }
   
   @media (min-width:768px) {
     .search form {
       position: absolute;
       top: 15px;
       padding-right: 70px;
       opacity: 0;
       right: 0;
       transition: all .5s;
       pointer-events: none;
       padding-left: 15px;
       padding-right: 42px;
       width: 300px
     }
   }
   
   @media (min-width:992px) {
     .search form {
       top: 0;
       width: 500px
     }
   }
   
   @media (min-width:768px) {
     .search form .icon_search {
       position: absolute;
       top: 0;
       left: 0;
       display: none;
     }
   }
   
   @media (max-width:767px) {
     .search form .icon_search {
       display: none
     }
   }
   
   .search form .close {
     position: absolute;
     top: 0;
     right: 0;
     width: 25px;
     height: 25px;
     margin: auto;
     cursor: pointer
   }
   
   .search form .close:after, .search form .close:before {
     position: absolute;
     content: "";
     width: 100%;
     height: 1px;
     background: #888;
     left: 0
   }
   
   .search form .close:hover:after, .search form .close:hover:before {
     background: #32ac57
   }
   
   @media (max-width:767px) {
     .search form .close {
       display: none
     }
   }
   
   .search form .close:before {
     top: 12px;
     transform: rotate(45deg)
   }
   
   .search form .close:after {
     bottom: 12px;
     transform: rotate(-45deg)
   }
   
   .search .text_search:before {
     content: "|";
     display: inline-block;
     color: #ddd;
     margin: 0 10px
   }
   
   @media (min-width:768px) {
     .search .text_search:before {
       margin: 0 20px
     }
   }
   
   @media (min-width:1200px) {
     .search .text_search:before {
       margin: 0 26px
     }
   }
   
   .search .text_search:hover {
     color: #32ac57
   }
   
   @media (max-width:767px) {
     .search .text_search {
       display: none
     }
   }
   
   .search input[type=text] {
     width: 100%;
     height: 30px;
     border: none
   }
   
   .search input[type=text]::-moz-placeholder {
     color: #b4b3b3
   }
   
   .search input[type=text]:-ms-input-placeholder {
     color: #b4b3b3
   }
   
   .search input[type=text]::placeholder {
     color: #b4b3b3
   }
   
   .search input[type=text]:focus {
     outline: 0
   }
   
   .search .btn_search {
     background-image: url(../images/icon_search.png);
     height: 30px;
     width: 50px;
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: center center;
     color: transparent;
     border: none;
     background-color: transparent;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     right: 0;
     cursor: pointer;
     z-index: 9
   }
   
   .search .btn_search:focus {
     outline: 0
   }
   
   @media (min-width:768px) {
     .search form .close {
       display: none;
     }
     .search .btn_search {
       display: block
     }
   }
   
   .header-right.active .search form {
     opacity: 1;
     right: 35px;
     pointer-events: all
   }
   
   .header-right.active .language, .header-right.active .mail_contact, .header-right.active .sitemap, .header-right.active .text_search {
     opacity: 0;
     pointer-events: none
   }
   
   body.active header .btn_nav {
     left: auto;
     right: 0;
     top: -4px;
     background: #444
   }
   
   body.active header .btn_nav span {
     background: 0 0
   }
   
   body.active header .btn_nav span:after, body.active header .btn_nav span:before {
     background: #fff
   }
   
   body.active header .btn_nav span:before {
     top: 0;
     transform: rotate(45deg)
   }
   
   body.active header .btn_nav span:after {
     bottom: 0;
     transform: rotate(-45deg)
   }
   
   body.active .header_sp .header-bottom .navbar {
     transform: translateX(0)
   }
   
   body.active .search {
     display: block
   }
   
   @media (max-width:991px) {
     #taget02 {
       width: 100%
     }
   }
   
   @media (max-width:767px) {
     #taget02 {
       margin-top: 0
     }
   }
   
   @media (max-width:991px) {
     #taget02 .header-right {
       justify-content: flex-end
     }
   }
   
   @media (max-width:767px) {
     #taget02 .header-right .search {
       display: none
     }
   }
   
   .link_index {
     position: absolute;
     display: none;
     width: 60px;
     height: 50px;
     top: -1px;
     left: 0;
     z-index: 9999
   }
   
   @media (min-width:768px) {
     .link_index {
       display: none
     }
   }
   
   .icon_home {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 60px;
     height: 50px;
     z-index: 9
   }
   
   @media (min-width:768px) {
     .icon_home {
       display: none
     }
   }
   
   .logo_text {
     letter-spacing: .2px
   }
   
   @media (min-width:768px) {
     .logo_text {
       letter-spacing: .4px
     }
   }
   
   footer {
     border-top: 5px solid #283541;
     background: #0c8539;
     color: #fff;
     padding: 30px 0 0;
     font-size: 12px
   }
   
   @media (max-width:767px) {
     footer {
       border-top-width: 4px;
       letter-spacing: .1px
     }
   }
   
   @media (min-width:768px) {
     footer {
       font-size: 14px;
       padding: 20px 0 0
     }
   }
   
   footer a:hover {
     color: #ccc
   }
   
   footer .logo img {
     width: 120px
   }
   
   @media (min-width:768px) {
     footer .logo img {
       width: 150px
     }
   }
   
   footer .logo:hover {
     opacity: .7
   }
   
   footer .ul_language {
     font-family: "Noto Sans", sans-serif
   }
   
   @media (max-width:767px) {
     footer .content_menu {
       width: 100%;
       border-top: 1px solid #fff;
       margin-top: 35px
     }
   }
   
   @media (min-width:768px) {
     footer .content_menu {
       width: 100%
     }
   }
   
   @media (min-width:1361px) {
     footer .content_menu {
       width: auto
     }
   }
   
   @media (max-width:767px) {
     footer .content_menu .item {
       width: 50%;
       padding: 14px 0
     }
   }
   
   @media (min-width:768px) {
     footer .content_menu .item {
       padding-left: 30px
     }
   }
   
   @media (min-width:992px) {
     footer .content_menu .item {
       padding-left: 62px
     }
   }
   
   @media (max-width:767px) {
     footer .content_menu .ul_language {
       width: 100%
     }
   }
   
   @media (max-width:767px) {
     footer .content_menu .ul_language li {
       width: 50%
     }
   }
   
   @media (min-width:768px) {
     footer .content_menu .ul_language li+li:before {
       content: "|";
       display: inline-block;
       margin: 0 10px
     }
   }
   
   footer .content_menu .footer-bottom {
     font-size: 14px
   }
   
   @media (min-width:768px) {
     footer .content_menu .footer-bottom {
       font-size: 16px
     }
   }
   
   @media (max-width:1360px) {
     footer .content_menu .footer-bottom ul {
       justify-content: flex-end
     }
   }
   
   @media (max-width:767px) {
     footer .content_menu .footer-bottom li {
       width: 100%;
       border-top: 1px solid #fff
     }
     footer .content_menu .footer-bottom li a {
       width: 100%
     }
   }
   
   @media (min-width:768px) {
     footer .content_menu .footer-bottom li {
       margin-top: 23px
     }
   }
   
   @media (max-width:767px) {
     footer .content_menu .footer-top {
       padding: 15px 0
     }
   }
   
   footer .content_menu .footer-top .item {
     padding-top: 8px;
     padding-bottom: 8px
   }
   
   footer small {
     text-align: center;
     color: #666;
     background: #fff;
     display: block;
     padding: 15px 0 20px;
     font-family: "Noto Sans", sans-serif
   }
   
   @media (max-width:767px) {
     footer small {
       font-size: 10px!important;
       letter-spacing: .05px
     }
   }
   
   @media (min-width:768px) {
     footer small {
       font-size: 14px;
       margin-top: 10px;
       margin-top: 26px;
       padding: 20px 20px
     }
   }
   
   .flex25 {
     width: 25%
   }
   
   .flex30 {
     width: 30%
   }
   
   .flex33 {
     width: 33.33%;
     max-width: 402px
   }
   
   .flex50 {
     width: 50%
   }
   
   .flex70 {
     width: 70%
   }
   
   .row15 {
     margin-right: -15px;
     margin-left: -15px
   }
   
   .pdlr15 {
     padding-right: 15px;
     padding-left: 15px
   }
   
   .row4 {
     margin-right: -4px;
     margin-left: -4px
   }
   
   .row5 {
     margin-right: -5px;
     margin-left: -5px
   }
   
   .pdlr4 {
     padding-right: 4px;
     padding-left: 4px
   }
   
   .pdlr5 {
     padding-right: 5px;
     padding-left: 5px
   }
   
   .fnt-maven {
     font-family: "Maven Pro", sans-serif
   }
   
   .fnt-robo {
     font-family: Roboto, sans-serif
   }
   
   body.ch {
     font-family: "Microsoft YaHei";
     letter-spacing: 0
   }
   
   .slider-banner ul.slick-dots {
     bottom: 0
   }
   
   .slider-banner .slick-dots li button {
     background: #ccc;
     border-radius: 0;
     width: 8px;
     height: 8px
   }
   
   .slider-banner .slick-dots li.slick-active button {
     background: #32ac57
   }
   
   .slider-banner .slick-dots li button:before {
     font-size: 0
   }
   
   .banner-main .slick-slide {
     height: auto
   }
   
   .banner-main img {
     width: 100%
   }
   
   .text-slider-banner {
     position: absolute;
     top: 23%;
     width: 100%;
     text-align: center
   }
   
   .main-item-banner-main {
     position: relative
   }
   
   .text-slider-banner h3 {
     color: #442d2d;
     font-size: 48px;
     margin-bottom: 64px
   }
   
   .slider-banner-ch .text-slider-banner h3 {
     font-size: 41px;
     margin-bottom: 0
   }
   
   .slider-banner-ch .text-slider-banner h3 span {
     font-size: 50px;
     font-weight: 700
   }
   
   .text-slider-banner h2 {
     color: #442d2d;
     font-size: 64px;
     font-weight: 700
   }
   
   .con-wraper210 {
     padding-left: 213px;
     padding-right: 213px
   }
   
   section.product-home {
     position: relative;
     padding: 50px 0
   }
   
   @media (min-width:768px) {
     section.product-home {
       padding: 60px 0 80px
     }
   }
   
   @media (min-width:768px) {
     section.product-home:before {
       height: 40%;
       position: absolute;
       content: "";
       bottom: 0;
       left: 0;
       right: 0;
       background: #eee;
       z-index: -1;
       height: 54.5%
     }
   }
   
   section.product-home.product-home-ch {
     background-position: bottom -87px center
   }
   
   .title-home-main {
     text-align: center;
     margin-bottom: 60px
   }
   
   .title-home-main h3 {
     font-size: 40px;
     color: #333
   }
   
   section.product-home .image-main-list-product {
     background: #ebf2e5
   }
   
   section.product-home .image-main-list-product a {
     padding-top: 56.45161%;
     text-align: center;
     display: block;
     width: 100%;
     position: relative
   }
   
   section.product-home .content-main-list-product {
     border: none;
     border-top: 4px solid #32ac57;
     box-shadow: 0 1px 6px #bab9b9;
     background: #fff
   }
   
   .content-main-list-product:hover {
     opacity: .7
   }
   
   section.product-home .title-main-list-product {
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center
   }
   
   section.product-home .title-main-list-product a {
     color: #000;
     padding: 14px 0;
     display: block;
     line-height: 20px;
     font-weight: 500;
     font-size: 20px
   }
   
   section.service-home {
     padding: 60px 0 0
   }
   
   .title-service-home h3 {
     text-align: center;
     font-size: 40px;
     line-height: 1.3
   }
   
   .detail-short-service-home {
     padding-top: 45px
   }
   
   .service-home-ch .detail-short-service-home {
     padding-top: 40px
   }
   
   .detail-short-service-home p {
     font-size: 18px;
     text-align: center;
     font-family: "Noto Sans light", sans-serif
   }
   
   .service-home-ch .detail-short-service-home p {
     line-height: 2;
     font-family: "Microsoft YaHei"
   }
   
   .image-main-list-service img {
     width: 100%;
     display: block
   }
   
   .image-main-list-service img {
     width: 100%
   }
   
   .content-main-list-service {
     position: absolute;
     width: 100%;
     bottom: 0;
     background: url(../images/home/blacksub.png);
     background-size: 100%;
     background-position: bottom 0 center;
     background-repeat: no-repeat;
     display: block;
     padding: 10px 10px;
     padding-top: 22px;
     font-weight: 500
   }
   
   .main-list-service {
     position: relative
   }
   
   .content-main-list-service p {
     margin: 0;
     color: #fff;
     padding-left: 34px;
     line-height: 20px
   }
   
   .content-main-list-service span {
     font-size: 50px;
     color: #fff;
     font-weight: 100;
     position: absolute;
     bottom: 20px;
     left: 8px
   }
   
   .button-list-service {
     text-align: center;
     margin-top: 60px;
     margin-bottom: 40px
   }
   
   .button-list-service button {
     border: none;
     background: #32ac57;
     margin: 0;
     padding: 0;
     transition: all .3s
   }
   
   .button-list-service button a {
     display: inline-block;
     padding: 25px 27px;
     padding-right: 90px;
     color: #fff;
     font-size: 16px;
     font-family: "Maven Pro", sans-serif;
     position: relative
   }
   
   .service-home-ch .button-list-service button a {
     padding: 20px 112px;
     padding-right: 124px;
     font-family: "Microsoft YaHei"
   }
   
   .button-list-service button:hover {
     opacity: .8
   }
   
   .button-list-service button a:before {
     content: "";
     display: block;
     background: url(../images/icon-arrow.png);
     background-size: 100% 100%;
     position: absolute;
     top: 40%;
     right: 20px;
     z-index: 99;
     width: 16px;
     height: 13px
   }
   
   .service-slide .slick-prev {
     transform: rotate(180deg);
     left: 0;
     top: 45%;
     width: 32px;
     height: 32px;
     background: #ffffff9c;
     border-radius: 4px 0 0 4px;
     z-index: 1
   }
   
   .service-slide .slick-next {
     right: 0;
     width: 32px;
     height: 32px;
     background: #ffffff9c;
     border-radius: 4px 0 0 4px;
     z-index: 1
   }
   
   .service-slide .slick-next:focus, .service-slide .slick-next:hover, .service-slide .slick-prev:focus, .service-slide .slick-prev:hover {
     background: 0 0;
     opacity: .75
   }
   
   .service-slide .slick-arrow:after, .service-slide .slick-arrow:before {
     content: "";
     width: 7px;
     height: 1px;
     background: #000;
     position: absolute;
     border-radius: 2px;
     opacity: 1
   }
   
   .service-slide .slick-arrow:before {
     transform: rotate(45deg);
     top: 14px;
     left: 14px
   }
   
   .service-slide .slick-arrow:after {
     transform: rotate(-45deg);
     bottom: 12px;
     left: 14px
   }
   
   .service-slide ul.slick-dots {
     bottom: 0
   }
   
   .service-slide .slick-dots li button:before {
     font-size: 0
   }
   
   .service-slide .slick-dots li button {
     border: 1px solid #626262
   }
   
   .service-slide .slick-dots li button {
     background: #eee;
     border-radius: 20px;
     width: 12px;
     height: 12px
   }
   
   .service-slide .slick-dots li.slick-active button {
     background: #626262
   }
   
   .all-list-service {
     position: relative
   }
   
   .buttons-slider {
     margin-top: 28px;
     position: absolute;
     bottom: -44px;
     right: 0;
     z-index: 99
   }
   
   button.pause-play-service {
     display: none;
     background: #626262;
     border: none;
     color: #fff;
     padding: 12px 23px;
     font-size: 0
   }
   
   button.pause-play-service:before {
     content: "";
     display: block;
     border-right: 4px solid #fff;
     border-left: 4px solid #fff;
     width: 4px;
     height: 16px
   }
   
   button.pause-play-service.active:before {
     content: "";
     display: block;
     border-top: 8px solid transparent;
     border-bottom: 7px solid transparent;
     border-right: 0 solid #fff;
     border-left: 12px solid #fff;
     width: 0;
     height: 1px
   }
   
   #pagetop {
     display: none;
     position: fixed;
     cursor: pointer;
     width: 45px;
     bottom: 76px;
     right: 15px;
     z-index: 999
   }
   
   @media only screen and (max-width:1024px) and (min-width:768px) {
     .text-slider-banner {
       top: 29%
     }
     .con-wraper210 {
       padding-left: 100px;
       padding-right: 100px
     }
     .text-slider-banner h3 {
       font-size: 35px;
       margin-bottom: 35px
     }
     .text-slider-banner h2 {
       font-size: 45px
     }
   }
   
   @media only screen and (max-width:768px) and (min-width:481px) {
     .text-slider-banner {
       top: 23%
     }
     .text-slider-banner h3 {
       font-size: 30px;
       margin-bottom: 34px
     }
     .text-slider-banner h2 {
       font-size: 40px
     }
     .con-wraper210 {
       padding-left: 55px;
       padding-right: 55px
     }
     .title-service-home h3 {
       text-align: center;
       font-size: 30px;
       line-height: 1.3
     }
     .detail-short-service-home {
       padding-top: 10px
     }
     .detail-short-service-home p {
       font-size: 16px;
       text-align: center
     }
     .list-service ul li {
       width: 50%
     }
   }
   
   @media (max-width:480px) {
     .row15 {
       margin: 0
     }
     .row6 {
       margin: 0
     }
     .pdlr6 {
       padding: 0
     }
     .button-list-service button {
       padding: 0
     }
     .service-home-ch .button-list-service button a {
       padding: 20px 14px;
       display: block;
       padding-right: 30px
     }
     section.product-home .title-main-list-product a {
       font-size: 16px
     }
     .button-list-service button {
       width: 100%
     }
     .text-slider-banner {
       top: 14%
     }
     .text-slider-banner h3 {
       font-size: 20px;
       margin-bottom: 13px
     }
     .slider-banner-ch .text-slider-banner h3 {
       font-size: 20px;
       margin-bottom: 0
     }
     .slider-banner-ch .text-slider-banner h3 span {
       font-size: 28px;
       font-weight: 700
     }
     .slider-banner-ch .text-slider-banner {
       top: 30%
     }
     .text-slider-banner h2 {
       font-size: 28px
     }
     .button-list-service button a:before {
       right: 8px
     }
     .button-list-service {
       padding: 0 30px
     }
     .button-list-service button a {
       display: block;
       padding: 20px 14px;
       padding-right: 30px;
       font-size: 15px
     }
     .banner-main .slick-dotted.slick-slider {
       margin-bottom: 0
     }
     .title-home-main {
       margin-bottom: 40px
     }
     .title-home-main h3 {
       font-size: 30px
     }
     .con-wraper210 {
       padding-left: 0;
       padding-right: 0
     }
     .main-list-product ul li {
       width: 100%;
       margin-bottom: 20px;
       padding: 0 0
     }
     .title-service-home h3 {
       text-align: center;
       font-size: 30px;
       line-height: 1.2;
       letter-spacing: -1px
     }
     .detail-short-service-home {
       padding-top: 0
     }
     .detail-short-service-home p {
       font-size: 16px;
       text-align: left
     }
     .service-slide li {
       width: 100%;
       height: auto
     }
     .service-slide .slick-next {
       right: -21px;
       width: 32px;
       height: 32px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       z-index: 1
     }
     .service-slide .slick-arrow:after, .service-slide .slick-arrow:before {
       content: "";
       width: 25px;
       height: 1px;
       background: #000;
       position: absolute;
       border-radius: 2px;
       opacity: 1
     }
     .service-slide .slick-prev {
       transform: rotate(180deg);
       left: -22px;
       top: 41%;
       width: 32px;
       height: 32px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       z-index: 1
     }
     .service-slide .slick-arrow:before {
       transform: rotate(45deg);
       top: 3px;
       left: 15px
     }
     .service-slide .slick-arrow:after {
       transform: rotate(-45deg);
       bottom: 11px;
       left: 15px
     }
     .list-service {
       padding: 0 30px
     }
     .list-service .slick-dotted.slick-slider {
       margin: 0
     }
     .list-service .pdlr5 {
       padding: 0
     }
     .service-slide ul.slick-dots li {
       margin: 0;
       width: 20px;
       height: 20px
     }
     .service-slide ul.slick-dots {
       bottom: -45px
     }
     .list-service {
       position: relative
     }
     button.pause-play-service {
       display: block;
       padding: 9px 23px
     }
     .service-home .buttons-slider {
       margin-top: 28px;
       position: absolute;
       bottom: -47px!important;
       right: 0;
       z-index: 99
     }
     section.product-home {
       background-image: none
     }
     section.service-home {
       padding-top: 0;
       padding-bottom: 20px;
       background-image: url(../images/backsub.jpg);
       background-size: 100% 100%;
       background-position: bottom -142px center;
       background-repeat: no-repeat
     }
   }
   
   @media (max-width:480px) and (min-width:768px) {
     section.service-home {
       margin-bottom: 130px;
       padding-top: 0
     }
   }
   
   @media (max-width:375px) {
     .button-list-service button a {
       display: block;
       padding: 20px 5px;
       padding-right: 20px;
       font-size: 13px
     }
     .list-service {
       padding: 0 20px
     }
     .button-list-service {
       padding: 0 20px
     }
   }
   
   @media (max-width:320px) {
     .text-slider-banner h2 {
       font-size: 23px
     }
   }
   
   .show_sp {
     display: none
   }
   
   .show_pc {
     display: block
   }
   
   @media only screen and (max-width:767px) {
     .show_sp {
       display: block
     }
     .show_pc {
       display: none
     }
     .service-slide li {
       width: 100%;
       height: auto;
       padding: 0
     }
     .service-slide .slick-next {
       right: -39px;
       width: 32px;
       height: 48px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       background-image: url(../images/arrow.png);
       background-repeat: no-repeat;
       background-size: contain;
       z-index: 1
     }
     .service-slide .slick-arrow:after, .service-slide .slick-arrow:before {
       opacity: 0
     }
     .service-slide .slick-prev {
       transform: rotate(180deg);
       left: -39px;
       width: 32px;
       height: 48px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       background-image: url(../images/arrow.png);
       background-repeat: no-repeat;
       background-size: contain;
       z-index: 1
     }
     .service-slide .slick-arrow:before {
       transform: rotate(45deg);
       top: 3px;
       left: 15px
     }
     .service-slide .slick-arrow:after {
       transform: rotate(-45deg);
       bottom: 11px;
       left: 15px
     }
     .list-service {
       padding: 0 30px
     }
     .list-service .slick-dotted.slick-slider {
       margin: 0;
       display: block
     }
     .list-service .pdlr5 {
       padding: 0
     }
     .service-slide ul.slick-dots li {
       margin: 0;
       width: 20px;
       height: 20px
     }
     .service-slide ul.slick-dots {
       bottom: -45px
     }
     .list-service {
       position: relative
     }
     button.pause-play-service {
       display: block;
       padding: 9px 23px
     }
     .service-home .buttons-slider {
       margin-top: 28px;
       position: absolute;
       bottom: -47px!important;
       right: 0;
       z-index: 99
     }
     section.product-home {
       background-image: none
     }
     section.service-home {
       padding: 60px 0;
       padding-bottom: 20px;
       background-image: url(../images/home/backsub.jpg);
       background-size: 100% 100%;
       background-position: bottom -142px center;
       background-repeat: no-repeat
     }
   }
   
   @media (max-width:480px) {
     .show_sp {
       display: block
     }
     .show_pc {
       display: none
     }
     .list-service .slick-dotted.slick-slider {
       margin: 0;
       display: block
     }
     .service-slide .slick-next {
       right: -39px;
       width: 32px;
       height: 48px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       background-image: url(../images/arrow.png);
       background-repeat: no-repeat;
       background-size: contain;
       z-index: 1
     }
     .service-slide .slick-prev {
       transform: rotate(180deg);
       left: -39px;
       width: 32px;
       height: 48px;
       background: 0 0;
       border-radius: 4px 0 0 4px;
       background-image: url(../images/arrow.png);
       background-repeat: no-repeat;
       background-size: contain;
       z-index: 1
     }
     .service-slide .slick-arrow:after, .service-slide .slick-arrow:before {
       opacity: 0
     }
   }
   
   .search_page .title_main_shared .imgDrop {
     display: none
   }
   
   .searchbox {
     margin: 10px 0
   }
   
   #probo ._pbox-refine-1 {
     margin: 10px 0
   }
   
   #probo ._pbox-refine-1 ul {
     background: #d3d3d3
   }
   
   #probo ._pbox-search-status {
     float: left;
     margin: 10px 0
   }
   
   #probo ._pbox-sort-selector {
     float: right
   }
   
   #probo ._pbox-count-selector {
     float: right
   }
   
   #probo ._pbox-search-status {
     font-size: 120%
   }
   
   @media (min-width:768px) {
     #probo ._pbox-searchresult ._records ._record {
       padding-left: 235px;
       position: relative
     }
   }
   
   #probo ._pbox-searchresult ._records ._record ._id {
     display: inline-block;
     margin-right: 5px
   }
   
   .search_page ._pbox-count-selector ._count, .search_page ._pbox-count-selector ._count:hover a {
     background: 0 0!important;
     color: #32ac57!important;
     font-weight: 400
   }
   
   .search_page ._pbox-count-selector ._count:hover {
     background: #ddd!important
   }
   
   .search_page ._pbox-count-selector ._count._selected {
     background: #f8f8f8!important;
     color: #666!important
   }
   
   #probo ._pbox-searchresult ._records ._record ._title {
     display: inline-block;
     font-size: 120%;
     margin-bottom: 10px
   }
   
   @media (min-width:768px) {
     #probo ._pbox-searchresult ._records ._record ._title {
       max-width: calc(100% - 255px)
     }
   }
   
   .search_page #content {
     padding: 30px 0
   }
   
   @media (min-width:768px) {
     .search_page #content {
       padding: 80px 0
     }
   }
   
   .search_page .title {
     display: block;
     padding-right: 15px;
   }
   
   @media (max-width:767px) {
     .search_page .title {
       margin-bottom: 10px
     }
   }
   
   .search_page #q, .search_page #q2 {
     height: 40px;
     padding: 10px 30px;
     background: #f8f8f8;
     border: 1px solid #ccc;
     width: 100%
   }
   
   @media (min-width:768px) {
     .search_page #q, .search_page #q2 {
       width: calc(100% - 240px - 125px)
     }
   }
   
   .search_page #q2:focus, .search_page #q:focus {
     border-color: #32ac57;
     outline: 0
   }
   
   .search_page ._pbox-refine-2 ._refs {
     border: none
   }
   
   .search_page #probo form {
     height: 100%;
     margin-bottom: 30px
   }
   
   @media (min-width:768px) {
     .search_page #probo form {
       margin-bottom: 60px
     }
   }
   
   .search_page #probo form .search_text {
     position: relative;
     overflow: hidden
   }
   
   .search_page #probo form .title_fiter {
     background: #eee
   }
   
   @media (max-width:767px) {
     .search_page #probo form .title_fiter {
       margin-top: 15px;
       position: relative;
       padding: 10px 55px 10px 20px
     }
   }
   
   @media (min-width:768px) {
     .search_page #probo form .title_fiter {
       position: absolute;
       padding: 8px 54px 40px 25px;
       top: 0;
       right: 0
     }
   }
   
   .search_page #probo form .title_fiter:after, .search_page #probo form .title_fiter:before {
     position: absolute;
     content: "";
     right: 25px;
     top: 20px;
     height: 1px;
     background: #555;
     transition: all .5s;
     width: 10px
   }
   
   @media (min-width:768px) {
     .search_page #probo form .title_fiter:after, .search_page #probo form .title_fiter:before {
       width: 16px
     }
   }
   
   .search_page #probo form .title_fiter:after {
     transform: rotate(90deg)
   }
   
   .search_page #probo form.active .search_text {
     overflow: inherit
   }
   
   .search_page #probo form.active .search_text .title_fiter:after {
     transform: rotate(0)
   }
   
   .search_page .box_filter {
     border: 5px solid #eee;
     padding: 10px;
     position: relative
   }
   
   @media (min-width:768px) {
     .search_page .box_filter {
       padding: 15px 50px;
       margin-top: 30px
     }
   }
   
   .search_page ._pbox-search-status span {
     font-weight: 700
   }
   
   .search_page ._pbox-refine-2, .search_page ._pbox-refine-4 {
     border-bottom: 1px solid #eee
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2 ._refs, .search_page ._pbox-refine-4 ._refs {
       width: calc(100% - 185px);
       margin-bottom: -15px
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2 ._refs li, .search_page ._pbox-refine-4 ._refs li {
       width: 35%;
       margin-bottom: 25px
     }
   }
   
   .search_page ._pbox-refine-2, .search_page ._pbox-refine-3, .search_page ._pbox-refine-4, .search_page ._pbox-refine-5 {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     padding: 10px 5px
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2, .search_page ._pbox-refine-3, .search_page ._pbox-refine-4, .search_page ._pbox-refine-5 {
       padding: 15px 35px
     }
   }
   
   .search_page ._pbox-refine-2 ._refs, .search_page ._pbox-refine-3 ._refs, .search_page ._pbox-refine-4 ._refs, .search_page ._pbox-refine-5 ._refs {
     padding: 0
   }
   
   .search_page ._pbox-refine-2 ._refs ._ref, .search_page ._pbox-refine-3 ._refs ._ref, .search_page ._pbox-refine-4 ._refs ._ref, .search_page ._pbox-refine-5 ._refs ._ref {
     padding: 0;
     display: block
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2 ._refs ._ref, .search_page ._pbox-refine-3 ._refs ._ref, .search_page ._pbox-refine-4 ._refs ._ref, .search_page ._pbox-refine-5 ._refs ._ref {
       display: inline-block;
       padding: 0 25px
     }
   }
   
   .search_page ._pbox-refine-2 ._title, .search_page ._pbox-refine-3 ._title, .search_page ._pbox-refine-4 ._title, .search_page ._pbox-refine-5 ._title {
     position: relative
   }
   
   @media (max-width:767px) {
     .search_page ._pbox-refine-2 ._title, .search_page ._pbox-refine-3 ._title, .search_page ._pbox-refine-4 ._title, .search_page ._pbox-refine-5 ._title {
       width: 100%;
       margin-bottom: 10px
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2 ._title, .search_page ._pbox-refine-3 ._title, .search_page ._pbox-refine-4 ._title, .search_page ._pbox-refine-5 ._title {
       min-width: 160px;
       margin-right: 25px;
       display: inline-block
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-refine-2 ._title:before, .search_page ._pbox-refine-3 ._title:before, .search_page ._pbox-refine-4 ._title:before, .search_page ._pbox-refine-5 ._title:before {
       height: 16px;
       position: absolute;
       content: "";
       right: 0;
       top: 0;
       bottom: 0;
       height: 16px;
       width: 1px;
       background: #ccc;
       margin: auto
     }
   }
   
   .search_page .btn_submit {
     display: block;
     width: 250px;
     font-weight: 500;
     text-align: center;
     background: #32ac57;
     color: #fff;
     border: none;
     margin-left: auto;
     margin-right: auto;
     cursor: pointer;
     transition: all .3s;
     margin-top: 20px;
     line-height: 45px;
     font-size: 16px
   }
   
   @media (min-width:768px) {
     .search_page .btn_submit {
       margin-top: 40px;
       line-height: 65px
     }
   }
   
   .search_page .btn_submit:hover {
     opacity: .8
   }
   
   .search_page ._pbox-sort-selector {
     display: none
   }
   
   .search_page ._pbox-count-selector {
     position: relative
   }
   
   @media (max-width:767px) {
     .search_page ._pbox-count-selector {
       float: left!important
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-count-selector {
       transform: translateY(85px)
     }
   }
   
   .search_page ._pbox-count-selector ._title {
     padding: 0;
     margin-right: 14px;
     font-weight: 700
   }
   
   .search_page ._pbox-count-selector ._count {
     padding: 0 7px;
     line-height: 40px;
     background: #f8f8f8;
     border: 1px solid #eee;
     color: #666
   }
   
   .search_page ._pbox-count-selector ._count *+._count {
     border-left: none
   }
   
   .search_page ._pbox-count-selector ._count._selected {
     background: #fff;
     color: #32ac57;
     font-weight: 400
   }
   
   .search_page .pbox-pagenav span {
     overflow: hidden;
     display: inline-block;
     border: 1px solid #ccc;
     background: #fff;
     color: #32ac57;
     width: 35px;
     height: 35px;
     line-height: 35px;
     margin: 0 1px
   }
   
   @media (min-width:768px) {
     .search_page .pbox-pagenav span {
       margin: 0 7px;
       width: 40px;
       line-height: 40px;
       height: 40px;
       margin: 0 3px
     }
   }
   
   .search_page .pbox-pagenav span._cur {
     background: #f8f8f8;
     color: #666;
     font-weight: 400
   }
   
   .search_page .pbox-pagenav span._next, .search_page .pbox-pagenav span._prev {
     color: transparent;
     margin: 3px 3px
   }
   
   @media (min-width:768px) {
     .search_page .pbox-pagenav span._next, .search_page .pbox-pagenav span._prev {
       margin: 3px 40px
     }
   }
   
   .search_page .pbox-pagenav span._next:before, .search_page .pbox-pagenav span._prev:before {
     content: "";
     display: block;
     height: 100%;
     color: #32ac57;
     background-image: url(../images/next.png);
     background-repeat: no-repeat;
     background-position: center center
   }
   
   .search_page .pbox-pagenav span._prev:before {
     transform: rotate(180deg)
   }
   
   .search_page .pbox-pagenav span._noanc {
     display: none
   }
   
   .search_page .pbox-pagenav span:hover {
     background: #eee
   }
   
   .search_page ._pbox-pagenav {
     margin-top: 30px
   }
   
   .search_page ._pbox-searchresult ._records ._record {
     border-top: 1px solid #eee;
     word-break: break-word;
     padding: 15px 0
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-searchresult ._records ._record {
       padding: 30px 0;
       min-height: 210px;
     }
   }
   
   .search_page ._pbox-searchresult ._records ._record:last-child {
     border-bottom: 1px solid #eee
   }
   
   .search_page ._pbox-searchresult ._records ._record ._title {
     font-weight: 700;
     font-size: 18px
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-searchresult ._records ._record ._title {
       font-size: 20px
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-searchresult ._records ._record ._nearby {
       margin-top: 10px
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-searchresult ._records ._record ._url {
       margin-top: 15px
     }
   }
   
   .search_page ._pbox-searchresult ._records ._record ._date, .search_page ._pbox-searchresult ._records ._record ._size {
     display: block
   }
   
   .search_page ._pbox-searchresult ._records ._record ._thumb {
     width: 200px;
     float: left;
     margin-right: 35px
   }
   
   @media (max-width:767px) {
     .search_page ._pbox-searchresult ._records ._record ._thumb {
       display: none
     }
   }
   
   @media (min-width:768px) {
     .search_page ._pbox-searchresult ._records ._record ._thumb {
       position: absolute;
       right: 0;
       left: 0
     }
   }
   
   .search_page ._pbox-searchresult ._records ._record ._thumb img {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: auto
   }
   
   .search_page .content_bottom {
     padding: 40px 0;
     background: #f8f8f8
   }
   
   .search_page .content_bottom .btn_bottom {
     display: block;
     width: 100%;
     max-width: 440px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
     background: #32ac57;
     color: #fff;
     text-align: center;
     font-size: 16px;
     cursor: pointer;
     line-height: 55px
   }
   
   @media (min-width:768px) {
     .search_page .content_bottom .btn_bottom {
       line-height: 70px
     }
   }
   
   .search_page .content_bottom .btn_bottom:hover {
     opacity: .8
   }
   
   .search_page .content_bottom .btn_bottom span {
     display: inline-block
   }
   
   .search_page .content_bottom .btn_bottom span:after {
     display: inline-block;
     vertical-align: middle;
     content: url(../images/icon_btn_next.png);
     transform: translateX(50px)
   }
   
   .search_page ._navs {
     display: flex;
     flex-wrap: wrap;
     justify-content: center
   }
   
   .search_page ._navs ._page {
     margin: 3px
   }
   
   .check {
     z-index: 1!important
   }
   
   ._ref {
     position: relative
   }
   
   ._ref:after {
     position: absolute;
     content: "";
     top: 0;
     bottom: 0;
     left: 48px;
     right: 0;
     z-index: 9
   }
   
   ._ref>label ._text {
     pointer-events: none;
     z-index: 1!important
   }
   
   ._ref input {
     cursor: pointer
   }
   
   .fz-43 {
     font-size: 29px;
     line-height: 36px
   }
   
   @media (min-width:768px) {
     .fz-43 {
       font-size: 33px;
       line-height: 39px
     }
   }
   
   @media (min-width:992px) {
     .fz-43 {
       font-size: 35px;
       line-height: 43px
     }
   }
   
   @media (min-width:1201px) {
     .fz-43 {
       font-size: 39px;
       line-height: 46px
     }
   }
   
   @media (min-width:1361px) {
     .fz-43 {
       font-size: 43px;
       line-height: 49px
     }
   }
   
   .flex25 {
     width: 25%
   }
   
   .flex29 {
     width: 29.92%
   }
   
   .flex31 {
     width: 31.527%
   }
   
   .flex35 {
     width: 35%
   }
   
   .flex65 {
     width: 65%
   }
   
   .flex68 {
     width: 68.475%
   }
   
   .flex70 {
     width: 70%
   }
   
   .row6 {
     margin-right: -6px;
     margin-left: -6px
   }
   
   .pdlr6 {
     padding-right: 6px;
     padding-left: 6px
   }
   
   .fnt-maven {
     font-family: "Maven Pro", sans-serif
   }
   
   .mb-25 {
     margin-bottom: 25px
   }
   
   body.index.ch .breadcrumb {
     font-family: "Microsoft YaHei"
   }
   
   body.ch .title_h1 {
     font-family: "Microsoft YaHei"
   }
   
   section.list-breadcrumb {
     padding: 15px 0;
     margin-bottom: 25px
   }
   
   .button-link-ch {
     text-align: center;
     margin-top: 45px
   }
   
   section.all-slider {
     margin-bottom: 70px
   }
   
   .button-sp-video button {
     border: 1px solid #ccc;
     background: #fff;
     display: block;
     width: 100%;
     padding: 0
   }
   
   .button-link-ch a.btn_main {
     text-align: left;
     margin: 0 10px
   }
   
   .button-sp-video {
     display: none
   }
   
   .button-sp-video button a {
     display: block;
     color: #555;
     text-align: left;
     padding: 16px 20px;
     position: relative
   }
   
   .button-sp-video button a:before {
     content: "";
     display: block;
     position: absolute;
     background: url(../images/product/icon_right_green.png);
     background-size: 100%;
     width: 15px;
     height: 15px;
     top: 35%;
     right: 16px
   }
   
   .con-wraper {
     padding-left: 102px;
     padding-right: 102px
   }
   
   .slider-auto .slick-dots li button:before {
     font-size: 0
   }
   
   .main-tem-slider-auto img {
     width: 100%
   }
   
   .main-tem-slider-auto {
     position: relative
   }
   
   .text-slider {
     position: absolute;
     top: 10%;
     left: 6%
   }
   
   .text-slider p {
     color: #fff;
     font-size: 27px;
     margin: 0;
     margin-bottom: 5px;
     line-height: 40px
   }
   
   p.l-title-font {
     font-size: 32px
   }
   
   .left-all-slider {
     padding-right: 16px;
     position: relative
   }
   
   .right-all-slider {
     padding-left: 16px;
     position: relative
   }
   
   .right-all-slider .video_production>a {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9
   }
   
   .right-all-slider:hover {
     opacity: .9
   }
   
   .right-all-slider .video-all {
     pointer-events: none
   }
   
   .slider-auto {
     margin: 0!important
   }
   
   .slider-auto .slick-prev {
     transform: rotate(180deg);
     left: 0;
     top: 45%;
     width: 32px;
     height: 32px;
     background: #ffffff9c;
     border-radius: 4px 0 0 4px;
     z-index: 1
   }
   
   .slider-auto .slick-next {
     right: 0;
     width: 32px;
     height: 32px;
     background: #ffffff9c;
     border-radius: 4px 0 0 4px;
     z-index: 1
   }
   
   .slider-auto .slick-next:focus, .slider-auto .slick-next:hover, .slider-auto .slick-prev:focus, .slider-auto .slick-prev:hover {
     background: #ffffff9c;
     opacity: .75
   }
   
   .slider-auto .slick-arrow:after, .slider-auto .slick-arrow:before {
     content: "";
     width: 7px;
     height: 1px;
     background: #000;
     position: absolute;
     border-radius: 2px;
     opacity: 1
   }
   
   .slider-auto .slick-arrow:before {
     transform: rotate(45deg);
     top: 14px;
     left: 14px
   }
   
   .slider-auto .slick-arrow:after {
     transform: rotate(-45deg);
     bottom: 12px;
     left: 14px
   }
   
   .slider-auto ul.slick-dots {
     bottom: 0
   }
   
   .slider-auto .slick-dots li button {
     background: #626262;
     border-radius: 20px;
     width: 12px;
     height: 12px
   }
   
   .slider-auto .slick-dots li.slick-active button {
     background: #eee
   }
   
   .buttons-slider {
     margin-top: 28px;
     position: absolute;
     bottom: 5px;
     right: 21px;
     z-index: 99
   }
   
   button.pause-play {
     background: #626262;
     border: none;
     color: #fff;
     padding: 7.25px 18.25px;
     font-size: 0
   }
   
   button.pause-play:before {
     content: "";
     display: block;
     border-right: 4px solid #fff;
     border-left: 4px solid #fff;
     width: 4px;
     height: 14px
   }
   
   button.pause-play.active:before {
     content: "";
     display: block;
     border-top: 7px solid transparent;
     border-bottom: 6px solid transparent;
     border-right: 0 solid #fff;
     border-left: 12px solid #fff;
     width: 0;
     height: 1px
   }
   
   .slider-auto.slick-slider {
     height: auto
   }
   
   .slider-auto.slick-slider .slick-slide {
     height: auto
   }
   
   .video_production {
     position: relative
   }
   
   .video_production iframe {
     cursor: pointer;
     display: none;
     height: 100%
   }
   
   .video_production .img_bg {
     cursor: pointer;
     width: 100%;
     text-align: center
   }
   
   .video_production .img_bg img {
     height: auto;
     width: 100%
   }
   
   .video_production .img_bg picture {
     display: block
   }
   
   .video-all {
     position: absolute;
     top: 21%;
     left: 0;
     width: 100%;
     z-index: 99;
     text-align: center
   }
   
   .video-all p {
     font-size: 33px;
     color: #fff;
     font-weight: 400
   }
   
   .video-all button {
     background: #32ac57;
     color: #fff;
     width: 57.55%;
     border: none;
     font-size: 16px
   }
   
   .video-all button a {
     display: block;
     color: #fff;
     padding: 12px 0
   }
   
   .video-all button:hover {
     opacity: .75
   }
   
   .video-all button:hover a {
     color: #fff
   }
   
   section.all-slider {
     margin-bottom: 70px
   }
   
   section.list-product {
     padding-top: 60px
   }
   
   .link-pdf-list {
     padding-bottom: 15px
   }
   
   .link-pdf-list ul li {
     margin-bottom: 15px
   }
   
   .link-pdf-list ul li a {
     display: inline-flex;
     background: #eee;
     padding: 11px 20px;
     position: relative;
     color: #001;
     align-items: center;
     transition: none
   }
   
   .link-pdf-list ul li a:hover {
     opacity: .7
   }
   
   .link-pdf-list ul li a p {
     margin: 0;
     font-weight: 500
   }
   
   .link-pdf-list ul li a img {
     align-items: center;
     padding-left: 38px
   }
   
   .image-main-list-product {
     background: #ebf2e5
   }
   
   .image-main-list-product .imgDrop {
     padding-top: 56.89655%;
     display: block
   }
   
   .content-main-list-product {
     border: 1px solid #ddd;
     border-top: 4px solid #32ac57;
     height: auto;
     background: #fff
   }
   
   .content-main-list-product:hover {
     opacity: .7
   }
   
   .title-main-list-product {
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center
   }
   
   .title-main-list-product a {
     color: #000;
     padding: 14px 0;
     display: block;
     line-height: 20px;
     font-weight: 500
   }
   
   @media only screen and (max-width:1200px) and (min-width:1025px) {
     .video-all p {
       font-size: 24px;
       color: #ffff;
       font-weight: 400
     }
   }
   
   @media only screen and (max-width:1024px) and (min-width:768px) {
     .con-wraper {
       padding-left: 0;
       padding-right: 0
     }
     .right-all-slider {
       padding-left: 0;
       width: 31%
     }
     .video-all p {
       font-size: 24px;
       color: #ffff;
       font-weight: 400
     }
   }
   
   @media only screen and (max-width:768px) and (min-width:481px) {
     .slider-auto.slick-slider {
       height: auto
     }
     .main-tem-slider-auto img {
       height: auto
     }
     .buttons-slider {
       margin-top: 28px;
       position: absolute;
       bottom: -36px;
       right: 0;
       z-index: 99
     }
     .con-wraper {
       padding-left: 0;
       padding-right: 0
     }
     .right-all-slider {
       padding-left: 0
     }
     .main-list-product ul li {
       width: 50%
     }
     .video-all {
       display: none
     }
     .button-sp-video {
       display: block
     }
     button.pause-play {
       display: block
     }
     .main-video {
       display: none
     }
     .left-all-slider {
       width: 100%!important;
       padding-right: 0;
       margin-bottom: 45px
     }
     .right-all-slider {
       padding-left: 0;
       width: 100%!important
     }
     .slider-auto ul.slick-dots {
       bottom: -36px
     }
     .slider-auto .slick-dots li button {
       border: 1px solid #626262
     }
   }
   
   @media (max-width:480px) {
     .slider-auto .slick-prev {
       top: 38%
     }
     .slider-auto.slick-slider {
       height: auto
     }
     .main-tem-slider-auto img {
       height: auto
     }
     .buttons-slider {
       margin-top: 28px;
       position: absolute;
       bottom: -36px;
       right: 0;
       z-index: 99
     }
     section.list-product.mb-list-pro {
       margin-bottom: 135px
     }
     section.list-product {
       margin-bottom: 0px
     }
     .video-all {
       display: none
     }
     .button-sp-video {
       display: block
     }
     button.pause-play {
       display: block
     }
     .top-intro-page-main {
       padding-top: 40px;
       padding-bottom: 40px;
       background-image: url(../images/product/top_product_sp.jpg);
       background-size: 100% 100%;
       background-position: top center;
       background-repeat: no-repeat
     }
     .title-top-intro-page-main {
       margin-left: 6%
     }
     .title-top-intro-page-main h3 {
       font-size: 38px
     }
     section.list-breadcrumb {
       display: none
     }
     .con-wraper {
       padding-left: 0;
       padding-right: 0
     }
     .left-all-slider {
       width: 100%!important;
       padding-right: 0;
       margin-bottom: 50px
     }
     .right-all-slider {
       padding-left: 0;
       width: 100%!important
     }
     .main-video {
       display: none
     }
     section.all-slider {
       margin-bottom: 40px;
       margin-top: 20px
     }
     .text-slider {
       position: absolute;
       top: 17%;
       left: 6%
     }
     .text-slider p {
       color: #fff;
       font-size: 20px;
       margin: 0;
       margin-bottom: 2px;
       line-height: 25px
     }
     p.l-title-font {
       font-size: 23px
     }
     .main-list-product ul li {
       width: 100%;
       padding: 0;
       margin-top: 0
     }
     .link-pdf-list ul li a {
       width: 100%;
       padding: 14px 20px;
       line-height: 1.2;
       position: relative
     }
     .link-pdf-list ul li a:after {
       position: absolute;
       background: url(../images/product/icon-pdf.png) no-repeat;
       background-size: cover;
       content: "";
       width: 28px;
       height: 30px;
       right: 16px
     }
     .link-pdf-list ul li a p {
       margin: 0;
       width: 90%
     }
     .link-pdf-list ul li a img {
       align-items: center;
       padding-left: 10px;
       width: 37px;
       display: none
     }
     .slider-auto ul.slick-dots {
       bottom: -35px
     }
     .slider-auto .slick-dots li button {
       border: 1px solid #626262
     }
   }
   
   .product .all-slider span:after {
     position: relative;
     bottom: -2px;
     content: "";
     display: inline-block;
     background-image: url(../images/icon_new_tab.png);
     background-repeat: no-repeat;
     width: 25px;
     background-size: 17px;
     height: 14px;
     margin-left: 10px
   }
   
   .fz-43 {
     font-size: 29px;
     line-height: 36px
   }
   
   @media (min-width:768px) {
     .fz-43 {
       font-size: 33px;
       line-height: 39px
     }
   }
   
   @media (min-width:992px) {
     .fz-43 {
       font-size: 35px;
       line-height: 43px
     }
   }
   
   @media (min-width:1201px) {
     .fz-43 {
       font-size: 39px;
       line-height: 46px
     }
   }
   
   @media (min-width:1361px) {
     .fz-43 {
       font-size: 43px;
       line-height: 49px
     }
   }
   
   .flex25 {
     width: 25%
   }
   
   .flex33 {
     width: 33.33%
   }
   
   .flex35 {
     width: 35%
   }
   
   .flex65 {
     width: 65%
   }
   
   .mb-25 {
     margin-bottom: 25px
   }
   
   .row6 {
     margin-right: -6px;
     margin-left: -6px
   }
   
   .pdlr6 {
     padding-right: 6px;
     padding-left: 6px
   }
   
   .fnt-maven {
     font-family: "Maven Pro", sans-serif
   }
   
   body.index.ch .breadcrumb {
     font-family: "Microsoft YaHei"
   }
   
   section.list-breadcrumb {
     padding: 15px 0;
     margin-bottom: 25px
   }
   
   section.list-about {
     margin-top: 50px
   }
   
   .main-list-about .images {
     justify-content: left
   }
   
   .main-main-list-about a:hover {
     color: #999
   }
   
   .main-list-about img.imgAuto {
     width: auto;
     height: 180px
   }
   
   .main-list-about .images.col3 .item .imgMain {
     overflow: hidden
   }
   
   @media (min-width:768px) {
     .main-list-about .images {
       margin: 0 -27px
     }
   }
   
   .main-list-about .images.col3 .item {
     text-align: center;
     width: calc(100% / 3);
     margin-left: 0;
     margin-right: 0;
     max-width: 100%
   }
   
   @media (min-width:768px) {
     .main-list-about .images.col3 .item {
       padding: 0 27px
     }
   }
   
   .main-list-about .images.col3 .item .imgMain {
     background: 0 0;
     border: 1px solid #e5e5e5;
     padding: 10px 0
   }
   
   .main-list-about .images.col3 .item p.text {
     background: #fff;
     text-align: center;
     color: #000
   }
   
   .main-main-list-about a:hover, .main-main-list-about img:hover {
     opacity: .7
   }
   
   .title-video {
     text-align: center;
     margin-top: 10px
   }
   
   .video_production1 {
     position: relative;
     height: auto;
     width: 100%
   }
   
   .video_production1 .img_bg {
     cursor: pointer;
     width: 100%;
     text-align: center;
     height: auto
   }
   
   .video_production1 .img_bg img {
     height: auto;
     width: 100%
   }
   
   .video_production1 iframe {
     cursor: pointer;
     display: none
   }
   
   .ytp-large-play-button-bg {
     transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
     fill: #212121;
     fill-opacity: .8
   }
   
   .ytp-large-play-button-img {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 68px;
     height: 48px;
     margin-left: -34px;
     margin-top: -24px;
     transition: opacity .25s cubic-bezier(0, 0, .2, 1);
     z-index: 63;
     border: none;
     background: 0 0;
     cursor: pointer
   }
   
   .history .link_page:hover {
     opacity: .7
   }
   
   @media (min-width:768px) {
     .theme_main {
       padding-bottom: 70px
     }
   }
   
   @media only screen and (max-width:768px) and (min-width:481px) {
     .main-list-about .images.col3 .item {
       width: calc(100% / 2 - 27px)
     }
   }
   
   @media (max-width:480px) {
     .main-list-about .images.col3 .item {
       text-align: center;
       width: 100%;
       max-width: 100%;
       margin-left: 0;
       margin-right: 0
     }
     .main-list-about img.imgAuto {
       width: auto;
       height: 130px
     }
     section.top-intro-page {
       margin-bottom: 20px
     }
     section.list-breadcrumb {
       display: none
     }
   }
   
   .fz-43 {
     font-size: 29px;
     line-height: 36px
   }
   
   @media (min-width:768px) {
     .fz-43 {
       font-size: 33px;
       line-height: 39px
     }
   }
   
   @media (min-width:992px) {
     .fz-43 {
       font-size: 35px;
       line-height: 43px
     }
   }
   
   @media (min-width:1201px) {
     .fz-43 {
       font-size: 39px;
       line-height: 46px
     }
   }
   
   @media (min-width:1361px) {
     .fz-43 {
       font-size: 43px;
       line-height: 49px
     }
   }
   
   .south_southeast .info_content .item:nth-child(8) {
     margin-top: 50px
   }
   
   .flex25 {
     width: 25%
   }
   
   .flex33 {
     width: 33.33%
   }
   
   .flex35 {
     width: 35%
   }
   
   .flex65 {
     width: 65%
   }
   
   .mb-25 {
     margin-bottom: 25px
   }
   
   .row6 {
     margin-right: -6px;
     margin-left: -6px
   }
   
   .pdlr6 {
     padding-right: 6px;
     padding-left: 6px
   }
   
   .fnt-maven {
     font-family: "Maven Pro", sans-serif
   }
   
   body.index.ch .breadcrumb {
     font-family: "Microsoft YaHei"
   }
   
   body.ch .title_h1 {
     font-family: "Microsoft YaHei"
   }
   
   section.list-breadcrumb {
     padding: 15px 0;
     margin-bottom: 25px
   }
   
   .flash {
     width: 677px;
     width: 100%;
     margin: 0 0 10px 0;
     position: relative
   }
   
   .flash img {
     width: 100%
   }
   
   .pulse {
     -webkit-animation: pulse .3s forwards;
     animation: pulse .3s forwards;
     z-index: 1;
     will-change: contents
   }
   
   @-webkit-keyframes pulse {
     0% {
       -webkit-transform: scale(.3)
     }
     50% {
       -webkit-transform: scale(1.05)
     }
     70% {
       -webkit-transform: scale(.9)
     }
     100% {
       -webkit-transform: scale(1)
     }
   }
   
   @keyframes pulse {
     0% {
       transform: scale(1)
     }
     100% {
       transform: scale(1.2)
     }
   }
   
   .middle_east_africa {
     top: 42%;
     left: 6%
   }
   
   .east_asia {
     top: 30%;
     left: 32%
   }
   
   .south_southeast_asia {
     top: 54%;
     left: 41%;
     color: #6cb72b!important;
     text-shadow: 2px 2px 0 #f5f5f5, -2px 2px 0 #f5f5f5, 2px -2px 0 #f5f5f5, -2px -2px 0 #f5f5f5
   }
   
   .america {
     top: 36%;
     right: 23%
   }
   
   .flash>a {
     position: absolute;
     font-size: 12px;
     color: #fff;
     font-weight: 700;
     text-decoration: none;
     -webkit-font-smoothing: antialiased
   }
   
   .index_menu {
     width: 100%;
     padding: 0;
     margin: 0 0 14px 0
   }
   
   .index_menu:after {
     content: "";
     display: block;
     clear: both
   }
   
   .index_menu li {
     position: relative
   }
   
   .index_menu li a:link {
     width: 100%;
     height: 77px;
     background: url(../images/international/index_menu.jpg) no-repeat;
     background-size: 100% 100%;
     padding: 0 10px 0 40px;
     display: block;
     color: #565657;
     font-weight: 700;
     text-decoration: none
   }
   
   .index_menu li a:visited {
     width: 100%;
     height: 77px;
     background: url(../images/international/index_menu.jpg) no-repeat;
     background-size: 100% 100%;
     padding: 0 10px 0 40px;
     display: block;
     font-weight: 700;
     color: #565657;
     text-decoration: none
   }
   
   .index_menu li a:hover {
     width: 100%;
     height: 77px;
     background: url(../images/international/index_menu_on.jpg) no-repeat;
     background-size: 100% 100%;
     padding: 0 10px 0 40px;
     display: block;
     color: #565657;
     font-weight: 700;
     text-decoration: none
   }
   
   .index_menu li p {
     font-size: 18px;
     line-height: 75px;
     padding: 0;
     margin: 0
   }
   
   section.maps-all {
     margin-bottom: 50px
   }
   
   section.list-division {
     padding-bottom: 10px
   }
   
   .main-list-division .info_content {
     border: none;
     margin: 0
   }
   
   .main-list-division .info_content .item dt {
     padding-right: 30px
   }
   
   @media (max-width:480px) {
     .title_main_shared .title.inter-li {
       line-height: 27.3px
     }
     section.top-intro-page {
       margin-bottom: 20px
     }
     .index_menu li {
       width: 100%;
       margin-bottom: 10px
     }
     section.list-breadcrumb {
       display: none
     }
   }
   
   .sitemap .title_main_shared .imgDrop {
     display: none
   }
   
   @media (min-width:768px) {
     .sitemap .list_link {
       display: flex;
       flex-wrap: wrap
     }
   }
   
   @media (min-width:768px) {
     .sitemap .list_link li {
       width: 50%
     }
   }
   
   .sitemap .list_link.icon_next li:before {
     top: 11px
   }
   
   .contact_us .title_main_shared .imgDrop {
     display: none
   }
.btn_close {
     z-index: 2;
}
input[type=text]::-ms-clear{
	display: none;
}
.layout_sidebar {
     padding-top: 0;
}
.button-list-service {
     margin-bottom: 0;
     z-index: 2;
}
.flex68 {
     width: 68%;
}
.flex31 {
     width: 32%;
}
.mega_ttl_main {
     padding-left: 0;
}
.mega_ttl_main a {
     background: rgba(255, 255, 255, .7);
     border: 1px solid #fff;
     padding: 16px 1em 16px 46px;
}
.mega_ttl_main a:hover {
     color: #32ac57;
     border: 1px solid #32ac57;
}
.mega_ttl_main .icon_next2 {
     left: 14px;
}
.product_item .btn_bg.-about {
     line-height: 1.2;
     height: 55px;
     text-align: left;
     font-size: 18px;
     padding-top: 7px;
     padding-left: 36px;
}
.product_item .btn_bg.-about:hover {
     opacity: .5;
}
.product_item .btn_bg.-about .imgDrop {
     opacity: 1;
}
@media screen and (min-width:768px) {
     .mega_menu {
          transition: all 5s;
          transform: translateY(-100%);
          opacity: 0;    
     }
     .active .fade {
          transform: translateY(0);
     }
     .product_item  {
          display: block!important;
     }
     .header_sp {
          display: none;
     }
     .nav-item .icon_dropdown {
          transition: all .2s;
     }
     .header-bottom .navbar_nav>li.toggle_parent.active>a .icon_dropdown {
          transition: all .2s;
          transform: translatex(10px) rotate(180deg);
     }
     .btn_toback {
          display: none; 
     }
     .breadcrumb {
          margin-bottom: 30px;
      }
     .engineered_type  .section.sec_03 .title_h4{
          line-height: 30px;
     }
     .section.sec_03 {
          margin-top: 0;
      }
}
@media (max-width: 991px) {
     .layout_sidebar .col_sidebar {
          margin-bottom: -53px;
      }
     .title_h3+.video {
          margin-top: 0;
     }
     .video+.video {
          margin-top: 15px;
     }
     .product_item .btn_bg.-about {
          font-size: 16px;
          padding-top: 7px;
          padding-left: 18px;
     }
}
@media screen and (max-width: 991px) {
     .header-bottom .navbar_nav>li.toggle_parent.active>a .icon_dropdown {
          transition: all .2s;
          transform: translate(-4px, -50%) rotate(180deg);
      }
      .layout_sidebar .col_content {
          margin-top: 0;
      }
}
.about .video {
     margin-top: 0;
}
.button-list-service a {
     border: none;
     background: #32ac57;
     transition: all .3s;
     display: inline-block;
    padding: 25px 23px;
    color: #fff;
    font-size: 16px;
    font-family: "Maven Pro",sans-serif;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 367px;
}
.button-list-service a:before {
     content: "";
     display: block;
     background: url(../images/icon-arrow.png);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 23px;
     z-index: 99;
     width: 16px;
     height: 13px;
 }
 .left-all-slider:hover {
      opacity: 0.9;
 }
 .en .header-bottom .navbar_nav>li:nth-child(4)>a:after {
      bottom: 0;
 }
 /* ._record {
     padding: 15px 0!important;    
} */
/* .search_page ._pbox-searchresult ._records ._record ._thumb {
     position: static;
} */
._record:after {
     clear: both;
     content: '';
}
#probo ._pbox-searchresult ._records ._record ._title {
     max-width: calc(100%)!important;
     display: block;
 }
 
 .color_black span {
     color: #000;
}

.mejs__playpause-button button {
     background-image: url(../images/btn_pause.png);
     background-size: 100%;
     width: 25px;
     height: 25px;
     display: block;
     position: relative;
     top: 0;
     margin:6px auto;
     background-repeat: no-repeat;
     background-position: center center;
}
.mejs__pause.mejs__playpause-button button {
    background-image: url(../images/btn_play.png);
}
.contact_us .title_main_shared .title, .sitemap .title_main_shared .title,  .search_page .title_main_shared .title {
     color: #333;
}
@media (min-width: 768px) {
     .title_h4 {
          font-size: 24px;
          line-height: 30px;
      }
 }
 .title_h4:before {
      top: 4px;
 }
 .sitemap section.pt-20 {
     padding-top: 0;
 }
 .mejs__overlay-button {
      width: 50px;
      height: 36px;
 }
 .mejs__overlay:hover > .mejs__overlay-button {
     background-position: center center;
 }
 @media (min-width: 768px) {
     .video {
          margin-top: 65px;
      }
 }
 .link_page.icon_pdf span span:after,
 .link_page.icon_xls span span:after,
 .link_page.icon_w span span:after {
     width: 26px;
     height: 29px;
 }
 .right-all-slider .video_production {
      display: block;
      height: 100%;
 }
 .right-all-slider .video_production .img_bg  {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
 }
 .right-all-slider .video_production .img_bg img {
      height: 100%;
 }
 .right-all-slider .video_production button {
      width: 175px;
      margin-left: auto;
      margin-right: auto;
      line-height: 40px;
      display: block;
 }
 .mejs__playpause-button button {
     background-image: url(../images/btn_play.png);
 }
 .mejs__pause.mejs__playpause-button button {
     background-image: url(../images/btn_pause.png);
 }
 .title_main_shared {
      background-image: url(../images/bg_banner.png);
      background-position: center center;
 }
 @media screen and (max-width:767px) {
 	.search input[type=text] {
	    padding-right: 25px;
	}

      .header_pc {
           display: none;
      }
      .title_h1, .title_h2 {
           margin-bottom: 15px;
           margin-top: 10px;
      }
      .section.sec_03 {
           margin-top: 15px;
           margin-bottom: 30px;
       }
       .btn_toback {
            margin-bottom: 0;
            padding-bottom: 0;
       }
       .btn_toback.link-pdf-list ul li {
            margin-top: 20px;
       }
       .btn_toback.link-pdf-list ul li a:after {
            display: none;
       }
       .btn_toback.link-pdf-list ul li a img {
           display: inline-block;
           width: 22px;
           transform: rotate(180deg);
           filter: grayscale(100%);
           align-items: center;
           padding-left: 10px;
       }
       .layout_sidebar .col_sidebar .fire_system+.fire_system {
           margin-top: 2px;
       }
       .engineered_type  .section.sec_03 .title_h4{
            line-height: 25px;
       }
       section.service-home {
            background: none;
       }
       .wraper_sp {
            position: relative;
       }
       .wraper_sp:before {
            position: absolute;
            content: "";
            top: 50px;
            left: -20px;
            right: -20px;
            bottom: -30px;
            background: #eee;
       }
       .link-pdf-list ul li a {
          width: 80%;
      }
      .list_btn.col3 .item + .item {margin-top: 10px;}
      .header-bottom .navbar_nav>li .mega_menu .item .mega_ttl.toggle_btn:before {
          height: 48px;
          margin: auto;
      }
       header .item.col_03 {
            margin-bottom: -1px;
       }
     .button-list-service a {
          padding: 18px 15px;
      }
     .button-list-service a:before {
          width: 14px;
          right: 15px;
     }
      .list-service {
          padding: 0 20px;
      }
 }
 @media (max-width: 767px) {
     .service-slide .slick-next {
          right: -12px;
          transform: translateX(100%);
          width: 20px;
          height: 48px;
          background: 0 0;
          border-radius: 4px 0 0 4px;
          background-image: url(../images/arrow.png);
          background-repeat: no-repeat;
          background-size: contain;
          z-index: 1;
      }
}

@media (max-width: 767px) {
     .service-slide .slick-next {
          right: -12px;
          top: 50%;
          transform: translateX(100%) translateY(-50%);
          width: 20px;
          height: 48px;
          background-position: center center;
      }
      .service-slide .slick-prev {
          left: -12px;
          top: 50%;
          transform: translateX(-100%) translateY(-50%) rotate(180deg);
          width: 20px;
          background-position: center center;
      }
}

@media (max-width: 767px) {

     .mega_ttl_main a {
          padding: 0
     }
}

@media (max-width:880px) {
     .mega_ttl_main .show_pc.fz-36 {
          font-size:22px
     }
}

.search_page ._navs ._page a {
     display: block;
     width: 100%;
     height: 100%;
}

.search_page .pbox-pagenav span._prev,
.search_page .pbox-pagenav span._next {
     position: relative;
}

.search_page .pbox-pagenav span._prev a,
.search_page .pbox-pagenav span._next a {
     display: block;
     width: 100%;
     height: 100%;
     color: transparent;
}

.search_page .pbox-pagenav span._prev:before,
.search_page .pbox-pagenav span._next:before {
     content: none;
}

.search_page .pbox-pagenav span._prev a:before,
.search_page .pbox-pagenav span._next a:before {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     color: #32ac57;
     background-image: url(../images/next.png);
     background-repeat: no-repeat;
     background-position: center center;
     position: absolute;
     top: 0;
     left: 0;
}

.search_page .pbox-pagenav span._prev a:before {
     transform: rotate(180deg);
}